@charset "UTF-8";
.h2-title {color:#5d4297; font-size:28px; text-shadow: 0px 0px 1px #5D4297; text-align:center; margin-top: 13px;}
.mgtb10 { margin: 10px 0; }
.mgt5 { margin-top: 5px; }
.mgt20 { margin-top: 20px; }
.pd10 { padding:10px; }
.pdt50 { padding-top:50px; }
.fwb { font-weight:bold; }
.ht20 { height:20px; }
.link-btn { width:640px; margin:15px auto 0; display:block; border-radius:45px; border: 2px #5d4297 solid; color:#5d4297; text-align:center; line-height:45px; }
.link-btn-100 { width:100%; margin:15px auto 0; display:block; border-radius:45px; border: 2px #5d4297 solid; color:#5d4297; text-align:center; line-height:45px; }
.link-btn-150p { width:150px; margin:20px auto 0; display:block; border-radius:45px; border: 2px #5d4297 solid; color:#5d4297; text-align:center; line-height:30px; }
.link-btn-150p-on { width:150px; margin:20px auto 0; display:block; border-radius:45px; border: 2px #5d4297 solid; color:#FFF; background:#5d4297; text-align:center; line-height:30px; }
.link-btn-w { width:640px; margin:0px auto 30px; display:block; border-radius:45px; border: 2px #5d4297 solid; color:#5d4297; text-align:center; line-height:45px; background:#FFF; }
.topTaiki-wrap2 { padding: 5px 0; margin-bottom: 0px; }
.uranaishi-box3 { float: left; width: 141px; padding: 10px 5px 5px; box-sizing: border-box; margin: 5px 5px 5px 0; overflow: hidden; position: relative; text-align:center; }
.frame { display: inline-block; position: relative; }
.frame:after { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; border-radius: 70px; box-shadow: inset 0 0 20px #FFF, inset 0 0 20px #FFF, inset 0 0 20px #FFF, inset 0 0 20px #FFF; z-index:1; }
#word_sch_btn, #mastername_reset_btn { font-size:16px; }
.tieup-name { text-align: center; color: #5d4297; font-weight: bold; white-space: nowrap; font-size:22px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-shadow: 0px 0px 1px; margin: 0 0 10px;}
.tieup-backimg { background: url('/asset/image/background2.webp?1');background-size: 85%; background-repeat: no-repeat; background-position: center; }
.tieup-box { float:left; width:143px; background: rgba(255,255,255,.8); box-shadow: 1px 1px 3px #AAA; padding: 20px;}
.tieup-text { padding:10px 0; height:375px; }
#page_top{ width: 50px; height: 50px; position: fixed; right: 50px; bottom: 50px; background: #5d4297; opacity: 0.5; border-radius: 50%; z-index:1; }
#page_top a{ position: relative; display: block; width: 50px; height: 50px; text-decoration: none; }
#page_top a::before{ font-family: FontAwesome; content: '\f102'; font-size: 25px; color: #fff; position: absolute; width: 25px; height: 25px; top: 0; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; }
.price { position:absolute; top:30px; left:50%; transform: translate(-50%,0%); z-index:3; width:100%; font-size:14px; }
.reload-wrap { width: 91.3%; margin: 0 auto 10px; }
.reload-wrap .mini { padding: 4px 6px; background-color: #2e0d63; border-radius: 18px; color: #fff; width: 200px; font-size: 16px; border: none; margin: 0 5px; }
.reload-wrap .mini[disabled] { padding: 4px 6px; background-color: #EEE; border-radius: 18px; color: #DDD; width: 200px; font-size: 16px; border: none; margin: 0 5px; }
.yoyaku { width:84%; background-color:#6aa455; border-radius: 20px; position:absolute; top:140px; left:50%; transform: translate(-50%,0%); z-index:2; }
.taiki { width:84%; background-color:#e77658; border-radius: 20px; position:absolute; top:140px; left:50%; transform: translate(-50%,0%); z-index:2; }
.kantei { width:84%; background-color:#e75895; border-radius: 20px; position:absolute; top:140px; left:50%; transform: translate(-50%,0%); z-index:2; }
.riseki { width:84%; background-color:#2a5b72; border-radius: 20px; position:absolute; top:140px; left:50%; transform: translate(-50%,0%); z-index:2; }
.annai { width:84%; background-color:#b31b6f; border-radius: 20px; position:absolute; top:140px; left:50%; transform: translate(-50%,0%); z-index:2; }
.manryo { width:84%; background-color:#d13d3d; border-radius: 20px; position:absolute; top:140px; left:50%; transform: translate(-50%,0%); z-index:2; }
.taimen { width:84%; background-color:#b1a6d9; border-radius: 20px; position:absolute; top:140px; left:50%; transform: translate(-50%,0%); z-index:2; }
.yoyaku a, .taiki a, .kantei a, .riseki a, .annai a, .manryo a, .taimen a { display: block; color: #FFF; font-weight: 700; text-decoration: none; text-align:center; }
.uranaishi-img { width:100px; height:100px; display: block; margin: 10px auto; border-radius:50%;}
.teller-prf03 { font-size:14px; height:32px; line-height:16px; overflow: hidden; text-align:left; }
.review-div { background-color: rgb(233, 221, 189); padding: 10px; border-radius: 10px; margin-bottom: 10px; }
.review-box { background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.3) 100%); border-radius: 10px; padding: 10px; position:relative; }
.review-box p { position:absolute; top:12px; left:135px; }
.review-link { position:absolute; top:68px; left:122px; display:block; border-radius:45px; border: 2px solid #5d4297; text-align:center; line-height:35px; width:300px; }
.review-status { position:absolute; top:15px; right:25px; }
.prof-link { position:absolute; top:68px; left:440px; display:block; border-radius:45px; border: 2px solid #5d4297; text-align:center; line-height:35px; width:300px; }
.columnbox-flex { display: inline-flex; flex-wrap: wrap; width:100%;}
.column-div { background-color: rgb(233, 221, 189); padding: 10px; border-radius: 10px; margin-bottom: 10px; flex-basis: 31%; margin-right: 7px; }
.column-box { background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.3) 100%); border-radius: 10px; padding: 10px; position:relative; height:115px; }
.column-box a { text-decoration:none; }
.column-box .img-box { width:30%; float:left; height: 58px; overflow: hidden;}
.column-box .text-box { width:70%; float:left; }
.column-box .genre1 { display:inline-table; width:115px; background: #5d4297; color:#FFF; border-radius:10px; text-align:center; }
.column-box .genre2 { display:inline-table; width:115px; background: #5d4297; color:#FFF; border-radius:10px; text-align:center; margin-left:5px;}
.column-box .main-title { border-top:solid 1px #E9DDBD; padding:10px 0 0 0; font-weight:bold;}
.uranaishi-name-box { width:80%; float:left; text-align:right; margin:28px 0 0;}
.uranaishi-img-box { width:20%; float:left; text-align:right; margin-top:10px;}
.uranaishi-img-box img { border-radius:30px;}
.concept-back { background: url('/asset/image/background1.png'); background-size: 100% 900px; }
.concept-back2 { position:relative; background-image:url('/asset/image/bgimage.webp?1');background-size: 30%; width: 100%; height: 700px; background-repeat: no-repeat; background-position: center 300px; margin: 40px 0px 0; }
.concept-back-w { position:absolute; top:570px; left:50%; transform:translate(-50%,0%); width:510px; background:rgba(255,255,255,0.5); height: 50px; border-radius: 50px; }
.concept1 { position: absolute; top: 340px; left: 70px; width: 250px; background: rgba(93,66,151,0.3); height: 250px; border-radius: 125px; }
.concept2 { position: absolute; top: 80px; left: 175px; width: 250px; background: rgba(93,66,151,0.2); height: 250px; border-radius: 125px; }
.concept3 { position: absolute; top: 80px; right: 175px; width: 250px; background: rgba(93,66,151,0.2); height: 250px; border-radius: 125px; }
.concept4 { position: absolute; top: 340px; right: 70px; width: 250px; background: rgba(93,66,151,0.3); height: 250px; border-radius: 125px; }
.concept5 { position: absolute; top: 15px; left: 50%; transform: translate(-50%,0%); width: 250px; background: rgba(93,66,151,0.3); height: 250px; border-radius: 125px; }
.system-box { margin:15px; }
.system-box-l { float:left; width:17%; }
.system-box-r { float:left; width:83%; }
.system-title { line-height: 2em; text-indent: 8px; border-left: 10px solid purple; margin-bottom: 5px; border-bottom: 5px dotted #ccc; }
.p-line { height:2px; background:#5d4297; width:200px; margin:0px auto 10px; }
.concept-text { width:200px; margin:0 auto; }
.tieup { width:150px; height:150px; border-radius:75px; margin:0 5px; }
.pagination { margin: 20px 0; text-align:center;}
.pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.pagination ul > li { display: inline; }
.pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; }
.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; }
.pagination ul > .active > a, .pagination ul > .active > span { color: #4d4d4d; cursor: default; }
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover { color: #4d4d4d; background-color: transparent; cursor: default; }
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
/*@media (min-width: 1200px){*/
.conveni-ul { padding: 20px 0; }
.conveni-li { position: relative; text-indent: 5em; line-height: 3em; }
.conveni-li:before { content: ''; width: 50px; height: 40px; position: absolute; top: 0; left: 0; background-image: url("https://shujecy.me/asset/image/icon_conv.gif"); background-repeat: no-repeat; }
.conveni-li.c01:before { background-position: 0 0; }
.conveni-li.c02:before { background-position: 0 -40px; }
.conveni-li.c03:before { background-position: 0 -80px; }
.conveni-li.c04:before { background-position: 0 -120px; }
.conveni-li.c05:before { background-position: 0 -160px; }
.conveni-li.c06:before { background-position: 0 -200px; }
.conveni-li.c07:before { background-position: 0 -240px; }
.conveni-li.c08:before { background-position: 0 -280px; }
.conveni-li.c09:before { background-position: 0 -320px; }

.black { color:#4d3527; }
.gray2 { color:#6b6b6b; }

.left { text-align:left; }

.fwb { font-weight:bold; }
.pdb5 {padding-bottom: 5px;}
.mgb10 {margin-bottom:10px;}
.etc_title { font-size:18px; color: #590c11;	/* 文字色 */ overflow: hidden; padding: 10px;	/* 余白 */ position: relative; }
.etc_title:after { background-color: #f3a3a8;	/* 1個目（一番左）のドットの色 */ border-radius: 50%; content: ''; margin-left: 15px;	/* 最後の文字とドットとの余白 */ position: absolute; top: 50%; transform : translateY(-50%); width: 5px;	/* ドットの幅 */ height: 5px;	/* ドットの高さ */ box-shadow: 20px 0px 0px rgb(217,204,179),	/* 2個目のドットの位置と色 */ 40px 0px 0px rgb(217,204,179),	/* 3個目のドットの位置と色 */ 60px 0px 0px rgb(243,163,168),	/* 4個目のドットの位置と色 */ 80px 0px 0px rgb(217,204,179),	/* 5個目のドットの位置と色 */ 100px 0px 0px rgb(217,204,179),	/* 6個目のドットの位置と色 */ 120px 0px 0px rgb(243,163,168),	/* 7個目のドットの位置と色 */ 140px 0px 0px rgb(217,204,179),	/* 8個目のドットの位置と色 */ 160px 0px 0px rgb(217,204,179),	/* 9個目のドットの位置と色 */ 180px 0px 0px rgb(243,163,168),	/* 10個目のドットの位置と色 */ 200px 0px 0px rgb(217,204,179),	/* 11個目のドットの位置と色 */ 220px 0px 0px rgb(217,204,179);	/* 12個目のドットの位置と色 */ }
#trouble ul {}
#trouble li { display:inline-table; width:14%; }
#trouble img { border-radius:50%; box-shadow: 2px 2px 3px #888;}
.modal-bg{ background: rgba(0,0,0,0.8); height: 25vh; position: absolute; width: 100%; }
.modal-content2{ background: #fff; left: 50%; padding: 20px; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 80%;}
.modal-content2 p { margin-bottom:15px; }
.modal-bg2{ background: rgba(0,0,0,0.8); height: 50vh; position: absolute; width: 100%; }
.modal2 {display: none; height: 50vh; position: fixed; top: 50%; left: 50%; z-index: 1050; width: 560px; margin: -250px 0 0 -280px; background-color:#ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999999; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; background-clip: padding-box; outline: none;}
.subtitle2 { position: relative; padding: 12px 5px; border: 1px solid #5d4297; width: 98%; margin: 0 auto 8px; }
.subtitle2::after { content: "VERNIS POINT"; position: absolute; top: -12px; left: 10px; background: #fff; font-size: 16px; color: #5d4297; padding: 0 10px; }
.table-poadd {width: 100%;}
/* ************************************************** Font Awesome styles ************************************************* */
.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f0e0"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f0s0c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-angle-right:before{content:"\f105"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-user-md:before{content:"\f200"}.icon-microphone-alt:before{content:"\f3c9"}