@charset "utf-8";

@import url('common.css');
@import url('layout.css');

.sub_pg .tabs{display:flex;padding-bottom:0;background:#fff}
.sub_pg .tabs li{width:100%;text-align:center}
.sub_pg .tabs li~li{margin-left:5px;}
.sub_pg .tabs a{display:block;height:73px;line-height:70px;font-size:24px;font-weight:500;color:#fff;background:url(../images/bg_tabs.png) no-repeat 50% 50%;}
.sub_pg .tabs .current{color:#fff;background:url(../images/bg_tabs_on.png) no-repeat 50% 50%;}
.sub_pg .board_list{border-top:1px solid #ccc;background:#fff}
.sub_pg .board_list li{position:relative;height:76px;line-height:76px;padding-right:200px;border-bottom:1px solid #ccc;}
.sub_pg .board_list a{display:block;padding-left:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;}
.sub_pg .board_list span{position:absolute;top:0;right:30px;color:#6d6d6d;font-size:18px;}
.sub_pg .board_list span:before{content:"";position:absolute;top:22px;left:-40px;width:2px;height:28px;background:#ccc}
.sub_pg .board_list i{margin-right:4px;font-style:normal;color:#828282}

.paging{position:relative;text-align:center;padding:30px 0 50px;font-size:0;background:#fff}
.paging *{vertical-align:middle;}
.paging ul{display:inline-block;font-size:0;}
.paging li{display:inline-block;margin:0 2px;}
.paging li a,.paging li strong{position:relative;display:inline-block;width:42px;height:42px;line-height:42px;text-align:center;color:#424242;font-size:24px;box-sizing:border-box}
.paging li strong a,.paging li strong{font-weight:500;color:#000;text-decoration:underline;}
.paging .prev,.paging .next,.paging .first,.paging .last{display:inline-block;width:42px;height:42px;font-size:0;text-indent:-5000px;}
.paging .prev:hover,.paging .next:hover,.paging .first:hover,.paging .last:hover{position:relative;}
.paging .first{background:url(../images/ic_first.png) no-repeat 50% 50%;}
.paging .prev{background:url(../images/ic_pre.png) no-repeat 50% 50%;}
.paging .next{background:url(../images/ic_nxt.png) no-repeat 50% 50%;}
.paging .last{background:url(../images/ic_last.png) no-repeat 50% 50%;}

.board_view{padding:30px 0;background:#fff;}
.board_view h1{position:relative;padding-right:145px;padding-left:32px;padding-bottom:6px;font-size:28px;font-weight:500;border-bottom:1px solid #ccc;}
.board_view h1 span{position:absolute;right:30px;letter-spacing:0;font-weight:300;font-size:18px;color:#6d6d6d}
.board_view .sect_tit{display:none}
.board_view .memo{min-height:calc(100vh - 900px);padding:32px;border-bottom:1px solid #ccc;}
.board_view .memo img{max-width:100%}
.board_view hr{display:block;border:0;border-top:1px solid rgba(255, 255, 255, 0.5);}
.board_view strong{font-weight:700}

.btn_g{margin-top:20px;text-align:center}
.btn_list{display:inline-block;width:152px;height:58px;font-size:0 ! important;background:url(../images/btn_list.png) no-repeat 50% 50%;}

.faq_list{border-top:3px solid #ccc;background:#fff}
.faq_list li{border-bottom:1px solid #ccc}
.faq_list .q a{position:relative;display:block;padding:23px 32px 23px 82px;background:url(../images/ic_q.png) no-repeat 32px 50%;}
.faq_list .q a:after{content:"";position:absolute;right:30px;top:0;bottom:0;margin:auto 0;width:21px;height:16px;background:url(../images/ic_arrow.png) no-repeat 0 0;transform:rotate(180deg);transition:all 0.2s ease-in-out}
.faq_list .a{display:none;padding:23px 20px 23px 82px;background:url(../images/ic_a.png) no-repeat 32px 20px #e1e1e1}
.faq_list .a img{max-width:100%}
.faq_list .open .a{display:block}
.faq_list .open .q a:after{transform:rotate(0);}

.thumlist_ui{min-height:100vh;padding-bottom:60px;background:url(../images/bg_net_sub.jpg) no-repeat 50% bottom;background-size:cover;}
.thumlist_ui h1{padding-top:110px;margin-bottom:60px;text-align:center;color:#fff;font-size:60px;font-weight:900}
.btn_back{position:absolute;top:0;right:20px;}
.btn_back a{position:relative;display:inline-block;width:80px;height:18px;font-size:0;background:url(../images/btn_back2.png) no-repeat 50% 50%;}
.thumlist_ui .thumlist{width:700px;margin:0 auto;font-size:0;text-align:center}
.thumlist_ui .box{display:inline-block;padding-bottom:100px}
.thumlist_ui .list{text-align:left;}
.thumlist_ui .item{display:inline-block;margin:0 2px 4px;vertical-align:top;}
.thumlist_ui .item a{position:relative;display:flex;align-items:center;justify-content:center;width:170px;height:170px;background:#fff}
.thumlist_ui img{width:142px;height:142px;}
.thumlist_ui .item a::after{content:"";position:absolute;left:0;top:0;width:170px;height:170px;box-shadow:inset 0 0 12px #ff4989;opacity:0;transition:all .4s ease-in-out}
.thumlist_ui .item a:hover::after{opacity:1}
.thumlist_ui.type img{width:170px;height:170px;}
.thumlist_ui.type.bg .item a{overflow:hidden;background:#fff;border-radius:6px;background-image:linear-gradient(#fff, #ccc);}
.thumlist_ui .paging strong{color:#fff}
.thumlist_ui .uid{position:absolute;top:2px;left:26px;right:26px;height:22px;line-height:22px;font-weight:700;text-align:center;font-size:16px;color:#fff;border-radius:7px;background:#eee}


.sorting{width:700px;margin:0 auto 24px;text-align:right}
.sorting select{width:280px;height:62px;padding-left:12px;font-size:28px;border-radius:6px;border:1px solid #b9b9b9;background:url(../images/ic_sel.png) no-repeat right 10px center #fff}

#detailPop{position:fixed;top:0;left:0;width:100%;height:100%;}
#detailPop:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(00, 00, 00, .3)}
#detailPop .pop_box{position:absolute;top:0;bottom:0;left:0;right:0;width:740px;height:480px;padding:20px 16px;margin:auto;border-radius:32px;border:2px solid #595959;box-sizing:border-box;background:#fff;box-shadow:0 10px 10px rgba(0, 0, 0, .3)}
#detailPop .btn_close{position:absolute;top:16px;right:16px;width:24px;height:24px;font-size:0;background:url(../images/ic_close.png) no-repeat 0 0}
#detailPop .id_data{display:inline-block;min-width:150px;height:44px;line-height:44px;padding:0 12px;margin-bottom:6px;text-align:center;font-size:28px;font-weight:700;color:#fff;border-radius:9px;}
#detailPop .cola{position:relative;padding-left:186px;}
#detailPop .cola .thum{position:absolute;top:0;left:0;width:170px;height:170px;text-align:center;border:1px solid #e1e1e1;border-radius:12px;background:#f2f2f2}
#detailPop .cola .thum img{position:relative;top:14px;width:142px;height:142px;}
#detailPop .cola dl{height:170px;padding:12px 20px;border:1px solid #e1e1e1;border-radius:12px;background:#f2f2f2;box-sizing:border-box;}
#detailPop .cola dl dt{font-size:22px;color:#2f2f2f;font-weight:700;}
#detailPop .cola dl dd{position:relative;display:inline-block;width:210px;height:30px;margin-top:6px;line-height:30px;font-size:22px;font-weight:700}
#detailPop .cola dl dd .data{position:absolute;top:0;left:120px;color:#6b6b6b}
#detailPop .cola dl i{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:6px;}
#detailPop .cola dl .ic1{background:url(../images/ic_hp.png) no-repeat 50% 50%}
#detailPop .cola dl .ic2{background:url(../images/ic_atk.png) no-repeat 50% 50%}
#detailPop .cola dl .ic3{background:url(../images/ic_spd.png) no-repeat 50% 50%}
#detailPop .cola dl .ic4{background:url(../images/ic_cri.png) no-repeat 50% 50%}
#detailPop .cola dl .ic5{background:url(../images/ic_def.png) no-repeat 50% 50%}
#detailPop .colb{position:relative;padding-left:320px;margin-top:12px}
#detailPop .colb ul{position:absolute;top:0;left:0;width:302px;height:200px;padding:16px 20px;border:1px solid #e1e1e1;border-radius:12px;background:#f2f2f2;box-sizing:border-box;}
#detailPop .colb dl{height:200px;border:1px solid #e1e1e1;border-radius:12px;padding:16px 20px;background:#f2f2f2;box-sizing:border-box;}
#detailPop .colb dt{font-size:22px;font-weight:700;color:#2f2f2f;}
#detailPop .colb dl div{height:140px;font-size:22px;overflow-y:auto}
#detailPop .colb li{position:relative;height:22px;font-size:22px;color:#2f2f2f;font-weight:700;}
#detailPop .colb li~li{margin-top:30px}
#detailPop .colb li .data{position:absolute;top:0;right:0;color:#6b6b6b;}
#detailPop .colb li .data i{display:block;width:22px;height:22px;border-radius:22px;font-size:0;}
#detailPop .colb dl div::-webkit-scrollbar{width:6px; height:6px;border:6px solid #f2f2f2;}
#detailPop .colb dl div::-webkit-scrollbar-button:start:decrement, #detailPop .colb dl div::-webkit-scrollbar-button:end:increment {display:block;height:10px;background:#f2f2f2}
#detailPop .colb dl div::-webkit-scrollbar-track{background:#f2f2f2; -webkit-border-radius: 10px;border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
#detailPop .colb dl div::-webkit-scrollbar-thumb{height:50px;width:6px;background:#ff4889;-webkit-border-radius: 8px;border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}

.class1{background:#ff3b25 ! important}
.class2{background:#00c2ff ! important}
.class3{background:#ffce1e ! important}
.class4{background:#72c453 ! important}
.class5{background:#e7e6e9 ! important;color:#888 ! important}
.class6{background:#9879b9 ! important}


/*!
 * froala_editor v2.9.8 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2020 Froala Labs
 */

.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}img.fr-rounded,.fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}img.fr-bordered,.fr-img-caption.fr-bordered img{border:solid 5px #ccc}img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}img.fr-shadow,.fr-img-caption.fr-shadow img{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-view{word-wrap:break-word}.fr-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table{border:0;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:#f5f5f5}.fr-view table td,.fr-view table th{padding:5px;border:1px solid #ccc;}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double #e0be74}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#e6e6e6}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:400}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=rtl] blockquote{border-left:0;border-right:solid 2px #5e35b1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=rtl] blockquote blockquote{border-color:#00bcd4}.fr-view[dir=rtl] blockquote blockquote blockquote{border-color:#43a047}.fr-view blockquote{border-left:solid 2px #5e35b1;margin-left:0;padding-left:5px;color:#5e35b1}.fr-view blockquote blockquote{border-color:#00bcd4;color:#00bcd4}.fr-view blockquote blockquote blockquote{border-color:#43a047;color:#43a047}.fr-view span.fr-emoticon{font-weight:400;font-family:"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat!important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA!important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ff0}.fr-view .fr-class-code{border-color:#ccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New",Courier,monospace}.fr-view .fr-class-transparency{opacity:.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 25px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 25px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute!important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:0}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;display:inline-block;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:"alpha(Opacity=0)";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}.fr-view ul,.fr-view ol{list-style-position:inside}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 25px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 25px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}