@charset "UTF-8";
/* 制作： 大生仙 明已 */
/*  ＃main  ２カラム  */
/*  ＃main  ２カラム  */
/*  ＃main  ２カラム  */
/*------------------------   基本のCSS   ------------------------*/
#body-inside { overflow-x: hidden; }

.orverwidth { margin: 0 -200%; padding: 0 200%; background: rgba(0, 0, 0, 0.5); text-align: center; }

.orverwidth p { padding: 1em; }

.section h2 { color: #e8e8e8; }

.section { overflow: visible; }

.background-layer { position: static; background-color: #f2f2f2; }

.information { margin: 0 auto; position: relative; }

@media screen and (min-width: 767px) { .information { width: 86%; } }
.over-block { min-height: 200px; background-color: rgba(0, 0, 0, 0.5); margin-right: calc(((100vw - 100%) / 2) * -2); margin-left: calc(((100vw - 100%) / 2) * -1); }

.over-all { max-width: 1260px; box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.5); margin: 0 auto; min-height: 180px; }

@media screen and (min-width: 1100px) { .over-r { width: 20%; } }
@media screen and (min-width: 1050px) { .over-r { width: 21%; } }
@media screen and (min-width: 950px) { .over-r { width: 23%; } }
@media screen and (min-width: 800px) { .over-r { margin: 0 auto; float: right; display: inline-block; vertical-align: top; width: 24%; box-shadow: 0 0 0 1px rgba(193, 193, 193, 0.2); } }
@media screen and (min-width: 1100px) { .over-l { width: 80%; } }
@media screen and (min-width: 1050px) { .over-l { width: 79%; } }
@media screen and (min-width: 950px) { .over-l { width: 77%; } }
@media screen and (min-width: 800px) { .over-l { width: 76%; min-height: 180px; display: inline-block; vertical-align: top; background-color: rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.5); } }
.contentn { max-width: 82%; margin: 40px auto; background: #616161; min-height: 180px; }

.cont-82 { width: 82%; margin: 40px auto; background: #616161; min-height: 180px; }

.cont-bg { background-color: transparent; width: 100%; margin: 0 -500%; padding: 0 500%; overflow: hidden; }

.cont-100 { width: 100%; padding: 10px 0; overflow: hidden; margin: 0; margin: 0 auto; background: transparent; overflow: visible; box-shadow: none; }
.cont-100 h1 { color: #f3f3f3; text-shadow: 1px 1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, -1px -1px 2px #333; }

.inner { background-color: #353535; min-height: 100px; width: 100%; margin: 0 -500%; padding: 0 500%; overflow: hidden; }

.inner1 { min-height: 100px; width: 100%; margin: 0 -500%; padding: 0 500%; overflow: hidden; background-color: #353535; box-shadow: 0 0 0 1px #333; }
.inner1 .Column { text-align: center; backdrop-filter: blur(6px); border-right: rgba(255, 255, 255, 0.22) solid 1px; border-left: rgba(255, 255, 255, 0.22) solid 1px; }

@media screen and (min-width: 800px) { .inner1 { min-height: 300px; color: rgba(242, 242, 242, 0.92); background: url(/_ibez-img/photo-green.png) #353535 no-repeat; background-position: top center; } }
.inner1-0 { min-height: 100px; width: 100%; margin: 0 -500%; padding: 0 500%; overflow: hidden; background-color: #353535; box-shadow: 0 0 0 1px #333; }
.inner1-0 .Column { text-align: center; }

@media screen and (min-width: 800px) { .inner1-0 { min-height: 300px; color: rgba(242, 242, 242, 0.92); background: url(/_ibez-img/raja-yoga-bg.png) #353535 no-repeat; background-position: top center; } }
.inner1-1 { min-height: 100px; width: 100%; margin: 0 -500%; padding: 0 500%; overflow: hidden; }
.inner1-1 img { background-color: #f7f7f7; }
.inner1-1 .Column { text-align: center; }

@media screen and (min-width: 800px) { .inner1-1 { color: rgba(242, 242, 242, 0.92); min-height: 100px; text-shadow: 1px 1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, -1px -1px 2px #333; background: url(/_ibez-img/photo-green-bg.png) #353535 no-repeat; background-position: top center; width: 100%; margin: 0 -500%; padding: 0 500%; overflow: hidden; box-shadow: 0 0 0 1px #333; color: rgba(242, 242, 242, 0.92); } }
.inner1-2 { min-height: 100px; width: 100%; margin: 0 -500%; padding: 0 500%; overflow: hidden; }
.inner1-2 .Column { text-align: center; }

@media screen and (min-width: 800px) { .inner1-2 { min-height: 300px; color: rgba(242, 242, 242, 0.92); background: url(/_ibez-img/self-development-bg.png) #353535 no-repeat; background-position: top center; box-shadow: 0 0 0 1px #333; } }
.inner1-3 { min-height: 100px; width: 100%; margin: 0 -500% 1em; padding: 0 500%; overflow: hidden; background-color: #94d0c8; box-shadow: 0 0 0 1px #20b6c5; }
.inner1-3 img { background-color: #f7f7f7; }
.inner1-3 .Column { margin: 20px 0; text-align: center; }
.inner1-3 h2 { color: rgba(12, 122, 128, 0.79); text-align: center; margin: 0 0 20px; font-size: 120%; position: relative; line-height: 2em; padding-left: 3em; }
.inner1-3 h2:before { position: absolute; content: ""; display: inline-block; margin-left: -40px; width: 2em; height: 2em; top: -0.5em; background: url(/_ibez-img/feather.png) no-repeat; background-size: contain; }
.inner1-3 h2 a:link { color: #0e34c3; }

@media screen and (min-width: 680px) { .inner1-3 { color: rgba(242, 242, 242, 0.92); min-height: 100px; background: url(/_ibez-img/photo-grass-bg.png) #353535 no-repeat; background-position: top center; width: 100%; margin: 0 -500%; padding: 0 500%; overflow: hidden; box-shadow: 0 0 0 1px #333; color: rgba(242, 242, 242, 0.92); } }
.inner1-4 { min-height: 100px; width: 100%; margin: 0 -500%; padding: 0 500%; overflow: hidden; background-color: #353535; box-shadow: 0 0 0 1px #333; }
.inner1-4 .Column { text-align: center; }

@media screen and (min-width: 800px) { .inner1-4 { min-height: 300px; color: rgba(242, 242, 242, 0.92); background: url(/_ibez-img/nagi-bg.png) #353535 no-repeat; background-position: top center; } }
.inner1-5 { min-height: 100px; width: 100%; margin: 0 -500%; padding: 0 500%; overflow: hidden; background-color: #353535; box-shadow: 0 0 0 1px #333; }
.inner1-5 .Column { text-align: center; }

@media screen and (min-width: 800px) { .inner1-0 { min-height: 100px; color: rgba(242, 242, 242, 0.92); } }
.inner2 { background-color: #353535; margin-right: calc(((100vw - 100%) / 2) * -1); background-color: rgba(0, 0, 0, 0.43); height: 385px; }

.inner0 { border-bottom: 1px solid rgba(195, 195, 195, 0.4); height: 500px; background-color: #353535; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-right: calc(((100vw - 100%) / 2) * -2); margin-left: calc(((100vw - 100%) / 2) * -1); }
.inner0 .contentn0 { max-width: 1100px; box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.5); margin: 0 auto; background: #ccc; height: 480px; }

@media screen and (min-width: 800px) { .inner0 { height: 500px; } }
.about-site { max-width: 100%; min-height: 460px; margin: 0 auto; }

.kiji-size { list-style-type: none; }
.kiji-size a img { transform: none; float: left; width: 25%; }

.black { background-color: #52ad98; padding: 0 0 10px; width: 80%; margin: 0 auto; }

.contents-title { text-align: center; line-height: 1.3; font-size: 90%; color: #333; }

.category-btn { padding: 0; margin-bottom: 4em; text-align: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.category-btn li { width: 22%; list-style: none; box-shadow: 0 0 0 1px #4a4a4a; margin-left: 5px; line-height: 2.75em; }

.category-btn li a { display: block; color: #454545; background-color: transparent; transition: background .3s ease; }

@media only screen and (min-width: 568px) { .category-btn { max-width: 830px; margin: 10px auto 10px; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; }
  .category-btn li { width: 22%; } }
.category-btn li a:active { color: #16615d; }

.category-btn li a.is-current { pointer-events: none; background-color: rgba(22, 97, 93, 0.6); }

.sousaku, .photo { margin: 0 auto; padding: 0; position: relative; }

.sousaku .sousaku-block { display: none; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 260px; height: auto; margin: 20px auto 0; box-shadow: 0 0 0 1px #4a4a4a; overflow: hidden; min-height: 152.75px; }
.sousaku .sousaku-block img { display: block; top: -1px; position: relative; }
.sousaku .sousaku-block a { display: block; }
.sousaku .sousaku-block a:link { color: #50FCFD; }
.sousaku .sousaku-block a:hover { color: #50FCFD; text-shadow: 1px 1px 2px #2e93ff, -1px 1px 2px #2e93ff, 1px -1px 2px #2e93ff, -1px -1px 2px #2e93ff; }
.sousaku .sousaku-block a:active { color: #8888ff; font-weight: bold; }
.sousaku .sousaku-block h1 { position: absolute; right: 0px; padding: 6px 15px 4px; font-size: 120%; /* 見出し column-span:none;  まだ使えない*/ box-shadow: 0 0 0 1px #4a4a4a; background-color: #26738c99; z-index: 1; }
.sousaku .sousaku-block h2 { font-size: 20px; text-align: center; position: relative; padding: 10px; }
.sousaku .sousaku-block h2:before { content: url(/_ibez-img/h2-line.png); position: absolute; bottom: -9px; left: 50%; margin-left: -75px; /* Half of my width. */ }
.sousaku .sousaku-block p { text-align: center; display: block; }
.sousaku .sousaku-block p a { box-shadow: 0 0 0 1px #4a4a4a; background-color: rgba(14, 28, 60, 0.76); line-height: 2.6em; padding: 0 13px; /* …省略 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* …省略 */ }
.sousaku .sousaku-block li { text-align: center; line-height: 1.8; font-size: 80%; background-color: #6c6c6c; box-shadow: 0 0 0 1px #373737; }
.sousaku .sousaku-block .date { position: absolute; left: 0; top: 0; padding: 10px 0 0 15px; width: 20px; z-index: 1; color: #eaeaea; text-shadow: 1px 1px 2px #000, -1px 1px 2px #000, 1px -1px 2px #000, -1px -1px 2px #000; }

.photo .photo-block { display: none; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width: 130px; min-height: 96.61px; height: auto; }

.photo .photo-block img { vertical-align: bottom; }

.sousaku .sousaku-block.x { height: 155px; min-height: 155px; }
.sousaku .sousaku-block.x li, .sousaku .sousaku-block.x img { display: block; top: -1px; position: relative; }
.sousaku .sousaku-block.x li:hover, .sousaku .sousaku-block.x img:hover { transform: none; }

body.category-all .item-all, body.category-kiji .item-kiji, body.category-comic .item-comic, body.category-novel .item-novel, body.category-link .item-link, body.category-illust .item-illust { display: block; -webkit-animation: show .5s linear 0s forwards; animation: show .5s linear 0s forwards; }

@media only screen and (min-width: 769px) { .category-btn li a:hover { box-shadow: 0 0 0 1px aqua; } }
@media only screen and (max-width: 568px) { .category-btn { margin: 10px auto 10px; margin-bottom: 2em; }
  .category-btn li { width: 48%; margin-bottom: .5em; float: left; } }
@-webkit-keyframes show { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
@keyframes show { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
/*--- でかい引き出し   ----*/
.cBoxTitle { text-align: right; }

.CollapsibleBoxBody { display: none; overflow: hidden; }

div.CollapsibleBox { overflow: hidden; margin: 20px 0; }

div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle i { position: relative; top: 120px; right: 30px; float: right; }

div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle a { height: 160px; font-size: 110%; background-color: rgba(45, 45, 45, 0.75); box-shadow: 0 0 0 1px #3e3e3e; }

div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle { font-size: 130%; border-radius: 0; box-shadow: none; padding: 0; border-left: none; border-right: none; }

div.CollapsibleBox div.CollapsibleBoxBody { color: #363636; background-color: rgba(243, 243, 243, 0.42); display: none; overflow: hidden; font: 100%/1.8em Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 源暎こぶり明朝, 源暎こぶり明朝, 游明朝, YuMincho, Roboto, "Droid serif", serif; }

div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle { font-size: 130%; border-radius: 0; box-shadow: none; padding: 0; border-top: solid 1px rgba(193, 189, 189, 0.47); border-bottom: solid 1px rgba(193, 189, 189, 0.47); border-left: none; border-right: none; }

/* --- 二分割からむ(サイズ変換付き) ---- */
/* --- 基本 ----*/
.col2 { display: block; }

@media only screen and (min-width: 980px) { .col2 { display: flex; } }
.col2 li { width: 100%; }

@media only screen and (min-width: 980px) { .col2 li { width: 50%; width: -webkit-calc(100% / 2); width: calc(100% / 2); } }
.col2 ul, .col2 li { padding-left: 0; margin-top: 0; margin-bottom: 0; list-style: none; }

.col2 li { text-align: center; padding: 20px 0; background-color: rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px #757575; }

/* --- TOPお知らせ看板 ----*/
.col2-o { display: block; }

@media only screen and (min-width: 980px) { .col2-o { display: flex; } }
.col2-o li { width: 100%; }

@media only screen and (min-width: 980px) { .col2-o li { width: 50%; width: -webkit-calc(100% / 2); width: calc(100% / 2); } }
.col2-o ul, .col2-o li { padding-left: 0; margin-top: 0; margin-bottom: 0; list-style: none; }

.col2-o li { text-align: center; }

/* --- 2枚画像 ----*/
.contents { white-space: normal; text-align: center; }
.contents .content2_1 { width: 49.5%; margin: 1% 0; float: left; box-shadow: 0 0 0 1px #c3c3c3; }
.contents .content2_2 { width: 49.5%; margin: 1% 0; float: right; box-shadow: 0 0 0 1px #c3c3c3; }

/* --- article問題提起 ----*/
.article-q { text-align: center; margin: 10px 0 2em; }
.article-q .article-q_1 { max-width: 350px; margin: 1em auto 0; }
.article-q .article-q_1 img { border: solid 1px #269d8c; }
.article-q .article-q_2 { text-align: left; line-height: 1.75em; white-space: pre-wrap; padding: 2em 10px 1em; font-size: 96%; }
.article-q .article-q_2 h1 { color: rgba(26, 34, 93, 0.7); font-weight: bold; }
.article-q .article-q_2 h2 { color: rgba(27, 103, 158, 0.9); }
.article-q .article-q_2 h3 { color: rgba(130, 26, 63, 0.9); }
.article-q .article-q_2 h4 { color: rgba(130, 26, 63, 0.9); }
.article-q .article-q_3 { text-align: left; line-height: 1.75em; white-space: pre-wrap; padding: 2em 10px 1em; font-size: 96%; }

@media screen and (min-width: 680px) { .article-q .article-q_1 { float: left; width: 43%; }
  .article-q .article-q_2 { float: right; width: 53%; }
  .article-q .article-q_3 { backdrop-filter: blur(6px); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22); text-shadow: 1px 1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, -1px -1px 2px #333; background-color: rgba(0, 0, 0, 0.3); margin-top: 1em; float: right; width: 53%; } }
.reset { position: relative; counter-reset: comment-line; /* --- 2枚画像 ----*/ }
.reset .section a { color: #49867e; }
.reset a { color: #49867e; }
.reset .do { margin: 10px auto 60px; box-shadow: none; padding: 30px 0; }
.reset .do h2 { color: rgba(12, 122, 128, 0.79); text-align: center; margin: 0 0 20px; font-size: 120%; position: relative; line-height: 2em; padding-left: 3em; }
.reset .do h2:before { position: absolute; content: ""; display: inline-block; margin-left: -40px; width: 2em; height: 2em; top: -0.5em; background: url(/_ibez-img/feather.png) no-repeat; background-size: contain; }
.reset .do h2 a:link { color: #0e34c3; }
.reset .do h3 { text-align: center; position: relative; line-height: 2em; padding-left: 3em; }
.reset .do h3:before { position: absolute; content: ""; display: inline-block; margin-left: -40px; width: 1.8em; height: 2em; background: url(/_ibez-img/check.png) no-repeat; background-size: contain; }
.reset .do .do-padding { padding: 0 1em; white-space: pre-wrap; line-height: 2em; width: auto; margin-bottom: 30px; min-height: 100px; color: #333; position: relative; counter-increment: comment-line; background-image: linear-gradient(90deg, transparent 29px, transparent 31px), linear-gradient(90deg, transparent 49px, transparent 51px), linear-gradient(rgba(130, 130, 130, 0.1) 0.03em, transparent 0.05em); letter-spacing: .03em; background-size: 100% 1em; }
.reset .do .do-padding ul.cp_list { list-style-type: none; margin: 0 auto; font-size: 90%; background-color: rgba(167, 167, 167, 0.12); padding: 0 2em; box-shadow: 0 0 0 1px #661c8c; }
.reset .do .do-padding ul.cp_list li { position: relative; padding: 0em 0.3em 0em 2em; }
.reset .do .do-padding ul.cp_list h3 { position: absolute; right: 0px; padding: 6px 15px 4px; font-size: 120%; box-shadow: 0 0 0 1px #4a4a4a; background-color: #26738c99; z-index: 1; }
.reset .do .do-padding ul.cp_list li::before, .reset .do .do-padding ul.cp_list li::after { position: absolute; content: ''; display: inline-block; }
.reset .do .do-padding ul.cp_list li::after { top: 10.4px; left: 0; width: 9px; height: 9px; border-radius: 25%; border-right: 3px solid #BA68C8; border-bottom: 3px solid #BA68C8; transform: rotate(-45deg); }
.reset .do .do-padding ul.cp_list li::before { top: 15px; left: -5px; width: 15px; height: 2px; background-color: #BA68C8; border-radius: 25%; }
@media screen and (min-width: 680px) { .reset .do .do-padding { padding: 0 9em; max-width: 38em; font-size: 100%; margin: 0 auto; } }
.reset .comment { margin: 10px auto 60px; box-shadow: none; padding: 30px 0; }
.reset .comment h2 { color: rgba(12, 122, 128, 0.79); text-align: center; margin: 0 0 20px; font-size: 120%; position: relative; line-height: 2em; padding-left: 3em; }
.reset .comment h2:before { position: absolute; content: ""; display: inline-block; margin-left: -40px; width: 2em; height: 2em; top: -0.5em; background: url(/_ibez-img/feather.png) no-repeat; background-size: contain; }
.reset .comment h2 a:link { color: #0e34c3; }
.reset .comment h3 { text-align: center; position: relative; line-height: 2em; padding-left: 3em; }
.reset .comment h3:before { position: absolute; content: ""; display: inline-block; margin-left: -40px; width: 1.8em; height: 2em; background: url(/_ibez-img/check.png) no-repeat; background-size: contain; }
.reset .comment .comment-padding { padding: 0 1em; white-space: pre-wrap; line-height: 2em; }
.reset .comment .comment-padding .img-block { display: block; text-align: center; box-shadow: 0 0 0 1px #dadada; background-color: #333; }
.reset .comment .comment-padding img { height: 10em; }
@media screen and (min-width: 980px) { .reset .comment .comment-padding img { height: 15em; } }
.reset .comment .comment-padding ul.cp_list { list-style-type: none; max-width: 38em; margin: 0 auto; padding: 0 1em; }
.reset .comment .comment-padding ul.cp_list li { position: relative; padding: 0em 0.3em 0em 2em; font-size: 90%; }
@media screen and (min-width: 900px) { .reset .comment .comment-padding ul.cp_list { padding: 0; } }
.reset .comment .comment-padding ul.cp_list li::before, .reset .comment .comment-padding ul.cp_list li::after { position: absolute; content: ''; display: inline-block; }
.reset .comment .comment-padding ul.cp_list li::after { top: 10.4px; left: 0; width: 9px; height: 9px; border-radius: 25%; border-right: 3px solid #BA68C8; border-bottom: 3px solid #BA68C8; transform: rotate(-45deg); }
.reset .comment .comment-padding ul.cp_list li::before { top: 15px; left: -5px; width: 15px; height: 2px; background-color: #BA68C8; border-radius: 25%; }
@media screen and (min-width: 680px) { .reset .comment .comment-padding { padding: 0 9em; max-width: 38em; font-size: 100%; margin: 0 auto; } }
@media screen and (min-width: 680px) { .reset .comment { box-shadow: 0 0 0 1px #c3c3c3; background-color: #f7f7f7; } }
.reset .contents { white-space: normal; text-align: center; margin: 1em 0; }
.reset .contents img { box-shadow: 0 0 0 1px #1c828c; }
.reset .contents .content2_1 { width: 49.5%; margin: 0; float: left; box-shadow: none; }
.reset .contents .content2_2 { width: 49.5%; margin: 0; float: right; box-shadow: none; }
.reset .comment-line { width: auto; margin-bottom: 60px; min-height: 100px; color: #333; position: relative; counter-increment: comment-line; background-image: linear-gradient(90deg, transparent 29px, transparent 31px), linear-gradient(90deg, transparent 49px, transparent 51px), linear-gradient(#ececec 0.03em, transparent 0.05em); letter-spacing: .03em; background-size: 100% 1em; }
.reset .comment-line h3 { box-shadow: -5px 1px 0px 0px #2a9bad; text-align: center; }
@media screen and (min-width: 600px) { .reset .comment-line:before { position: absolute; z-index: 2; right: .6em; top: -1.2em; content: counter(comment-line) "/"; color: rgba(30, 137, 142, 0.2); font-size: 2.5em; } }
.reset .comment-ans { width: auto; margin-bottom: 60px; color: #333; min-height: 100px; line-height: 1.8; font-size: 90%; }
.reset .comment-ans ul.cp_list { margin: 2em 0 0; list-style-type: none; }
.reset .comment-ans ul.cp_list li { position: relative; padding: 0em 0.3em .5em 1.8em; line-height: 2.6em; }
@media screen and (min-width: 600px) { .reset .comment-ans ul.cp_list li { line-height: 1.8em; } }
.reset .comment-ans ul.cp_list li::before, .reset .comment-ans ul.cp_list li::after { position: absolute; content: ''; display: inline-block; }
.reset .comment-ans ul.cp_list li::after { top: .35em; left: 0em; width: 20px; height: 20px; background-color: #299aa2; border-radius: 100%; }
.reset .comment-ans ul.cp_list li::before { z-index: 2; top: 0.76em; left: 0.3em; width: 5px; height: 5px; border-right: 2px solid #f7f7f7; border-bottom: 2px solid #f7f7f7; transform: rotate(-45deg); }
.reset .comment-ans ul { margin: 20px 15%; }
.reset .comment-ans ol { list-style: unset; list-style-type: decimal; }
.reset .comment-ans ol li { padding: 10px 10px; border-bottom: dotted 1px #1e7d7d; }
.reset .comment-ans .comment-padding { padding: 0 3%; white-space: pre-wrap; line-height: 2em; }
.reset .comment-ans h3 { color: rgba(20, 74, 132, 0.79); text-align: center; margin: 10px; font-size: 120%; padding-left: 3em; }
.reset .comment-ans h3:before { position: absolute; content: ""; display: inline-block; width: 2em; height: 2em; top: .5em; padding-right: 15px; background: url(/_ibez-img/check.png) no-repeat; background-size: contain; }
@media screen and (min-width: 680px) { .reset .comment-ans h3:before { position: relative; }
  .reset .comment-ans h3 { padding-left: 0; } }
@media screen and (min-width: 700px) { .reset .comment-ans ul.cp_list { margin: 20px 25%; } }
.reset .comment-list { width: auto; margin-bottom: 20px; box-shadow: 0 0 0 1px #333; background: rgba(168, 168, 168, 0.15); padding: 1%; color: #333; min-height: 100px; line-height: 1.8; }

.sentence { float: left; font-size: 3em; padding: 0 20px; margin: 0 .2em 0 0; background: #5b5b5b; color: #f3f3f3; line-height: 2em; }

.green { color: #198c8c; border-bottom: dashed 1px #1c8484; }

.rose { color: #d5848c; }

.kome { color: #631c40; }

.kariyasu { color: #eed67e; }

.under { background: linear-gradient(transparent 70%, rgba(95, 192, 208, 0.55) 70%); }

.under-rose { background: linear-gradient(transparent 70%, #d5848c 70%); }

.under-kari { background: linear-gradient(transparent 70%, #eed67e 70%); }

.solid-b { width: auto; margin: 1em 0; box-shadow: 0 0 0 5px #1c828c; background: rgba(168, 168, 168, 0.15); padding: 1em 0em; color: #333; }

@media screen and (min-width: 900px) { .solid-b { padding: 1em 7em; } }
.dashed-b { text-align: center; overflow: hidden; margin: 1em 0; color: #333; border: dashed 1px #2db7a3; }

.stripe { position: relative; padding: 0.3em; }
.stripe:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 7px; background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px); }

.stripe2 { position: relative; padding: 0.3em; }
.stripe2:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 7px; background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px); }

.article-b { padding: 1%; text-align: center; overflow: hidden; margin-bottom: 80px; color: #333; border: dashed 1px #2db7a3; }
.article-b h3 { color: rgba(12, 122, 128, 0.79); text-align: left; font-size: 120%; line-height: 1.5; line-height: 2em; position: relative; padding-left: 3.5em; }
.article-b h3:before { position: absolute; content: ""; display: inline-block; width: 2em; height: 2em; background: url(/_ibez-img/books.png) no-repeat; background-size: auto; background-size: contain; left: 1em; }
.article-b .article-b_1 { width: 100%; float: left; padding: 20px 0; }
.article-b .article-b_1 img { border: solid 1px #269d8c; }
.article-b .article-b_2 { width: 100%; float: right; text-align: left; counter-increment: lined-paper; background-image: linear-gradient(90deg, transparent 29px, transparent 31px), linear-gradient(90deg, transparent 49px, transparent 51px), linear-gradient(#e6e6e6 0.03em, transparent 0.05em); letter-spacing: .03em; background-size: 100% 1em; min-height: 100px; white-space: pre-wrap; line-height: 2; }
.article-b .article-b_2 h3 { color: rgba(130, 26, 63, 0.9); }

@media screen and (min-width: 680px) { .article-b .article-b_1 { width: 35.431%; }
  .article-b .article-b_2 { width: 60%; } }
.link-p { position: relative; color: #1f77a0; position: relative; padding-left: 25px; display: inline-block; }
.link-p:before { position: absolute; content: ""; width: 1.3em; height: 2em; top: .1em; left: -5px; display: inline-block; background: url(/_ibez-img/link.png) no-repeat; background-size: contain; }
.link-p a { color: #1f77a0; }
.link-p a:link { position: relative; box-shadow: inset 0 -1px 0 rgba(22, 144, 138, 0.73); }

.dl { position: relative; }
.dl:before { position: absolute; content: ""; display: inline-block; width: 2em; height: 2em; top: .5em; padding-right: 15px; background: url(/_ibez-img/dl.png) no-repeat; background-size: contain; }

.article-q:before, .article-q:after { content: ""; display: table; }

.article-q:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.article-q { zoom: 1; }

/*--- 三分割からむ(サイズ変換付き) ----*/
/*--- 基本 ----*/
.col3 { display: block; }

@media only screen and (min-width: 980px) { .col3 { display: flex; } }
.col3 li { width: 100%; }

@media only screen and (min-width: 980px) { .col3 li { width: 33.33333%; width: -webkit-calc(100% / 3); width: calc(100% / 3); } }
.col3 ul, .col3 li { padding-left: 0; margin-top: 0; margin-bottom: 0; list-style: none; }

.col3 li { text-align: center; padding: 20px 0; background-color: rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px #757575; }

/*--- footerプロフィール ----*/
.footer-col3 { display: block; }

@media only screen and (min-width: 980px) { .footer-col3 { display: flex; min-height: 600px; max-width: 1200px; margin: 0 auto; padding: 50px 0 30px; } }
.footer-col3 li { width: 100%; }
.footer-col3 li .about { margin: 0 10px 20px 0; }
.footer-col3 li .name { font-size: 150%; margin: 30px 0 5px; }
.footer-col3 li img { margin: 0 auto; width: 250px; margin: 10px; }
.footer-col3 li p { text-align: center; display: inline-block; margin: 30px; line-height: 1.8; max-width: 320px; }
.footer-col3 li .link-a { padding: 15px; width: 80%; display: inline-block; box-shadow: 0 0 0 1px #757575; }

@media only screen and (min-width: 980px) { .footer-col3 li { width: 33.33333%; width: -webkit-calc(100% / 3); width: calc(100% / 3); } }
.footer-col3 ul, .footer-col3 li { padding-left: 0; margin-top: 0; margin-bottom: 0; list-style: none; }

.footer-col3 li { text-align: center; padding: 20px 0; }

@media only screen and (min-width: 480px) { #update-board0 ruby { margin: 4px 0 0 6px; }
  #update-board0 .board-ruby { right: -5px; } }