/* default setting ------------------------------------------------*/ .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .txtl { text-align: left; margin-bottom: 0.5em; } p.txt-l { text-align: left; margin-bottom: 0.5em; } .txtc { text-align: center; } .txtr { text-align: right; } .pink { color: #F0037F; } .red { color:#ff0000; } .b { font-weight: 700; } .b-strong { background-image: linear-gradient( transparent 60%, #e6d300 60%, #e6d300 100%); } .img-l { text-align: left; } .img-c { text-align: center; } .img-r { text-align: right; } .profile { padding: 2em 1em 1em 1em; background-color: aliceblue; } .online-title { font-size: 18px; } /* GENERAL USE ------------------------------------------------*/ #authors #detail { font-size: 18px; } h2 { font-weight: bold; margin-bottom: 0.5em; background: transparent; /* border-left: solid 5px #F0037F; */ padding: 0em 0.5em; } #authors #detail h2 { position: relative; padding: 0.5rem 0rem; border-bottom: 6px solid #FFB6D6; font-size: 24px; font-weight: 700; margin: 1.5em 0 1em 0; } #authors #detail h2:before { position: absolute; bottom: -6px; left: 0; width: 20%; height: 6px; content: ''; background: #F0037F; } p { margin-bottom: 2em; } #authors img { max-width: 100%!important;; } #author #detail h2{ padding: 1rem 2rem; border-top: 3px dashed #999; border-bottom: 3px dashed #999; } .ToC-index { margin-top: 40px } .ToC { border: solid 1px #999; padding: 1em; margin-top: 2em; } .ToC h2 { font-weight:bold; margin-bottom:0.5em; } .ToC p { margin-bottom: 0!important; } .ToC li { line-height: 1.7em; } .heading-list { margin: 20px 0; padding: 1em; border: 1px solid #999; line-height: 2em; } .base-999 { background-color: #f1f1f1; margin-bottom: 1em; border: #f1f1f1!important; } .narrower a { text-decoration: underline; } .include { border: solid 1px #999; padding: 1em; margin-bottom: 2em; } .include li { line-height: 1.7em; } .toTOP { text-align: center; margin-top: 2em; margin-bottom: 2em; } .items, .items th, .items td{ border: 1px solid #999; padding: 10px; margin-bottom:20px; } .trade th { width: 21%; background-color: #f1f1f1; } .present_button { margin-bottom: 2em; } .present_button a{ text-decoration: none!important; } .thumb-img img { border: solid 1px #333; } .movie-wrap { position: relative; padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden; } .movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .main-img { max-width: 100%; height: auto; } .caution { text-align: center; border: solid 1px #FF0000; color: #FF0000; padding: 1em 1em 1em 1em; } .border { border: 1px solid #ccc; padding: 1em; } .balloon { position: relative; display: inline-block; margin: 1.5em 0; padding: 10px 20px; min-width: 120px; max-width: 100%; color: #000; font-size: 24px; background: #FFB6D6; border-radius: 15px; } .balloon:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #FFB6D6; } .balloon p { margin: 0; padding: 0; } .maintenance-container { text-align: center; margin: 15vh auto; } .maintenance-date { color: red; font-weight: bold; } .popular-deco p { text-decoration: none!important; }