body,div,h1,h2,h3,h4{margin:0px; padding:0px;}
header,footer,nav,article,section,aside,figure{display:block;}

body{background-color:whitesmoke; color:black;}

article.main{background-color:white; border:1px solid gray; padding-top:0.5em;}

nav.Bar{text-align:center; }

header.box{background-color:#282828; text-align:center; margin-left:auto; margin-right:auto;}

h1{display:block; color:white; padding-bottom:0.2em;}

time.date{display:block; color:darkgray; font-weight:bold; padding:5px; border-top:2px groove darkgray; text-align:right; text-shadow:1px 1px 2px gray;}

div.social_top{margin-left:auto; margin-right:auto; border-bottom:1px solid gray;}
div.social_middle{margin-left:auto; margin-right:auto; border-bottom:1px solid gray;}
div.social_bottom{margin-left:auto; margin-right:auto; margin-bottom:1em;}
div.social_bottom div{display:inline-block;}
.fb_iframe_widget > span{vertical-align:baseline !important;}
div.webclap{padding:0 10px; border:1px solid gray; border-radius:5px;}
div.webclap a{color:gray; font-size:80%;}

div.youten{border-top:2px dotted gray; border-bottom:2px dotted gray;}
div.youten h2{font-size:110%; border-left-width:0.5em; border-left-style:solid; padding:0.3em; background:#e5e5e5; width:8em;}
div.youten li{line-height:1.4em; font-weight:bolder; margin-bottom:0.7em;}

section.honbun{border-bottom:1px solid gray;}
section.honbun p{line-height:1.5em; text-indent:1em;}

section.hosoku{border-bottom:1px solid gray;}
section.hosoku p{line-height:1.4em; color:#444; text-indent:1em; margin-top:0.6em; margin-bottom:0.6em;}

section.h3{margin:1.8em 0;}
h3{font-size:105%; margin-bottom:0.8em; padding-left:0.2em; border-left:0.4em solid; border-bottom:thin solid; border-color:dimgray;}

h4{padding-left:0.2em; border-left:0.2em solid; border-bottom:thin solid; border-color:dimgray; background-color:whitesmoke;}
section.h4 p{margin-left:0.5em;}

section.honbun ul{list-style-type:circle; padding-left:1.5em; margin-bottom:1.5em;}
section.honbun li{line-height:1.4em; font-weight:bolder; margin-bottom:0.7em;}

hr{margin:2em 0;}

article.main a{text-decoration:none;}
a.Normal:link{color:black;}
a.Normal:visited{color:black;}
a.Normal:active{color:#bbb;}
a.Normal:hover{color:#bbb;}
a.Underline{text-decoration:underline !important;}

.Stand{color:teal !important; font-weight:bold;}
.Star{color:goldenrod; font-weight:bold;}
.DarkStar{color:darkgoldenrod; font-weight:bold;}
.UVStar{color:purple; font-weight:bold;}
.Evil{color:crimson; font-weight:bold;}
.EvilStar{color:orangered; font-weight:bold;}

a.Tarot{color:teal; font-weight:bold;}

.Nouryoku{color:purple; font-weight:bold;}
.Keisei{color:navy; font-weight:bold;}
.Power{color:crimson; font-weight:bold;}
.Sousa{color:orange; font-weight:bold;}

.Alert{color:red; font-weight:bold;}

th,td{vertical-align:top;}

figure img{border:1px solid gray; max-width:100%; height:auto;}
figcaption{color:dimgray; text-indent:1em;}
figure {display:inline-block; margin-left:0; margin-right:5px;}

dd img{border:1px solid gray; max-width:100%; height:auto;}

aside.comment{padding-top:1.2em; border-top:2px dotted gray; text-align:center; text-decoration:underline dashed;}

aside.jump{border-top:2px dotted gray; border-bottom:2px dotted gray;}
aside.jump h2{font-size:110%; border-left-width:0.5em; border-left-style:solid; padding:0.3em; background:#e5e5e5; width:8em;}aside.jump ul{padding-left:1.3em;}
aside.jump li{line-height:1.4em; font-weight:bolder; margin-bottom:0.7em;}

aside.jump dt:before{content:"□";}
aside.jump dt{margin-bottom:0.2em;}
aside.jump dd{margin-left:1.5em; margin-bottom:1em; line-height:1.4em;}

.amazon{background-color:white; border:1px solid #336633; font-size:80%;}
.amazon h2{background-color:#336633; color:white; font-weight:normal; text-decoration:underline;}
.amazon h3{padding-top:3px;}
.amazon ul{list-style-type:none; padding:5px; margin:0px; border-bottom:1px solid #336633;}
.amazon .text{text-decoration:underline;}
.amazon img{border:0px; margin:3px;}

/* ページ最上部に戻るボタン */
.pagetop{height:50px; width:50px; position:fixed; right:30px; bottom:30px; background:white; opacity:0.7; border:2px solid black; border-radius:50%; display:flex; justify-content:center; align-items:center; z-index:2;}
.pagetop_arrow{height:10px; width:10px; border-top:3px solid black; border-right:3px solid black; transform:translatey(20%) rotate(-45deg);}

/* 埋め込んだグーグルマップをレスポンシブルにする */
.googlemap{aspect-ratio:4 / 3; width:100%; height:auto; max-width:600px;}