.text-center{ text-align : center ; } .sita-m20{ margin-bottom:20px; } /*▼▼▼▼▼吹き出し▼▼▼▼▼*/ /* 全体のスタイル */ .kaiwa { margin-bottom: 25px; } /* 左画像 */ .kaiwa-img-left { margin: 0; float: left; width: 60px; height: 60px; margin-right: -70px; } /* 右画像 */ .kaiwa-img-right { margin: 0; float: right; width: 60px; height: 60px; margin-left: -70px; } .kaiwa figure img { width: 100%; height: 100%; border: 1px solid #aaa; border-radius: 50%; margin: 0; } /* 画像の下のテキスト */ .kaiwa-img-description { padding: 5px 0 0; font-size: 10px; text-align: center; position: relative; bottom: 15px; } /* 左からの吹き出しテキスト */ .kaiwa-text-right { position: relative; margin-left: 80px; padding: 10px; border-radius: 10px; background: #eee; margin-right: 12%; float: left; } /* 右からの吹き出しテキスト */ .kaiwa-text-left { position: relative; margin-right: 80px; padding: 10px; border-radius: 10px; background-color: #9cd6e7; margin-left: 12%; float: right; } p.kaiwa-text { margin: 0 0 20px; } p.kaiwa-text:last-child { margin-bottom: 0; } /* 左の三角形を作る */ .kaiwa-text-right:before { position: absolute; content: ''; border: 10px solid transparent; top: 15px; left: -20px; } .kaiwa-text-right:after { position: absolute; content: ''; border: 10px solid transparent; border-right: 10px solid #eee; top: 15px; left: -19px; } /* 右の三角形を作る */ .kaiwa-text-left:before { position: absolute; content: ''; border: 10px solid transparent; top: 15px; right: -20px; } .kaiwa-text-left:after { position: absolute; content: ''; border: 10px solid transparent; border-left: 10px solid #9cd6e7; top: 15px; right: -19px; } /* 回り込み解除 */ .kaiwa:after,.kaiwa:before { clear: both; content: ""; display: block; } P { margin-bottom : 30px; } .name_tukaeru_itiran td{ font-size:30px; line-height:150%; } .taikendan{ background-color:#fff9f2; margin:20px 0; padding:5px 3px; border-top:solid 1px #7a4b38; border-bottom:solid 1px #7a4b38; } .kugiri{ width:100%; border-top:solid 1px #d1b5aa; } .tango { display: inline-block; /* インラインブロック化途中改行なし */ } .namae-rei { font-size : 20px; line-height:150%; } /*◆◆解説 dl-p5 左線◆◆*/ .dl-p5 { padding :10px ; margin : 50px 0 ; width: auto ; border-left : 3px solid #bebebe ; } .dl-p5 dt { margin : 0 ; border-bottom : 1px dotted #bebebe ; } .dl-p5 dd { margin : 0 ; } .sen-midori { border-color : #81ffc8 ; } .dl-p5 .dd2 { border-top : 1px dotted #bebebe ; } .sen-ao { border-color : #90c2ff ; } .rei { background-color : #f9ffe5 ; border: solid 1px #929d6d ; border-radius: 5px ; padding: 15px 5px ; margin : 10px 0 ; } /*★★★★★文字色★★★★★*/ .aka { color : red ; } .midori { color: green; } .ao { color: blue; } .migi { text-align:right; } .sita-m100 { margin-bottom : 100px; } .center { text-align:center; } /*★★★★★ファンクション目次★★★★★*/ .toc { width: auto; display: table; margin: 0 0 10px; padding: 10px; color: #333; word-break: break-all; word-wrap: break-word; border: #ccc solid 1px; border-radius: 3px; background-color: #fafafa; } .toc .toc-title { margin: 0; padding: 0; text-align: center; font-weight: bold; } .toc .toc-toggle { font-weight: normal; font-size: 90%; } .toc ul { list-style: none; } .toc .toc-list { margin: 0; padding: 0; } /*◆◆サイドバー注目トピック◆◆*/ .matome-side { margin: 0 0 2 0 ; padding: 1px ; border : 1px solid #999999 ; } .administrator-profile { padding : 10px ; } .matome-side img { height:80px; object-fit: cover; /* 中央を基準に画像をトリミング */ } /*◆◆★カルーセル*/ .cal { margin-bottom:20px; }