/*
Theme Name: 多摩ニュータウン.com 2026
Theme URI: https://tamanewtown.com/
Description: 多摩ニュータウン.com の2026年以降の新テーマ。park2019newを基に、SEO・内部構造・表示・アーカイブ設計を段階的に整理する。
Version: 0.16.0
Text Domain: tamanewtown2026
*/

html,body{
margin:0;padding:0;
-webkit-text-size-adjust:100%;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

p{
font-size:16px;line-height:1.6;letter-spacing:0.05em;margin: 0.3rem 0;
margin:10px 0 20px;
padding:0 4px 4px;
}

/* トップページ：サイトの主題を人と検索エンジンに明確に伝える短い導入 */
.site-introduction{
max-width:960px;
margin:24px auto 18px;
padding:0 16px 22px;
box-sizing:border-box;
border-bottom:1px solid #dddddd;
}
.site-introduction h1{
margin:0 0 10px;
padding:0;
font-size:22px;
line-height:1.45;
font-weight:600;
letter-spacing:0.03em;
text-align:center;
}
.site-introduction p{
max-width:820px;
margin:0;
padding:0;
font-size:14px;
line-height:1.9;
letter-spacing:0.04em;
color:#444444;
}
@media screen and (max-width:768px){
.site-introduction{
margin:18px auto 12px;
padding:0 16px 18px;
}
.site-introduction h1{
font-size:19px;
line-height:1.5;
}
.site-introduction p{
font-size:14px;
line-height:1.85;
}
}


/* カテゴリー／タグ：アーカイブそのものを検索入口として明確にする */
.archive-heading{
max-width:980px;
margin:0 auto 18px;
text-align:center;
}
.archive-heading .archive-title{
margin:0 0 8px;
padding:4px;
font-size:1.5em;
line-height:1.5;
font-weight:600;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","MS P明朝",serif;
}
.archive-heading .archive-description{
max-width:760px;
margin:0 auto;
padding:0 12px;
text-align:left;
font-size:14px;
line-height:1.8;
color:#555555;
}
.archive-heading .archive-description p{
font-size:inherit;
line-height:inherit;
margin:0;
padding:0;
}

/* 色指定 */
html,body{background:#ffffff;}

#headerwrapper{background:#eeeeee;}
#main{border-top:1px solid #dddddd;background:#f9f9f9;}
.menutaglist li{background:#efefef;}
.menutaglist100 li{background:#efefef;}
.photomain{background:#eaf7ff;}	
.topics ul li{background:#ffffff;}
.wrap {overflow: hidden;}

.arwspc{color:#777777;}
.oldpage i{color:#777777;}
.nextpage i{color:#777777;}
#breadcrumb li span{border:1px solid #777777;}
.menutaglist li{background:#ffffff;}

.wrap {overflow: hidden;}
.grn{color:#00a968;}
.alignright{text-align:right;}
.rd{color:#ff0c09;}
.sm{font-size:12px;}

.sectionarea{
padding:40px 0;
}
@media screen and (min-width: 769px){
.mgnt110{margin-top:0;}
.pdgt100{padding-top:0;}
}

@media screen and (max-width: 768px){
.mgnt110{margin-top:110px;}
.pdgt110{padding-top:110px;}
}

@media screen and (max-width: 768px){
.main_pc{display:none;}
.main_sp{display:block;}
#headerbar h1{display:none;}

#contentspage h2,
#contentspage h1.content-title{
padding-top:20px;
text-align:center;
font-size:24px;
line-height:24px;
font-weight:normal;
}
}


@media screen and (min-width: 769px){
.main_pc{display:block;}
.main_sp{display:none;}

#contentspage h2,
#contentspage h1.content-title{
padding-top:30px;
text-align:center;
font-size:24px;
line-height:24px;
font-weight:normal;
}
}

@media screen and (min-width: 769px){
#container{margin:0;padding:0;overflow: hidden;}
.page-context-title{max-width:980px;color:#111111;font-size:12px;font-weight:bold;text-align:center;margin:0 auto;padding:3px;}
#menubar{display:block;}
.linkheight{display:none;}
.navi_icn{display:none;}
.togglearea{display:block;padding:10px 0;background:#f9f9f9;border-bottom:1px solid #dddddd;}
.togglebtn{display:block;}


.togglemenu{max-width:980px;margin:10px auto;text-align:center;}
.togglemenu ul{list-style-type:none;margin:0;padding:0;}
.togglemenu li{font-size:12px;line-height:16px;margin:6px 1px;padding: 4px 12px;display:inline-block;border-radius:14px;background:#cccccc;}
.togglemenu li a:link{color:#000000;padding:0;display:block;border:none;}
.togglemenu li a:visited{color:#777777;text-decoration:underline;}
.togglemenu li a:hover{color:#ff0000;text-decoration:none;}
.togglemenu li a:active{color:#ff8833;text-decoration:none;}
	
/*
.togglemenu{max-width:980px;margin:10px auto;text-align:center;padding-bottom:10px;border-bottom:1px solid #111111;}
.togglemenu ul{list-style-type:none;margin:0;padding:0;}
.togglemenu li{font-size:12px;margin:2px;padding:3px;display:inline-block;border-radius:3px;border:1px solid #999999;}
.togglemenu li a{padding:0;display:block;}
.togglemenu li a:hover{margin:0;padding:0;background:#ffffff;}
*/
	
#header{max-width:1350px;height:170px;margin:2px auto 0;padding:0;text-align:center;background:url(img/main.jpg) no-repeat;background-size:cover;background-position:top center;position:relative;}
	
#header_park{max-width:1350px;height:170px;margin:2px auto 0;padding:0;text-align:center;background:url(img/park_main.jpg) no-repeat;background-size:cover;background-position:top center;position:relative;}


.button{display:none;}
}


@media screen and (max-width: 768px){
#container{margin:0;padding:0;overflow: hidden;}
.page-context-title{height:24px;font-size:12px;font-weight:bold;text-align:center;margin:2px 0 0 0;border-bottom:1px solid #ffffff;}
.navi_icn ul{list-style-type:none;margin:5px;padding:0;}
.navi_icn li{margin:0 6px;display:inline-block;}
.navi_icn li a:link { color: #0070c9;font-weight:normal;text-decoration:none;}
.navi_icn li a:visited { color: #0070c9;font-weight:normal;text-decoration:none;}
.navi_icn li a:hover { color: #0070c9;text-decoration:underline;}
.navi_icn li a:active { color: #ff0c09; }

.togglemenu{width:140px;font-size:14px;line-height:30px;margin-top:56px;margin-bottom:10px;padding:10px;text-align:left;color: #0070c9;background:#000000;}
.togglemenu ul{list-style-type:none;margin:0;padding:0;}
.togglemenu a:link{color: #0070c9;display:block;text-decoration:none;}
.togglemenu a:visited{color: #0070c9;display:block;text-decoration:none;}
.togglemenu a:hover{color: #ff0c09;background:#dddddd;}
.togglemenu a:active{color: #ff0c09;background:#dddddd;}

#menubar{width:100%;position:fixed;color:#ffffff;height:78px;z-index:200;margin-bottom:110px;background-color: rgba(0,0,0,0.6);}
#menubar ul{list-style-type:none;margin:5px;padding:0;}
#menubar li{margin:0 6px;display:inline-block;}
#menubar ul li a:link { color: #ffffff;font-weight:normal;text-decoration:none;}
#menubar ul li a:visited { color: #ffffff;font-weight:normal;text-decoration:none;}
#menubar ul li a:hover { color: #ff0c09;text-decoration:underline;}
#menubar ul li a:active { color: #ff0c09; }
.linkheight{height:60px;}

#headerwrapper{display:none;}
#header{max-width:1350px;height:180px;margin:10px auto 0;padding:0;text-align:center;background:url(img/ttl_sp.png) no-repeat;background-size:cover;background-position:top center;position:relative;}

.button{display:block;width:100px;position:absolute;top:30px;right:0;border:2px solid #ffffff;border-radius:4px;}
.button a{display:block;border-radius:4px;font-size:14px;color:#ffffff;padding:2px 8px;text-decoration:none;}
.button a:hover{background:#ff0c09;}
.togglebtn{overflow: hidden;}

.togglearea{position:absolute;top:5px;right:10px;}
#headerbar h1{display:none;}
}



#main{
margin:20px auto 0;
padding-top:20px;
}

.site{
text-align:center;
margin-top:20px;
}

.mrgint20{margin-top:20px;}

.area{
width:160px;
margin:0 auto 20px;
padding:3px 6px;
font-size:12px;
text-align:center;
border:1px solid #999999;
}

@media screen and (max-width: 768px){
.section_top{
max-width:960px;
margin:10px auto 0;
}

.section_top img{
width:100%;
margin:0;
padding:0;
vertical-align:bottom;
}

.section_top p{
margin:0;
padding:4px 4px 14px;
}

.section_top h3{
width:300px;
margin:0 auto 10px;
padding:4px;
border:1px solid #111111;
}

.section_top h4{
border-bottom:2px solid #111111;
margin:0 0 4px 0;
}

.list{
margin-top:0;
padding:0 0 10px 0;
text-align:center;
}

.list img{
width:300px;
height:auto;
}

.list ul{
list-style-type:none;
margin:0;
padding:0;
}

.list li{
display:inline-block;
width:300px;
text-align:left;
margin:0 5px;
padding:0;
vertical-align:top;
}
	
.mapli{
font-size:12px;
margin-bottom:4px;
}
}

@media screen and (min-width: 769px){
.section_top{
max-width:960px;
margin:10px auto 0;
}

.section_top img{
width:100%;
margin:0;
padding:0;
vertical-align:bottom;
}

.section_top p{
margin:0;
padding:4px 4px 14px;
}

.section_top h3{
width:300px;
margin:0 auto 20px;
padding:4px;
border:1px solid #111111;
}

.section_top h4{
border-bottom:2px solid #111111;
margin:0 0 4px 0;
}

.list{
margin-top:0;
padding:0 0 30px 0;
text-align:center;
}

.list img{
width:300px;
height:auto;
}

.list ul{
list-style-type:none;
margin:0;
padding:0;
}

.list li{
display:inline-block;
width:300px;
text-align:left;
margin:0 5px;
padding:0;
vertical-align:top;
}
	
.mapli{
font-size:12px;
margin-bottom:20px;
}
}


.section{
max-width:700px;
margin:0 auto;
}

.w980{
max-width:980px;
}

.section img{
width:100%;
height:auto;
margin:0;
padding:0;
vertical-align:bottom;
}

.section p{
margin:0;
padding:0 4px 4px;
}

.section h3{
font-size:1.5em;
padding:4px;
margin-bottom:0;
text-align:center;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

.section h4{
font-size:1.25em;
padding:4px;
margin-bottom:0;
border-bottom:3px solid #444444;
}

.section h5{
text-align:center;
font-size:1.0em;
font-weight:normal;
padding:4px;
margin:15px 0 10px;
border-bottom:3px solid #444444;
}

.info ul{
list-style-type:none;
margin:4px 0 0 0;
padding:0;
}

.info li{
padding:3px 6px;
border-bottom:1px solid #c0c0c0;
}


.map{
max-width:700px;
}

blockquote{
margin:20px 0;
padding:10px 16px;
border:1px solid #cccccc;
border-radius:6px;
}

#footer{
height:100px;
margin-top:50px;
text-align:center;
}

#footer a{
margin:80px auto 0;
padding:10px;
border:1px solid #111111;
}

.updatetime{
font-size:12px;
color:#000000;
text-align:center;
margin:10px auto 20px;
padding-bottom:20px;
}


/* 関連キーワード */
.taglist{
max-width:700px;
text-align:center;
margin:0 auto 20px;
}

.taglist ul{
margin:0;padding:0;
list-style-type:none;
}

.taglist li{
display:inline-block;
font-size:14px;
margin:5px 8px;
padding:4px 14px;
border-radius:14px;
color:#000000;
background:#eeeeee;
}

.taglist li a{
color:#000000;
text-decoration:none;
}

.taglist h3{
text-align:left;
font-size:1.25em;
padding:4px;
margin-bottom:4px;
border-bottom:3px solid #444444;
}


.info{
padding:10px;
}


/* toppage */
.section_toppage{max-width:980px;
margin:10px auto 0;
text-align:center;
}


.main_topics{
font-size:0;
margin:10px 0;
}

.main_topics h2{
font-size:18px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;

}
.main_topics ul{
list-style-type:none;
display:inline-block;
margin:0 auto;
padding:0;
vertical-align:bottom;
}

.main_topics li{
font-size:12px;
width:310px;
height:290px;
margin:5px;
text-align:left;
background:#ffffff;
vertical-align:top;
box-shadow: 0 0 8px rgba(0,0,0,0.2);
border-radius:10px;
}

.main_topics li h3{
font-size:18px;
line-height:24px;
margin:0;
padding:4px 8px 0;
}

.main_topics li h4{
font-size:14px;
font-weight:bold;
line-height:24px;
margin:0;
padding:4px 0 0 0;
}

.main_topics li a{
font-weight:bold;
}

.main_topics li p{
font-size:12px;
margin:0;
padding:2px 8px;
}

.main_topics i{color:#ff0c09;}

.main_topics img{border-radius:10px 10px 0 0;}

.topics_park_new{
	text-align:center;
	padding:5px 0 0 0;
	border-top:1px dotted #e0e0e0;
}





.topics{
font-size:0;
border-radius:10px 0 0 0;
}

.topics h2{
font-size:18px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;

}
.topics ul{
list-style-type:none;
display:inline-block;
margin:0 auto;
padding:0;
vertical-align:bottom;
}

.topics li{
font-size:12px;
width:310px;
height:270px;
margin:5px;
text-align:left;
background:#ffffff;
vertical-align:top;
box-shadow: 0 0 8px rgba(0,0,0,0.2);
border-radius:10px;
}

.topics li h3{
font-size:18px;
line-height:24px;
margin:0;
padding:4px 8px 0;
}

.topics li h4{
font-size:14px;
font-weight:bold;
line-height:24px;
margin:0;
padding:4px 0 0 0;
}

.topics li a{
font-weight:bold;
}

.topics li p{
font-size:12px;
margin:0;
padding:2px 8px;
}

.topics i{color:#ff0c09;}

.topics img{border-radius:10px 0 0 10px ;}

.menutaglist{
text-align:center;
}

.menutaglist ul{
display:inline-block;
margin:0 0 20px 0;
padding:0;
}

.menutaglist li{
font-size:11px;
margin:4px 8px;
padding:4px 10px;
border-radius:5px;
}


#footer_top{
background:#444444;
height:60px;
padding-top:10px;
padding-bottom:60px;
text-align:center;
}

.share{
font-size:14px;
padding-top:10px;
}

.share ul{
list-style-type:none;
margin:0;
padding:0;
}

.share li a{
display:block;
padding:4px 12px;
border-radius:5px;
color:#ffffff;
text-decoration:none;
}

.share li a:hover{opacity:0.8;}

.share ul:after{
content:"";
display:block;
clear:both;
}

.share li{
display:inline-block;
width:auto;
}

.share-tw{background:#55acee;}
.share-fb{background:#3b5998;}
.share-inst{background:#eb4152;}
.share-home{background:#ff8833;}
.footertxt{padding-top:6px;}

@media (max-width:599px){
.share span{display:inline-block;text-indent:-9999px;}
.share li a{padding:8px 10px;}
}

.adsensepage2{
width:96%;
margin:0 auto;
text-align:center;
}

.adsensepage2-in{
text-align:center;
}


.post{margin-top:0;padding-top:0;margin-bottom:20px;border-bottom:1px solid #111111;}
.search_section{margin:0 auto;padding:0 10px;}
.search_section h3{margin:0;padding:0;}
.search_section p{margin:0;padding:0;}
.search_section img{display:none;}
.more-link{margin-left:20px;}
.no-search{text-align:center;padding-top:30px;padding-bottom:30px;}

@media (max-width:599px){
	.search_section{margin:110px auto 0;padding:0 10px;}
}

.centering{text-align:center;}
.keyword ul{margin:0;padding:0;display:inline-block;	vertical-align:top;}
.keyword li{list-style-type:none;margin:0;padding:0;vertical-align:top;}
.keyword p{font-size:20px;padding-bottom:10px;}
.keywordimg ul{margin:0;padding:0;display:inline-block;	vertical-align:top;}
.keywordimg li{list-style-type:none;margin:0;padding:0;vertical-align:top;width:150px;}
.keywordimg p{font-size:20px;padding-bottom:10px;}
.caption{font-size:14px;font-weight:normal;text-align:left;margin:0;padding:4px 0 8px 0;}

#searchform,#searchform div{display:inline;}
.screen-reader-text{display:none;}
.search-field{border:1px solid #aaaaaa;border-radius:3px;padding:3px 8px;}
.search-field:hover,.search-field:focus{background:#eeeeee;}

.search-submit{
background:#666666;
border-radius:5px;
color:#ffffff;
padding:2px 8px;
margin-right:10px;
}
.search-submit:hover{background:#aaaaaa;}
div#subinfo{
margin:0 0 20px 10px;
}
div#subinfo img{
vertical-align:bottom;}




.section-contents{
max-width:700px;
margin:0 auto;
}

.section-contents img{
width:100%;
height:auto;
display:block;
margin-bottom:6px;
}

@media (max-width:768px){
.section-contents p{
width:100%;
height:auto;
display:block;
	margin-left:5px;
	margin-right:5px;
margin-bottom:6px;
}
}

.informationtxt{
margin-top:40px;
}

.toplink{
width:100%;
height:100%;
}


.section_mapbtn{
margin:20px 0 30px;
text-align:center;
}

.mapbtn{
padding:8px 10px;
border-radius:4px;
border-bottom:4px solid #1791d7;
color:#ffffff;
background:#3cbafc;
}

.section_mapbtn a:link { color: #ffffff;text-decoration:none;}
.section_mapbtn a:visited { color: #ffffff;text-decoration:none;}
.section_mapbtn a:hover{
position: relative;
top:1px;left:1px;
text-decoration: none;
}

.section_mapbtn a:active { color: #ff8000;text-decoration:none;}

.map{
text-align:center;
}

.size-full{
border-radius:5px;
}

.listpost{
max-width:600px;
margin:0 auto;
}

.listpost ul{
margin:0;
padding-top:4px;
padding-bottom:4px;
color:#ff0000;
border-bottom:1px solid #c0c0c0;
}

.listpost li{
margin:0;
padding-top:0;
padding-bottom:0;
}

.listpostdate{
font-size:12px;
margin-left:10px;
color:#000000;
}

.listpost2{
max-width:600px;
margin:0 auto;
}

.listpost2 ul{
display:block;
width:100%;
margin:0;
padding-top:4px;
padding-bottom:4px;
color:#ff0000;
border-bottom:1px solid #c0c0c0;
}

.listpost2 li{
text-align:left;
margin:0;
padding-top:0;
padding-bottom:0;
}


.new{
text-align:left;
font-weight:normal;
margin:10px 0 0 10px;
color:#000000;
}

.listtxt{
font-size:14px;
}

.allpostblock{margin:10px 0;padding:0 10px 0 0;text-align:right;}
.allpost{font-size:20px;padding:0 4px;font-weight:bold;font-family:Helvetica,Arial,sans-serif;}


.pagenation{
overflow:hidden;
font-size:18px;
color:#ff0c09;
border-radius:0 0 4px 4px;
margin:20px 40px;
}
.oldpage{float:left;}
.nextpage{float:right;}

/* 三角ラベル */
/* 商品に見立てた枠 */
.triangle {
background: #fafafa;
width: 100px;
height: 100px;
margin: 0 auto;
position: relative;
}

/* ラベル部分 左上に表示 */
.triangle::before {
content: "";
top: 0;
left: 0;
border-bottom: 3em solid transparent;
border-left: 3em solid #69cf3f; /* ラベルの色はここで変更 */
position: absolute;
z-index: 100;
border-radius:10px 0 0 0;
}
.triangle::after {
font-size:9px;
content: "Shuffle";
display: block;
top: 5px;left:-2px;
transform: rotate(-45deg);
color: #fff; /* 文字色はここで変更 */
position: absolute;
z-index: 101;
}


@media screen and (min-width: 769px){
/* 三角ラベル */
/* 商品に見立てた枠 */
.trianglenew {
background: #fafafa;
width: 310px;
height: 192px;
margin: 0 auto;
position: relative;
}

/* ラベル部分 左上に表示 */
.trianglenew::before {
content: "";
top: 0;
left: 0;
border-bottom: 3em solid transparent;
border-left: 3em solid #ff0c09; /* ラベルの色はここで変更 */
position: absolute;
z-index: 100;
		border-radius:10px 0 0 0;
}
.trianglenew::after {
font-size:9px;
content: "NEW!";
display: block;
top: 5px;left:1px;
transform: rotate(-45deg);
color: #fff; /* 文字色はここで変更 */
font-weight:bold;
position: absolute;
z-index: 101;
}
}



@media screen and (max-width: 768px){

.trianglenew {
background: #fafafa;
width: 100px;
height: 100px;
margin: 0 auto;
position: relative;
}

/* ラベル部分 左上に表示 */
.trianglenew::before {
content: "";
top: 0;left:0;
border-bottom: 3em solid transparent;
border-left: 3em solid #ff0c09; /* ラベルの色はここで変更 */
position: absolute;
z-index: 100;
		border-radius:10px 0 0 0;
}
.trianglenew::after {
font-size:10px;
content: "NEW!";
display: block;
top: 8px;
transform: rotate(-45deg);
color: #fff; /* 文字色はここで変更 */
left: 0;
position: absolute;
z-index: 101;
		border-radius:10px 0 0 0;
}

}


.photomain{
margin-bottom:10px;
}

.photomain h3{
width:90%;
text-align:center;
margin:5px auto 0;
font-weight:normal;
}

.photomain h3 a{
color:#000000;
}
.photomain p{
font-size:12px;
width:88%;
margin:0 auto 10px;
padding-bottom:15px;
}

.photomain p a{
color:#ff0c09;
}

.photomaini{
max-width:700px;
width:100%;
height: 432px;
position: relative;
overflow: hidden;
}

.photomaini img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;

}

.listpost{
max-width:600px;
margin:0 auto;
}
.listpost ul{
margin:0;
padding-top:4px;
padding-bottom:4px;
color:#ff0000;
border-bottom:1px solid #c0c0c0;
}
.listpost li{
margin:0;
padding-top:0;
padding-bottom:0;
}
.listpostdate{
font-size:12px;
margin-left:10px;
color:#000000;
}

.listtitle{
font-size:24px;
text-align:center;
margin:20px 0 0 0;
}

@media screen and (max-width: 768px){
.pdgt60{
padding-top:60px;
}

.listtitle{
padding-top:60px;
}

#breadcrumb{
font-size:12px;
max-width:980px;
margin:0 auto;
padding-top:75px;
}
}


.ads960{
max-width:960px;
margin:20px  auto 40px;
}

.ads930{
max-width:930px;
margin:10px  auto 10px;
}

.ads700{
max-width:700px;
margin:20px  auto 40px;
}

.ads300{
max-width:300px;
margin:10px  auto 10px;
}


#breadcrumb{
font-size:12px;
max-width:980px;
margin:0 auto;
}


#breadcrumb ul{
list-style-type:none;
}


#breadcrumb li{
display:inline-block;
margin:4px 0;
}

#breadcrumb li span{
display:inline-block;
margin:0;
padding:2px 10px;
border-radius:14px;
}

.arwspc{
padding:0 8px;
}





/* ページ上部へ戻るボタン */
#page-top{
  width:50px;
  height:50px;
  display:none;
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:999;
}

#move-page-top{
  width:50px;
  height:50px;
  margin:0;
  padding:0;
  border:0;
  border-radius:5px;
  background:#d51323;
  color:#fff;
  font:inherit;
  font-size:18px;
  line-height:50px;
  text-align:center;
  cursor:pointer;
  transition:opacity .2s ease, transform .2s ease;
  -webkit-appearance:none;
  appearance:none;
}

#move-page-top:hover{
  opacity:.86;
}

#move-page-top:focus-visible{
  outline:3px solid currentColor;
  outline-offset:3px;
}

#move-page-top:active{
  transform:translateY(1px);
}


#glass {
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    display: none;
    background-repeat: no-repeat;
    background-color: rgba
}

.fa-car{padding-right:10px;}
.fa-walking{padding-right:10px;}

.list-page{
margin-top:20px;
}

.list-page ul{
list-style-type:none;
margin:0;
padding:0;
}

.list-page li{
font-size:0.75em;
padding:4px 10px;
border-bottom:1px solid #dddddd;
}

.list-page li a{
font-size:1.2em;
}

.mread{
text-align:center;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
margin:25px 0;
}


.rdtable{

}

.rdtable table{
border-collapse: collapse;
border:2px solid #000000;
}

.rdtable th{
	padding:4px;
background:#dddddd;
border:1px solid #000000;
}

.rdtable td{
	padding:4px;
	text-align:center;
border:1px solid #000000;
}


.extxt2 h3{
font-size:1.25em;
padding:4px;
margin-bottom:0;
border-bottom:3px solid #444444;
}

.extxt2 ul{
list-style-type:none;
margin:4px 0 0 0;
padding:0;
}

.extxt2 li{
padding:3px 6px;
border-bottom:1px solid #c0c0c0;
}


@media screen and (max-width: 768px){
.ads_page{
max-width:300px;
margin:10px  auto 10px;
}
}

@media screen and (min-width: 769px){
.ads_page{
max-width:680px;
margin:20px  auto;
}
}
	
.fa-car{
padding-right:6px;		
}

.keijiban{
max-width:700px;
margin:0 auto;
}

.keijiban img{
width:100%;
height:auto;
}



/* --- MENU SITEMAP --- */
.menu_sitemap{
max-width:980px;
text-align:left;
margin:0 auto;
overflow:hidden;
}

.menu_sitemap h3{
width:300px;
text-align:center;
margin:20px auto;
padding:4px;
border:1px solid #111111;
}

.menu_sitemap h4{
max-width:980px;
text-align:left;
padding:4px 0 2px 8px;
margin:0 auto 4px;
}

.menu_sitemap_section{
padding-bottom:30px;
}

.menu_sitemap ul{
margin:0;padding:0;
list-style-type:none;
}

.menu_sitemap li{
display:inline-block;
font-size:14px;
margin:8px;
padding:3px 16px;
border-radius:14px;
}

.menu_sitemap h4{border-bottom:1px solid #444444;}
.menu_sitemap li{background:#dddddd;}

.menu_sitemap li a:link{color:#000000;text-decoration:none;}
.menu_sitemap li a:visited{color:#000000;text-decoration:underline;}
.menu_sitemap li a:hover{color:#ff0000;text-decoration:none;}
.menu_sitemap li a:active{color:#ff8833;text-decoration:none;}

.menu_sitemap i{padding-right:4px;}



/* 検索 */

.searchform {
position: relative;
}

.search-post{
margin-top:0;
padding-top:0;
margin-bottom:20px;
border-bottom:1px solid #dddddd;
}

.search_section h3{
text-align:left;
font-weight:normal;
font-size:1.0em;
}

.search_section p{
font-size:0.9em;
font-style: italic;
}

.search_section a{
text-decoration:none;
}

.searchfield {
font-size: 14px;

margin: 3px;
padding: 10px;
border: solid 1px #bbb;
border-radius: 25px;
background-color: #efefef;
}
	
.searchsubmit {
font-family: FontAwesome;
font-size: 1.4em;
margin-top: 10px;
padding: 0;
cursor: pointer;
color: #555555;
border: none;
background: transparent;
}
	
.searchsubmit:hover {
opacity: .6;
}

.search-highlight {
padding:0 4px;
font-weight: bold;
}


div#subinfo{
margin:0 0 20px 10px;
}

div#subinfo img{
vertical-align:bottom;
}


/* ランキングはテーマ標準の .tnt-ranking を使用 */

.hr-text {
max-width:900px;
font-family : Bookman Old Style ;
line-height: 1em;position: relative;outline: 0;border: 0;color: black;text-align: center;height: 1.5em;opacity: .9;margin:20px auto 0;
}

.hr-text:before {
content: '';
background: -webkit-linear-gradient(left, transparent, #c0c0c0, transparent);
background: linear-gradient(to right, transparent, #c0c0c0, transparent);position: absolute;
left: 0;top: 50%;width: 100%;height: 2px;
}

.hr-text:after {
content: attr(data-content);
position: relative;
display: inline-block;
color:#888888;padding: 0 .5em;line-height: 1.8em;background-color: #ffffff;
}


	.clm2{
		margin-top:10px;
	}
	.clm2 ul{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	.clm2 li{
		display:inline-block;
		vertical-align:top;
				margin:0;
		padding:0;
		text-align:left;
				border-bottom:1px solid #dddddd;
		margin-bottom:5px;
	}
	.clm2_news{
		max-width:850px;
	}
	.clm2_twitter{
		width:300px;
	}
	.twitter_timeline{
		width:300px;
		margin:0 auto;
		text-align:center;
		border:1px solid #dddddd;
	}
	.feed-source,.feed-date{
		font-size:0.75em;
		color:#222222;
	}


/* アイコン・カテゴリー */

.catlist{
max-width:980px;
margin:20px auto 20px;
text-align:center;
}



.catlist h3{
font-size:1.5em;
padding:4px;
margin-bottom:0;
text-align:center;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","MS P明朝",serif;
}

.catlist ul{
list-style-type:none;
margin:0;
padding:0;
}

.catlist li{
display:inline-block;
width:450px;
margin:10px;
padding:0 5px;
border:1px solid #dddddd;
border-radius:8px;
vertical-align:middle;
}

.cat_ttl{
text-align:left;
font-size:1.1em;
padding:0 5px;
}
.caption{
font-size:12px;
padding:0 5px;
}

.catlist li img{
width:100px;height:100px;
border-radius:8px;
vertical-align:middle;
}

@media screen and (max-width: 768px){
.catlist{
max-width:980px;
margin:20px auto 20px;
padding-top:60px;
text-align:center;
}
	
.catlist li{
display:inline-block;
width:320px;
margin:10px;
padding:0 5px;
border:1px solid #dddddd;
border-radius:8px;
vertical-align:middle;
}
	
}



.scaniverse{
max-width:700px;
height:432px;
}
.scaniverse iframe{
max-width:700px;
border-radius:10px;
}
/* v0.2 archive/search pagination */
.tnt-pagination {
  clear: both;
  margin: 40px auto 20px;
  text-align: center;
}
.tnt-pagination .page-numbers {
  display: inline-block;
  margin: 3px;
  padding: 8px 11px;
  border: 1px solid #ddd;
  text-decoration: none;
}
.tnt-pagination .page-numbers.current {
  font-weight: bold;
  border-color: #777;
}


/* v0.10 native related posts */
.tnt-related {
  max-width: 680px;
  margin: 36px auto 28px;
}
.tnt-related__title {
  text-align: center;
  font-size: 24px;
  line-height: 1.4;
  font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
  padding: 4px;
  margin: 0 0 8px;
  border-bottom: 3px solid #444;
}
.tnt-related__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
  padding: 10px 0 0;
  list-style: none;
}
.tnt-related__item {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tnt-related__link {
  display: block;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.tnt-related__thumb {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #eee;
}
.tnt-related__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tnt-related__noimage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #999;
  font-size: 11px;
  letter-spacing: .08em;
}
.tnt-related__body {
  display: block;
  padding: 7px 2px 4px;
}
.tnt-related__posttitle {
  display: block;
  font-size: 14px;
  line-height: 1.5;
}
.tnt-related__meta {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  color: #777;
}
@media screen and (max-width: 640px) {
  .tnt-related__list {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .tnt-related__link {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
  }
  .tnt-related__thumb {
    aspect-ratio: 4 / 3;
  }
  .tnt-related__body {
    padding-top: 0;
  }
}


/* Theme-native ranking */
.ranking-page-title{margin:60px 0 16px;text-align:center;font-size:24px;line-height:1.45;}
.tnt-ranking{list-style:none;margin:32px 0 60px;padding:0;counter-reset:tnt-ranking;}
.tnt-ranking__item{position:relative;margin:0;padding:0;border-top:1px solid #e2e2e2;counter-increment:tnt-ranking;}
.tnt-ranking__item:last-child{border-bottom:1px solid #e2e2e2;}
.tnt-ranking__item::before{content:counter(tnt-ranking);position:absolute;left:0;top:16px;z-index:2;min-width:28px;padding:5px 3px;box-sizing:border-box;background:#222;color:#fff;font-size:12px;font-weight:700;line-height:1;text-align:center;}
.tnt-ranking__link{display:flex;gap:16px;align-items:center;padding:14px 8px 14px 42px;color:inherit;text-decoration:none;}
.tnt-ranking__link:hover .tnt-ranking__title{text-decoration:underline;}
.tnt-ranking__thumb{display:block;flex:0 0 132px;height:82px;overflow:hidden;background:#efefef;}
.tnt-ranking__image{display:block;width:100%;height:100%;object-fit:cover;}
.tnt-ranking__noimage{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:11px;color:#888;letter-spacing:.08em;}
.tnt-ranking__body{display:block;min-width:0;text-align:left;}
.tnt-ranking__link,.tnt-ranking__title,.tnt-ranking__meta{text-align:left;}
.tnt-ranking__title{display:block;font-size:16px;font-weight:600;line-height:1.55;}
.tnt-ranking__meta{display:block;margin-top:6px;font-size:12px;color:#777;}
.tnt-ranking__empty{margin:32px 0 60px;text-align:center;color:#777;}
@media (max-width:640px){.tnt-ranking__link{gap:10px;padding-left:38px}.tnt-ranking__thumb{flex-basis:96px;height:64px}.tnt-ranking__title{font-size:14px}}
