body { background: #333; color:#fff;} p { font-size: 1rem;} img { vertical-align:top;} /* shisetu back -------------------------------------------------- */ .mati_bk, .matiy_bk, .adv_bk, .adv_nbk, .atr_bk, .atk_bk, .atg_bk, .atd_bk, .ryu_bk, .bnk_bk, .cfg_bk, .jim_bk, .jimu_bk, .kuni_sora, .gfk_bk, .hnt_bk, .hnt2_bk, .hntev_bk, .hntev_nbk, .suk_bk, .suks_bk, .use_bk, .nkm_bk, .nkm_nbk, .amp_bk, .rzk_bk, .rzk_nbk, .hsk_bk, .jem_bk, .jem_nbk, .mdl_bk, .mdl_nbk, .tyu_bk, .nana_bk, .rst_bk, .rdj_bk, .rdj_bk, .mal_bk, .mkj_bk, .rds_bk, .ris_bk, .kaj_bk, .smp_bk, .smp_nbk, .eve_bk, .eve_nbk, .eve2_bk, .eve2_nbk, .togi_bk, .togi_nbk, .umi_bk, .umi_nbk, .umi2_bk, .umi2_nbk, .umi3_bk, .umi3_nbk{ max-width:960px; min-width:280px; min-height:180px; margin: auto; padding:1.5em 1.5em 0; border-radius: 10px; border: solid 1px #fff;} .xms_bk, .xms_nbk{ max-width:960px; min-width:280px; min-height:180px; margin: 0 auto; padding:1.5em 1.5em 0; border-radius: 10px 10px 0 0;} .mati_bk {background: url(../img/back/b_twna.jpg); background-size:cover;} .matiy_bk {background: url(../img/back/b_twny.jpg); background-size:cover;} .adv_bk {background: url(../img/back/b_advs.jpg);background-size:cover; color:#666;} .adv_nbk {background: url(../img/back/b_adv.jpg) center bottom;background-size:cover;} .atr_bk {background: url(../img/back/b_atelier.jpg) center; background-size:cover;} .atk_bk {background: url(../img/back/b_kindan.jpg); background-size:cover;} .atg_bk {background: url(../img/back/b_garu.jpg); background-size:cover;} .atd_bk {background: url(../img/back/b_device.jpg); background-size:cover;} .ryu_bk {background: url(../img/back/b_ryu.jpg) center center; background-size:cover;} .bnk_bk {background: url(../img/back/b_bnk.jpg); background-size:cover;} .cfg_bk {background: url(../img/back/b_config.jpg) center; background-size:cover;} .jim_bk {background: url(../img/back/b_jim.jpg); background-size:cover;} .jimu_bk {background: url(../img/back/b_jimu.jpg); background-size:cover;} .kuni_sora {background: url(../img/back/pkt_sora.jpg); background-size:cover;} .gfk_bk {background: url(../img/back/b_gohuku.jpg); background-size:cover;} .hnt_bk {background: url(../img/back/b_hnt.jpg); background-size:cover;} .hnt2_bk {background: url(../img/back/b_hnts.jpg) center bottom; background-size:cover;} .hntev_bk {background: url(../img/back/b_sodan.jpg); background-size:cover;} .hntev_nbk {background: url(../img/back/b_sodan.jpg) center bottom; background-size:cover;} .suk_bk {background: url(../img/back/b_soko.jpg); background-size:cover;} .suks_bk {background: url(../img/back/b_jika.jpg) center bottom; background-size:cover;} .use_bk {background: url(../img/back/b_use.jpg) center; background-size:cover;} .nkm_bk {background: url(../img/back/b_boku.jpg); background-size:cover;} .nkm_nbk {background: url(../img/back/b_bokus.jpg); background-size:cover;} .amp_bk {background: url(../img/back/b_amp.jpg) center bottom; background-size:cover;} .rzk_bk {background: url(../img/back/b_boku.jpg); background-size:cover;} .rzk_nbk {background: url(../img/back/b_bokus.jpg); background-size:cover;} .hsk_bk {background: url(../img/back/b_jwl.jpg); background-size:cover;} .jem_bk {background: url(../img/back/b_ragu.jpg); background-size:cover;} .jem_nbk {background: url(../img/back/b_raguu.jpg); background-size:cover;} .mdl_bk {background: url(../img/back/b_castle.jpg); background-size:cover;} .mdl_nbk {background: url(../img/back/b_castlen.jpg) center bottom; background-size:cover;} .tyu_bk {background: url(../img/back/b_cyusen.jpg); background-size:cover;} .nana_bk {background: url(../img/back/b_nana.jpg) center bottom; background-size:cover;} .rst_bk {background: url(../img/back/b_cafe.jpg); background-size:cover;} .rdj_bk {background: url(../img/back/b_jin.jpg); background-size:cover;} .mkj_bk {background: url(../img/back/b_miko.jpg); background-size:cover;} .mal_bk {background: url(../img/back/b_post.jpg) center bottom; background-size:cover;} .rds_bk {background: url(../img/back/b_akuma.jpg); background-size:cover;} .ris_bk {background: url(../img/back/b_recycle.jpg); background-size:cover;} .kaj_bk {background: url(../img/back/b_kaji.jpg) center bottom; background-size:cover;} .smp_bk {background: url(../img/back/b_stamp.jpg) center center; background-size:cover;} .smp_nbk {background: url(../img/back/b_stampn.jpg) center bottom; background-size:cover;} .xms_bk {background: url(../img/back/b_xmas.jpg); background-size:cover;} .xms_nbk {background: url(../img/back/b_xmas2.jpg) center bottom; background-size:cover;} .eve_bk {background: url(../img/back/b_event.jpg); background-size:cover;} .eve_nbk {background: url(../img/back/b_event.jpg) center bottom; background-size:cover;} .eve2_bk {background: url(../img/back/b_eventy.jpg); background-size:cover;} .eve2_nbk {background: url(../img/back/b_eventy.jpg) center bottom; background-size:cover;} .togi_bk {background: url(../img/back/b_togi.jpg); background-size:cover;} .togi_nbk {background: url(../img/back/b_togi.jpg) center bottom; background-size:cover;} .umi_bk {background: url(../img/back/b_bt223.jpg); background-size:cover;} .umi_nbk {background: url(../img/back/b_bt223.jpg) center bottom; background-size:cover;} .umi2_bk {background: url(../img/back/b_yatai.jpg); background-size:cover;} .umi2_nbk {background: url(../img/back/b_yatai.jpg) center bottom; background-size:cover;} .umi3_bk {background: url(../img/back/b_bt227.jpg); background-size:cover;} .umi3_nbk {background: url(../img/back/b_ramen.jpg) center bottom; background-size:cover;} /* hukidashi 1Çò 2¹õ 3ÏÈ 4Æ©²áÎÐ -------------------------------------------------- */ .hkds1, .hkds2, .hkds3, .hkds4, .hkds5 {position: relative; display: inline-block; margin: 1.5em 0; padding: 1.5em; min-width: 120px; max-width: 100%; border-radius: 10px; font-size: 1rem;} .hkds1:before, .hkds2:before, .hkds4:before {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent;} .hkds1 p, .hkds2 p, .hkds3 p, .hkds4 p, .hkds5 p {margin: 0; padding: 0;} .hkds1 {background: rgb(255 255 240 / 0.5); color: #ffffff;}/* Çò·Ï */ .hkds2 {background: rgb(16 16 16 / 0.7); color: #ffffff;}/*¹õ·Ï */ .hkds4 {background: rgb(16 123 84 / 0.7); color: #fff;}/*ÎÐÆ©²á */ .hkds3 {color: #555;background: #FFF; border: solid 3px #555; box-sizing: border-box;}/* ÏÈ¥¢¥ê */ .hkds5 {color: #555;background: #FFF; border: solid 3px #555; box-sizing: border-box;}/* ÏÈ¥¢¥ê2 */ .hkds1:before {border-top: 15px solid rgb(255 255 240 / 0.5); } .hkds2:before {border-top: 15px solid rgb(16 16 16 / 0.7); } .hkds4:before {border-top: 15px solid rgb(16 123 84 / 0.7);} .hkds3:before {content: ""; position: absolute; bottom: -24px; left: 50%; margin-left: -15px; border: 12px solid transparent; border-top: 12px solid #FFF; z-index: 2;} .hkds3:after {content: ""; position: absolute; bottom: -30px; left: 50%; margin-left: -17px; border: 14px solid transparent; border-top: 14px solid #555; z-index: 1;} .hkds5:before {content: ""; position: absolute; bottom: -24px; left: 50%; margin-left: -15px; border: 12px solid transparent; border-top: 12px solid #FFF; z-index: 2;} .hkds5:after {content: ""; position: absolute; bottom: -30px; left: 50%; margin-left: -17px; border: 14px solid transparent; border-top: 14px solid #555; z-index: 1;} .hkds3, .hkds4 {left:20%;} .hkds5 {left:40%;} .jim_bk .hkds2, .hkds1{left:50%;} /* radio-btn check-btn -------------------------------------------------- */ .adv_rdo-btn, .xms_rdo-btn {margin-top: auto;} .hnt_ck-btn, .eve_ck-btn, .eve_ck-btn2 {margin-bottom: 1em;} .hnt_rdo-btn {margin-left:0.5em; margin-bottom:1em;} .gfk_rdo-btn2 {margin-bottom: 1.5em;} .ryu_rdo-btn1, .ryu_rdo-btn2, .ryu_rdo-btn3 {margin: 3rem auto;} .nkm_ck-btn2 label {width:97%;} .nkm_ck-btn2 label input[type="radio"] + div{width: 100%; min-height:1em; margin: 0 0 1em; padding: 0.5em; border: 1px solid #9400d3; border-radius: 4px; background:#f5f5f5;} .adv_rdo-btn label input[type="radio"], .atr_rdo-btn label input[type="radio"], .ryu_rdo-btn1 label input[type="radio"], .ryu_rdo-btn2 label input[type="radio"], .ryu_rdo-btn3 label input[type="radio"], .jim_rdo-btn label input[type="radio"], .gfk_rdo-btn label input[type="radio"], .gfk_rdo-btn2 label input[type="radio"], .gfk_rdo-btn3 label input[type="radio"], .hnt_rdo-btn label input[type="radio"], .mdl_rdo-btn label input[type="radio"], .jim_rdo-btn label input[type="checkbox"], .tyu_rdo-btn label input[type="radio"], .nana_rdo-btn label input[type="radio"], .mise_rdo-btn label input[type="radio"], .kaj_ck-btn label input[type="checkbox"], .hnt_ck-btn label input[type="checkbox"], .itm_ck-btn label input[type="checkbox"], .itm_ck-btn label input[type="radio"], .nkm_ck-btn label input[type="checkbox"], .nkm_ck-btn label input[type="radio"], .nkm_ck-btn2 label input[type="radio"], .ris_rdo-btn label input[type="radio"], .ris_ck-btn label input[type="checkbox"], .shp_ck-btn label input[type="checkbox"], .shp_ck-btn2 label input[type="checkbox"], .shp_ck-btn3 label input[type="checkbox"], .mal_ck-btn label input[type="checkbox"], .mal_ck-btn2 label input[type="checkbox"], .mal_ck-btn label input[type="radio"], .xms_rdo-btn label input[type="radio"], .eve_ck-btn label input[type="checkbox"], .eve_ck-btn2 label input[type="checkbox"] {position: absolute; opacity: 0;} .adv_rdo-btn label, .atr_rdo-btn label, .ryu_rdo-btn1, .ryu_rdo-btn2, .ryu_rdo-btn3, .mdl_rdo-btn label, .tyu_rdo-btn label, .nana_rdo-btn label, .xms_rdo-btn label {position: relative; display: block; font-size: 1rem;} .nana_rdo-btn label {margin-top:-260px; z-index:2;} .adv_rdo-btn label input[type="radio"] + span, .atr_rdo-btn label input[type="radio"] + span, .mdl_rdo-btn label input[type="radio"] + span, .ryu_rdo-btn1 label input[type="radio"] + span, .ryu_rdo-btn2 label input[type="radio"] + span, .ryu_rdo-btn3 label input[type="radio"] + span, .tyu_rdo-btn label input[type="radio"] + span, .nana_rdo-btn label input[type="radio"] + span, .xms_rdo-btn label input[type="radio"] + span {display: block; margin: 0 auto; border-radius: 10px; font-weight:bold; text-align:center; cursor: pointer;} .ryu_rdo-btn1 label input[type="radio"] + span, .ryu_rdo-btn2 label input[type="radio"] + span, .ryu_rdo-btn3 label input[type="radio"] + span {width:10rem; height:1.5rem; padding: 0.5rem; border: 1px solid rgb(255 255 255 / 0.7); color: #fff;} .adv_rdo-btn label input[type="radio"] + span {margin:2.5em 0.5em 0.5em; padding:1.5em 0; color: #fff;} .atr_rdo-btn label input[type="radio"] + span {width:280px; height:1.5em; margin-bottom: 1em; padding: 0.5em; border: 1px solid #ba55d3; color: #ba55d3;} .mdl_rdo-btn label input[type="radio"] + span {width:240px; height:20px; margin: 1em 0; padding: 0.5em; border: 1px solid #dc143c; color: #dc143c;} .tyu_rdo-btn label input[type="radio"] + span {padding-top: 120px; padding-left: 90px; color: #666; text-align: left;} .nana_rdo-btn label input[type="radio"] + span {padding-left: 28px; padding-top: 100px; color: #999; text-align: left;} .xms_rdo-btn label input[type="radio"] + span {margin:0 0.5em 0.5em; padding:0.5em 0; border: solid 1px #999; color: #fff;} .jim_rdo-btn label, .gfk_rdo-btn label, .gfk_rdo-btn2 label, .gfk_rdo-btn3 label, .hnt_rdo-btn label, .hnt_ck-btn label, .itm_ck-btn label, .nkm_ck-btn label, .nkm_ck-btn2 label, .mise_rdo-btn label, .ris_rdo-btn label, .ris_ck-btn label, .shp_ck-btn label, .shp_ck-btn2 label, .shp_ck-btn3 label, .mal_ck-btn label, .mal_ck-btn2 label, .kaj_ck-btn label, .eve_ck-btn label, .eve_ck-btn2 label {position: relative; display: inline-block; font-size: 1rem; text-align:center; cursor: pointer;} .jim_rdo-btn label input[type="radio"] + span, .jim_rdo-btn label input[type="checkbox"] + span, .hnt_rdo-btn label input[type="radio"] + span, .hnt_ck-btn label input[type="checkbox"] + span, .gfk_rdo-btn label input[type="radio"] + span, .gfk_rdo-btn2 label input[type="radio"] + span, .gfk_rdo-btn3 label input[type="radio"] + span, .itm_ck-btn label input[type="checkbox"] + div, .itm_ck-btn label input[type="radio"] + div, .nkm_ck-btn label input[type="checkbox"] + div, .nkm_ck-btn label input[type="radio"] + div, .ris_rdo-btn label input[type="radio"] + span, .ris_ck-btn label input[type="checkbox"] + span, .shp_ck-btn label input[type="checkbox"] + span, .shp_ck-btn2 label input[type="checkbox"] + span, .shp_ck-btn3 label input[type="checkbox"] + span, .mal_ck-btn label input[type="checkbox"] + div, .mal_ck-btn label input[type="radio"] + span, .mal_ck-btn2 label input[type="checkbox"] + div, .kaj_ck-btn label input[type="checkbox"] + span, .eve_ck-btn label input[type="checkbox"] + span, .eve_ck-btn2 label input[type="checkbox"] + span {display: inline-block; min-height:1em; padding: 0.5em; border: 1px solid #9400d3; border-radius: 4px; background:#f5f5f5; text-align: center; cursor: pointer;} .shp_ck-btn label input[type="checkbox"] + span, .eve_ck-btn label input[type="checkbox"] + span, .eve_ck-btn2 label input[type="checkbox"] + span {width: 152px; margin: 0 0 0.2em;} .shp_ck-btn2 label input[type="checkbox"] + span {width: 200px; margin: 0 0.2em 1em;} .shp_ck-btn3 label input[type="checkbox"] + span {width: 156px; margin: 0 0 0.2em;} .kaj_ck-btn label input[type="checkbox"] + span {width: 132px; margin: 0 0.1em 0.2em;} .mal_ck-btn label input[type="checkbox"] + div, .mal_ck-btn label input[type="radio"] + span, .mal_ck-btn2 label input[type="checkbox"] + div {width: 164px; margin: 0 0 0.2em;} .itm_ck-btn label input[type="checkbox"] + div, .itm_ck-btn label input[type="radio"] + div {width: 173px; margin: 0 0 0.2em; padding: 0.5em 4px;} .nkm_ck-btn label input[type="checkbox"] + div, .nkm_ck-btn label input[type="radio"] + div {width: 173px; margin: 0 0 1em; padding: 0.5em 4px;} .hnt_ck-btn label input[type="checkbox"] + span {width: 152px; margin: 0.5em 0.2em 0.2em;} .hnt_rdo-btn label input[type="radio"] + span {width: 280px; margin: auto; border: 1px solid #ba55d3; border-radius: 10px; color: #ba55d3;} .jim_rdo-btn label input[type="radio"] + span, .jim_rdo-btn label input[type="checkbox"] + span, .ris_rdo-btn label input[type="radio"] + span, .ris_ck-btn label input[type="checkbox"] + span {width: 142px; margin: 0 0 0.2em; padding: 0.5em 4px;} .eve_ck-btn label input[type="checkbox"]:checked + span, .eve_ck-btn2 label input[type="checkbox"]:checked + span {background: #a352cc; border: 1px solid #a352cc; color: #fff;} .hnt_ck-btn div, .ris_rdo-btn div, .ris_ck-btn div, .shp_ck-btn div, .shp_ck-btn3 div, .kaj_ck-btn div, .eve_ck-btn div {display: inline-block; min-height:140px; vertical-align:top; border-radius: 4px;} .shp_ck-btn2 div, .mal_ck-btn2 div, .eve_ck-btn2 div {display: inline-block; min-height:1em; margin: 0 0.1em 0.2em; vertical-align:top; border-radius: 4px;} .itm_ck-btn div, .nkm_ck-btn div, .mal_ck-btn div {display: inline-block; min-height:160px; vertical-align:top; border-radius: 4px;} .jim_rdo-btn div, .gfk_rdo-btn3 div {display: inline-block; height:180px; vertical-align:top; border-radius: 4px;} .mise_rdo-btn label input[type="radio"] + span {display: inline-block; min-width: 110px; height:1.5rem; margin: 0.5em; padding: 0.5em; border: 1px solid #9400d3; border-radius: 10px; color: #9400d3;} .gfk_rdo-btn label input[type="radio"] + span {margin: 0 0.5rem 0.5rem; width: 274px; border: 1px solid #9400d3; color: #9400d3;} .gfk_rdo-btn2 label input[type="radio"] + span {margin: 0 0.5rem 0.5rem; width: 274px; border: 1px solid #6495ed; color: #6495ed;} .gfk_rdo-btn3 label input[type="radio"] + span {margin: 0 0.1rem 0.2rem; width: 130px; border: 1px solid #9400d3; background: #f5f5f5;} .adv_rdo-btn label input[type="radio"]:disabled + span {border:none; border-radius: 0px; cursor: auto;} .ryu_rdo-btn1 label input[type="radio"]:checked + span, .ryu_rdo-btn2 label input[type="radio"]:checked + span, .ryu_rdo-btn3 label input[type="radio"]:checked + span {height:48px; font-weight:bold; text-align: right; color: #fff;} .mise_rdo-btn label input[type="radio"]:checked + span, .jim_rdo-btn label input[type="radio"]:checked + span, .jim_rdo-btn label input[type="checkbox"]:checked + span, .gfk_rdo-btn label input[type="radio"]:checked + span, .atr_rdo-btn label input[type="radio"]:checked + span, .gfk_rdo-btn3 label input[type="radio"]:checked + span, .hnt_rdo-btn label input[type="radio"]:checked + span, .hnt_ck-btn label input[type="checkbox"]:checked + span, .itm_ck-btn label input[type="checkbox"]:checked + div, .itm_ck-btn label input[type="radio"]:checked + div, .nkm_ck-btn label input[type="checkbox"]:checked + div, .nkm_ck-btn label input[type="radio"]:checked + div, .nkm_ck-btn2 label input[type="radio"]:checked + div, .ris_rdo-btn label input[type="radio"]:checked + span, .ris_ck-btn label input[type="checkbox"]:checked + span, .shp_ck-btn label input[type="checkbox"]:checked + span, .shp_ck-btn2 label input[type="checkbox"]:checked + span, .shp_ck-btn3 label input[type="checkbox"]:checked + span, .mal_ck-btn label input[type="checkbox"]:checked + div, .mal_ck-btn2 label input[type="checkbox"]:checked + div, .mal_ck-btn label input[type="radio"]:checked + span, .kaj_ck-btn label input[type="checkbox"]:checked + span, .xms_rdo-btn label input[type="radio"]:checked + span {border: 1px solid #ba55d3; background: #ba55d3; color: #fff;} .gfk_rdo-btn2 label input[type="radio"]:checked + span {border: 1px solid #87ceeb; background: #87ceeb; color: #fff;} .mdl_rdo-btn label input[type="radio"]:checked + span {border: 1px solid #db7093; background: #db7093; color: #fff;} .shp_ck-btn div, .shp_ck-btn2 div, .shp_ck-btn3 div {color:#333;} .adv_rdo-btn label input[type="radio"]:checked + span {background: rgb(163 82 204 / 0.8); font-weight:bold; } .ryu_rdo-btn1 label input[type="radio"]:checked + span {background: rgb(255 255 255 / 0.5) url(../img/item/icm_keyr1.png) no-repeat left;} .ryu_rdo-btn2 label input[type="radio"]:checked + span {background: rgb(255 255 255 / 0.5) url(../img/item/icm_keyr2.png) no-repeat left;} .ryu_rdo-btn3 label input[type="radio"]:checked + span {background: rgb(255 255 255 / 0.5) url(../img/item/icm_keyr3.png) no-repeat left;} .tyu_rdo-btn label input[type="radio"]:checked + span {background: url(../img/item/icm_temura.png) no-repeat right top; color: #9400d3;} .nana_rdo-btn label input[type="radio"]:checked + span {background: url(../img/item/tig_rodslot.png) no-repeat right top 20%; color: #9400d3; } .not {display: inline-block; width: 140px; min-height:1em; margin: 0 0 0.2em; padding: 0.5em 4px; border: 1px solid #999; border-radius: 4px; background:#999; color:#fff; text-align:center;} .ent {display: inline-block; max-width:136px; padding:0 0.5rem 1rem; font-size: 0.75rem; text-align:left; } .ent2 {display: inline-block; max-width:162px; padding:0 0.5em 1em; font-size: 0.75rem; text-align:left;} .itm_ck-btn .ent, .eve_ck-btn .ent {display: inline-block; max-width:160px; padding:0 0.5em 1em; font-size: 0.75rem; } .hnt_ck-btn .ent {display: inline-block; max-width:156px; padding:0 0.5rem 1rem; font-size: 0.75rem; } .shp_ck-btn label >span, .shp_ck-btn3 label >span {position: relative; display: block; min-height:1em; margin: 0 0 0.2em; padding: 0.5em; border: 1px solid #999; border-radius: 4px; background:#DFDBE5; cursor: auto;} .shp_ck-btn label >span { width: 152px;} .shp_ck-btn3 label >span { width: 156px;} /* select -------------------------------------------------- */ .select_waku, .select_waku2, .select_waku3, .select_waku4, .select_waku5 {margin:1em 1em 1.5em; padding:1em; border-radius:10px; font-size: 1rem;} .select_waku, .select_waku4 {background: rgb(163 82 204 / 0.15); color:#a352cc;} .select_waku2 {background: rgb(135 206 235 / 0.15); color:#6495ed;} .select_waku3 {background: rgb(255 105 180 / 0.15); color:#db7093;} .select_waku5 {background: rgb(50 205 50 / 0.15); color:#556b2f;} .select_waku > select, .select_waku2 > select, .select_waku3 > select, .select_waku4 > select, .select_waku5 > select, .mal_ck-btn > select {-moz-appearance: none; -webkit-appearance: none; appearance: none; display: inline-block; margin: 0.5em 0; padding: 0.6em 1.5em 0.6em 0.5em; cursor: pointer; font-size: 1.125rem; background-color: #f7f9fb; border: solid 1px #e1e8ef; border-radius: 4px; box-shadow: 0 3px 3px -2px rgb(3 29 41 / 0.15); } .select_waku > input, .select_waku2 > input, .select_waku3 > input, .select_waku4 > input, .select_waku5 > input, .mal_ck-btn > input {width: 100%; margin: 0.5em 0; padding: 10px 15px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; font-size: 1.125rem;} .select_waku > textarea {width: 100% ; margin: 0 0 1.5em; padding:1em ; border-radius: 4px; border: 1px solid #ddd; box-sizing: border-box; font-size: 1.125rem; line-height:1.6; } .select_waku > p, .select_waku2 > p, .select_waku3 > p, .select_waku4 > p, .select_waku5 > p {margin-top:1em; margin-bottom: 0; padding-bottom: 0; font-size: 1rem; line-height:1.6;} .select_waku img {padding:1em 1em 1em 0;} .select_waku div {min-height:100px; display: inline-block;} .select_waku label {position: relative; display: inline-block; font-size: 1rem;} .select_waku label input[type="radio"] {position: absolute; opacity: 0;} .select_waku label input[type="radio"] + span {display: inline-block; width: 140px; min-height:1em; margin: 1em 0.5em 0; padding: 0.5em; border: 1px solid #9400d3; border-radius: 4px; background: #f5f5f5; text-align:center;} .select_waku label input[type="radio"]:checked + span {background: #ba55d3; border: 1px solid #ba55d3; color: #fff; } /* advent -------------------------------------------------- */ .adv_waku { display: inline-block; width: 181px; height:180px; margin:0 0.1em 0.2em; border-radius: 10px; vertical-align:top; text-align: center; font-size: 2rem; background: url("../img/item/tig_wakup.png") no-repeat; color:#fff; } .adv_preg, .adv_pregc, .adv_pregm, .adv_pregn, .adv_preb, .adv_prebc, .adv_prebm, .adv_prebn, .adv_pre1, .adv_pre1c, .adv_pre1m, .adv_pre1n, .adv_pre2, .adv_pre2c, .adv_pre2m, .adv_pre2n, .adv_pre3, .adv_pre3c, .adv_pre3m, .adv_pre3n, .adv_pre4, .adv_pre4c, .adv_pre4m, .adv_pre4n, .adv_pre5 , .adv_pre5c, .adv_pre5m, .adv_pre5n{ display: inline-block; width:181px; height:120px;vertical-align:middle;} .adv_pregm, .adv_prebm, .adv_pre1m, .adv_pre2m, .adv_pre3m, .adv_pre4m, .adv_pre5m { opacity: 0.5;} .adv_preg {background: url(../img/item/acs_preg.png) no-repeat center center;} .adv_pregc {background: url(../img/item/acs_pregc.png) no-repeat center center;} .adv_pregm {background: url(../img/item/acs_preg.png) no-repeat center center;} .adv_pregn {background: url(../img/item/acs_pregn.png) no-repeat center center;} .adv_preb {background: url(../img/item/acs_preb.png) no-repeat center center;} .adv_prebc {background: url(../img/item/acs_prebc.png) no-repeat center center;} .adv_prebm {background: url(../img/item/acs_preb.png) no-repeat center center;} .adv_prebn {background: url(../img/item/acs_prebn.png) no-repeat center center;} .adv_pre1 {background: url(../img/item/acs_pre1.png) no-repeat center center;} .adv_pre1c {background: url(../img/item/acs_pre1c.png) no-repeat center center;} .adv_pre1m {background: url(../img/item/acs_pre1.png) no-repeat center center;} .adv_pre1n {background: url(../img/item/acs_pre1n.png) no-repeat center center;} .adv_pre2 {background: url(../img/item/acs_pre2.png) no-repeat center center;} .adv_pre2c {background: url(../img/item/acs_pre2c.png) no-repeat center center;} .adv_pre2m {background: url(../img/item/acs_pre2.png) no-repeat center center;} .adv_pre2n {background: url(../img/item/acs_pre2n.png) no-repeat center center;} .adv_pre3 {background: url(../img/item/acs_pre3.png) no-repeat center center;} .adv_pre3c {background: url(../img/item/acs_pre3c.png) no-repeat center center;} .adv_pre3m {background: url(../img/item/acs_pre3.png) no-repeat center center;} .adv_pre3n {background: url(../img/item/acs_pre3n.png) no-repeat center center;} .adv_pre4 {background: url(../img/item/acs_pre4.png) no-repeat center center;} .adv_pre4c {background: url(../img/item/acs_pre4c.png) no-repeat center center;} .adv_pre4m {background: url(../img/item/acs_pre4.png) no-repeat center center;} .adv_pre4n {background: url(../img/item/acs_pre4n.png) no-repeat center center;} .adv_pre5 {background: url(../img/item/acs_pre5.png) no-repeat center center;} .adv_pre5c {background: url(../img/item/acs_pre5c.png) no-repeat center center;} .adv_pre5m {background: url(../img/item/acs_pre5.png) no-repeat center center;} .adv_pre5n {background: url(../img/item/acs_pre5n.png) no-repeat center center;} /* atrie ryu menu -------------------------------------------------- */ .atmenu-btn, .ryumenu_btn {max-width:960px; margin:1em auto;} .atmenu-btn form, .ryumenu_btn form {display: inline-block;} .at_buki, .at_bogu, .at_sogu, .at_use, .at_etc, .at_sozai, .menu_hyoji, .ryu_buki, .ryu_bogu, .ryu_sogu, .ryu_siki, .ryu_etc {width: 9.4rem; height: 5rem; margin: 0; padding: 2px; border-radius: 10px; font-size: 0px; transition: .3s; letter-spacing: 0.1em; cursor: pointer; vertical-align: middle;} .at_buki, .at_bogu, .at_sogu, .at_use, .at_etc, .at_sozai, .menu_hyoji {border: 1px solid #ba55d3;} .ryu_buki, .ryu_bogu, .ryu_sogu, .ryu_siki, .ryu_etc {border: 1px solid #4d4d4d;} .at_buki:hover, .at_bogu:hover, .at_sogu:hover, .at_use:hover, .at_etc:hover, .at_sozai:hover {background: #9400d3; color: #fff; font-size: 1.125rem; } .ryu_buki:hover, .ryu_bogu:hover, .ryu_sogu:hover, .ryu_siki:hover, .ryu_etc:hover {background: #333333; color: #fff; font-size: 1.375rem; } .at_buki {background: #ba55d3 url(../img/item/icm_buki.png) no-repeat center;} .at_bogu {background: #ba55d3 url(../img/item/icm_bogu.png) no-repeat center;} .at_sogu {background: #ba55d3 url(../img/item/icm_sogu.png) no-repeat center;} .at_use {background: #ba55d3 url(../img/item/icm_use.png) no-repeat center;} .at_etc {background: #ba55d3 url(../img/item/icm_etc.png) no-repeat center;} .at_sozai {background: #ba55d3 url(../img/item/icm_sozai.png) no-repeat center;} .ryu_buki {background: #4d4d4d url(../img/item/icm_buki.png) no-repeat center;} .ryu_bogu {background: #4d4d4d url(../img/item/icm_bogu.png) no-repeat center;} .ryu_sogu {background: #4d4d4d url(../img/item/icm_sogu.png) no-repeat center;} .ryu_siki {background: #4d4d4d url(../img/item/icm_siki.png) no-repeat center;} .ryu_etc {background: #4d4d4d url(../img/item/icm_etc.png) no-repeat center;} /* atrie -------------------------------------------------- */ .menu_hyoji {background: #9400d3; color:#fff; font-size: 0.875rem; text-align:center; } .atr_waku {display: inline-block;} .atr_content {display: inline-block; width: 284px; height:251px; padding: 0.5em 0 0 28px; background: url(../img/item/moj_atr.png) no-repeat top center; vertical-align:top;} .atr_resip h3 {margin:0 1.2em 0 0.8em; padding: 1em 0 0.2em; border-bottom: 1px dashed #a52a2a; color: #a52a2a; font-size: 1.125rem; text-align:center;} .atr_resip table{margin: 0.5em 2em 1em 0.5em; padding: 0.2em; color: #8b4513; } .atr_resip th {width:60px;} /* ryuu -------------------------------------------------- */ .hokora, .hokoras, .hokorat {max-width:960px; margin: 0 auto 2em; padding: 0.5em 3em; border-radius: 10px;} .hokora {background: #2e8c6e;} .hokoras {background: #2e4e8c;} .hokorat {background: #8c4e2e;} .hokora h2, .hokoras h2, .hokorat h2{display: inline-block;} .ryu_waku {display: inline-block;} .ryu_content {width: 220px; height:240px; background: url(../img/item/aci_takara1.png) no-repeat center; display: inline-block;} .ryu_content2 {width: 220px; height:240px; background: url(../img/item/aci_takara2.png) no-repeat center; display: inline-block;} .ryu_content3 {width: 220px; height:240px; background: url(../img/item/aci_takara3.png) no-repeat center; display: inline-block;} .ryu_menu {border: 1px solid #333333; background: #333333;} .ryu_menu p {font-size:1.5rem;} /* bank shoten -------------------------------------------------- */ .yokin, .yokin2 {height:226px; margin: 0 auto; padding: 16px; text-align:center;} .yokin {width: 480px; background: url(../img/item/acc_yokin.png) no-repeat center;} .yokin2 {width: 600px; background: url(../img/item/acc_yokin2.png) no-repeat center;} .yokin h3, .yokin2 h3 {margin:8px 8px 0; padding: 24px 0 8px; color: #a52a2a; font-size: 1rem; } .yokin p, .yokin2 p {padding-left:6em; font-size: 1.125rem; text-align:left;} .bnk > input {width: 92%;} .bnk h3 {margin: 2px 0 14px; border-bottom: dashed 1px #fff; text-align: center;} .shp {margin-bottom: 2em; padding: 1em 1.5em; border:solid 1px #9432D3; border-radius: 10px; background-color: #DFDBE5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.25'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .shp h3 {margin:0; padding: 0.5em 2em; background: #888888; color:#fff; text-align:center;} .shp_kuji {padding:0.5em; border-radius: 10px; background: #fff;} .shp_kuji h3{display:inline-block; width:6em; margin:0.2em 1em 0.2em 0.2em; padding: 0.2em; border: solid 1px #a52a2a; background:#fff; color: #a52a2a; font-size: 0.75rem; text-align:left;} .shp_kuji2 {display:inline-block; width:180px; text-align:left; padding:0.2em;} .rank_list {padding: 0;} .rank_list li{color: black; position:relative; background: #fafafa; line-height: 1.5; padding: 0.5em; margin-bottom: 4px; border-left : solid 36px #d7c447; list-style-type: none!important;} .rank_list li:before {content: "¡ú"; position: absolute; display: block; padding: 0.5em; width: 1.2em; color: white; text-align: center; left : -35px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} /* config -------------------------------------------------- */ .cfg h3{ margin: 1.5em 0 1em; padding: 1em 0.5em 0.5em 4em; background: rgb(255 255 255 / 0.6) url(../img/back/frd_koku.png); border-radius: 4px; background-size:cover; height:36px;} /* item -------------------------------------------------- */ .b_buki {margin-bottom:1em; background: url(../img/item/idm_ris1.png); background-size:cover; text-align:center;} .b_bogu {margin-bottom:1em; background: url(../img/item/idm_ris2.png); background-size:cover; text-align:center;} .b_sogu {margin-bottom:1em; background: url(../img/item/idm_ris3.png); background-size:cover; text-align:center;} .b_siki {margin-bottom:1em; background: url(../img/item/idm_ris4.png); background-size:cover; text-align:center;} .b_shomo{margin-bottom:1em; background: url(../img/item/idm_ris5.png); background-size:cover; text-align:center;} h3.gara {margin: 0.5em auto 1em; padding: 1em 0.5em 0.5em 4em; border-radius: 4px; background: rgb(255 255 255 / 0.6) url(../img/back/frd_koku.png); background-size:cover; height:36px; color: #a52a2a; font-size: 1.125rem;} /* flex matome -------------------------------------------------- */ .hnt_clear, .hnt_menu, .hnt_menuc, .tyusenki, .tyusenki2, .tyusenki3, .jem_cnt, .jem_cnt2, .rest_menu, .hrb_menu, .omi_menu, .bomi_menu, .omi2_menu, .amp_menu, .akuma_menu {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; vertical-align:top;} /* hunter -------------------------------------------------- */ .hnt {display: inline-block;} .hnt_clear, .hnt_menu, .hnt_menuc {width: 304px; min-height:290px; padding: 0.5em 0 0.5em 0.5em;} .hnt_menu {background: url(../img/item/nsz_hunter.png) no-repeat center;} .hnt_menuc {background: url(../img/item/nsz_hunterc.png) no-repeat center;} .hnt_resip h3 {margin: 0 1.2em 0 0.8em; padding: 1em 0 0.2em; color: #a52a2a; border-bottom: 1px dashed #a52a2a; font-size: 1.125rem; } .hnt_resip table {margin: 0.5em 2em 0.2em 0.5em; padding: 0.2em; color: #8b4513;} .hnt_resip th {width:60px; vertical-align:top;} .hnt_resip td {font-size: 0.875rem;} .hnt_irai h3, .hnt_item h3 {margin: 0 auto; padding: 1em 0.5em 0.5em 4em; border-radius: 4px; background: rgb(255 255 255 / 0.6) url(../img/back/frd_koku.png); background-size:cover; height:36px; color: #a52a2a; font-size: 1.125rem;} .hnt_irai p {color:#333;} .hnt_item {margin:1em 1em 1.5em; padding:1em; border-radius:10px; background: rgb(163 82 204 / 0.15); color:#333;} .iraip_btn {margin:1em 0; text-align:center;} .khn_btn, .zhn_btn {border: 0px; width:128px; height:128px; color:#f5f5f5;} .khn_btn:hover, .zhn_btn:hover {cursor: pointer;} .khn_btn {background: url(../img/item/icm_migi.png) no-repeat center;} .zhn_btn {background: url(../img/item/icm_hidari.png) no-repeat center;} .tassei, .henkyaku {padding:1em; border-radius: 10px; background: #f5f5f5; color: #333;} .tassei h1 {color:#cd5c5c;} .henkyaku h1 {color:#f4a460;} /* irai img ÊÁÄɲÃÍÑ -------------------------------------------------- */ .irai_1 {background: url(../img/item/acc_koshi.png) no-repeat center;} .irai_1c {background: url(../img/item/acc_koshic.png) no-repeat center;} .irai_2 {background: url(../img/item/acc_kin.png) no-repeat center;} .irai_2c {background: url(../img/item/acc_kinc.png) no-repeat center;} .irai_3 {background: url(../img/item/ack_hikari1.png) no-repeat center;} .irai_3c {background: url(../img/item/ack_hikari1c.png) no-repeat center;} .irai_natu1 {background: url(../img/item/acc_natu1.png) no-repeat center;} .irai_natu2 {background: url(../img/item/acc_natu2.png) no-repeat center;} .irai_natu3 {background: url(../img/item/acc_natu3.png) no-repeat center;} .irai_natu1c{background: url(../img/item/acc_natu1c.png) no-repeat center;} .irai_natu2c{background: url(../img/item/acc_natu2c.png) no-repeat center;} .irai_natu3c{background: url(../img/item/acc_natu3c.png) no-repeat center;} .irai_aki1 {background: url(../img/item/acc_aki1.png) no-repeat center;} .irai_aki2 {background: url(../img/item/acc_aki2.png) no-repeat center;} .irai_aki3 {background: url(../img/item/acc_aki3.png) no-repeat center;} .irai_aki1c {background: url(../img/item/acc_aki1c.png) no-repeat center;} .irai_aki2c {background: url(../img/item/acc_aki2c.png) no-repeat center;} .irai_aki3c {background: url(../img/item/acc_aki3c.png) no-repeat center;} .irai_k {background: url(../img/item/acc_ao.png) no-repeat center;} .irai_kc{background: url(../img/item/acc_aoc.png) no-repeat center;} .irai_n {background: url(../img/item/acc_kami.png) no-repeat center;} .irai_nc{background: url(../img/item/acc_kamic.png) no-repeat center;} .irai_h {background: url(../img/item/acc_har.png) no-repeat center;} .irai_hc{background: url(../img/item/acc_harc.png) no-repeat center;} .irai_x {background: url(../img/item/acc_xms.png) no-repeat center;} .irai_xc{background: url(../img/item/acc_xmsc.png) no-repeat center;} .irai_s {background: url(../img/item/sgd_sgt.png) no-repeat center;} .irai_sc{background: url(../img/item/sgd_sgtc.png) no-repeat center;} .irai_u {background: url(../img/item/acu_natu.png) no-repeat center;} .irai_uc{background: url(../img/item/acu_natuc.png) no-repeat center;} .irai_riz {background: url(../img/item/acc_riz1.png) no-repeat center;} .irai_rizc{background: url(../img/item/acc_riz1c.png) no-repeat center;} /* soko etc -------------------------------------------------- */ .item_h3, .soko_h3, .jika_h3, .juyo_h3, .nkm_h3, .mal_h3 {position: relative; display: inline-block; color: rgb(72 61 139 / 0.7);} .item_h3:before, .item_h3:after, .soko_h3:before, .soko_h3:after, .jika_h3:before, .jika_h3:after, .juyo_h3:before, .juyo_h3:after, .nkm_h3:before, .nkm_h3:after, .mal_h3:before, .mal_h3:after{content: ''; position: absolute; top: 50%; display: inline-block; height: 3px; background-color:rgb(72 61 139 / 0.5);} .item_h3:before, .soko_h3:before, .jika_h3:before, .juyo_h3:before, .nkm_h3:before, .mal_h3:before {left:0;} .item_h3:after, .soko_h3:after, .jika_h3:after, .juyo_h3:after, .nkm_h3:after, .mal_h3:after {right: 0;} .item_h3 {padding: 0 35.5%;} .item_h3:before, .item_h3:after {width: 35%;} .soko_h3 {padding: 0 37.5%;} .soko_h3:before, .soko_h3:after {width: 37%;} .jika_h3 {padding: 0 37%;} .jika_h3:before, .jika_h3:after {width: 36.5%;} .mal_h3 {padding: 0 39%;} .mal_h3:before, .mal_h3:after {width: 38%;} .nkm_h3 {padding: 0 40%;} .nkm_h3:before, .nkm_h3:after {width: 39.5%;} .juyo_h3 {padding: 0 43.5%;} .juyo_h3:before, .juyo_h3:after {width: 43%;} .juyo {margin:0 0 3em; padding:1em; border-radius: 10px; background: rgba(163, 82, 204, 0.15); color:#a352cc;} .juyo ul {font-size: 0;} .juyo ul li {display: inline-block; font-size: 1rem; width: 25%;} /* nakama -------------------------------------------------- */ .nakama {width:153px; height:206px; padding: 14px 14px 40px; display: table-cell; vertical-align: bottom; text-align:center;} .nakama img {max-width:153px; max-height:186px; object-fit:scale-down;} .nakama2 {background: url(../img/item/sgd_nkm.jpg) no-repeat bottom; background-size:cover; border-radius: 4px; min-width:100%; min-height:160px; vertical-align: bottom; text-align:center; padding-top:90px;} .rate0, .rate1, .rate2 {background: url(../img/item/tig_r1.png) no-repeat bottom;background-size:cover;border:1px solid #333} .rate3, .rate4, .rate5 {background: url(../img/item/tig_r2.png) no-repeat bottom;background-size:cover;border:1px solid #333} .rate6, .rate7, .rate8 {background: url(../img/item/tig_r3.png) no-repeat bottom;background-size:cover;border:1px solid #333} .rate9, .rate10 {background: url(../img/item/tig_r4.png) no-repeat bottom;background-size:cover;border:1px solid #333} /* hoseki jem -------------------------------------------------- */ .jem {display: inline-block; width: 183px; height:266px; margin-bottom:1.5em;} .jem2 {display: inline-block; width: 183px; height:200px; margin-bottom:1.5em;} .jem_cnt, .jem_cnt2 {min-width:100%; text-align:center;} .jem_cnt {min-height:286px; background: url(../img/item/acc_m3.png) no-repeat center;} .jem_cnt2 {min-height:214px; background: url(../img/item/acc_m5h.png) no-repeat center;} .jem_cnt h3, .jem_cnt2 h3{margin:0.5em 0.2em 0; padding: 18px 4px 2px; color: #a52a2a; font-family: "Kiwi Maru", serif; font-weight: 400; font-style: normal;} .jem_cnt h3 {font-size: 1.375rem; } .jem_cnt2 h3{font-size: 1.1rem; } .setumei {margin:0; padding:0.5rem 1rem 0.5rem 1.5rem; font-size: 0.6875rem;} .nedan {margin:0; padding:0 0.5rem 0.5rem; color: #a52a2a; } /* restaurant hiroba rodo6 mikocha akuma -------------------------------------------------- */ .rank_g {background: url(../img/item/acc_menug_s.png) no-repeat center;} .rank_s {background: url(../img/item/acc_menus_s.png) no-repeat center;} .rank_r {background: url(../img/item/acc_menur_s.png) no-repeat center;} .rest, .hrb, .omi, .bomi, .omi2, .amp, .akuma{display: inline-block; text-align:center;} .rest_menu {width: 205px; height:305px; padding: 0.1rem 0.8rem; background: url(../img/item/acc_menu2.png) no-repeat center; display: table-cell; vertical-align: middle;} .rest_menu h3 {height: 126px; margin: 1rem 0 ; padding: 0; color: #a52a2a; font-family: "Kaisei Decol", serif; font-weight: 400; font-style: normal; font-size:1.375rem; line-height: 1;} .rest_menu h3 img {padding: 0.75rem; object-fit: cover; } .rest_menu .nedan2 {height: 1rem; margin: 0; padding: 0;} .rest_menu .setumei2 {margin:0; padding:0.75rem 0; font-size: 0.75rem;} .hrb_menu {width: 234px; min-height:451px; background: url(../img/item/acc_min.png) no-repeat center;} .hrb_menu h3 {margin: 0; padding: 1.5rem 1rem 0; color: #a52a2a; font-family: "Kaisei Decol", serif; font-weight: 400; font-style: normal; font-size: 1.125rem;} .omi_menu, .bomi_menu, .omi2_menu, .amp_menu{width: 183px; min-height:183px; margin:0 0 1rem; padding: 0; background: url(../img/item/acc_menu_s.png) no-repeat center;} .omi_menu h3, .bomi_menu h3, .omi2_menu h3, .amp_menu h3, .akuma_menu h3{margin: 0; padding: 1.5rem 0.5rem 0.75rem; color: #a52a2a; font-size: 1.3rem; font-family: "Kiwi Maru", serif; font-weight: 400; font-style: normal;} .akuma_menu {width: 183px; min-height:273px; margin:0 0 0.5rem; padding:0; background: url(../img/item/acc_menu.png) no-repeat center;} .akuma > .rank_g {background: url(../img/item/acc_menug.png) no-repeat center;} .akuma_menu .setumei3 {margin:0; padding:1rem; font-size: 0.75rem; text-align: left;} p.nedan3 {margin:0; padding:0;color: #a52a2a;} .nokori {margin:0 0.1rem; padding: 0 1rem; background: #fdeff2; color: #a52a2a; } .nokori-n {margin:0 0.1rem; padding: 0.75rem; color: #a52a2a; } p.sento {margin:0; padding: 0.1rem 0; font-size: 0.625rem; } p.messe {margin:0; padding: 0.5em 1em 0; color: #a52a2a; font-family: "Kaisei Decol", serif; font-weight: 400; font-style: normal; font-size: 0.875rem; text-align:left;} /* medal ojo -------------------------------------------------- */ .ohjo {display: inline-block; width: 258px; height:320px; margin: 0.5em 0.5em 0; padding: 0.5em 1em; border-radius: 10px; background: rgb(255 255 255 / 0.7); color: #c71585; font-size: 1.125rem; line-height : 1.4;} .ohjo .face {float: left; margin-right: -90px; width: 80px;} .ohjo .face img {width: 100%; height: auto;} .ohjo h3 {margin-bottom: 0px; padding: 0.5em; border: dashed 1px #fff; box-shadow: 0px 0px 0px 5px #db7093; background: rgba(219, 112, 147, 1); color: #fff; font-size: 1.125rem;} .ohjo p {margin:0.5em 0; border-bottom: dashed 1px #dc143c; color: #dc143c; font-size: 0.875rem; } .ohjo > .says {display: inline-block; position: relative; margin: 5px 0 0 105px; padding: 17px 13px; border-radius: 12px; background: #fff; color:#f765dd; font-size: 0.75rem;} .ohjo > .says:after {content: ""; display: inline-block; position: absolute; top: 18px; left: -24px; border: 12px solid transparent; border-right: 12px solid #fff;} /* tyusen nana -------------------------------------------------- */ .tyusen {display: inline-block;} .tyusenki {margin:0.5em 1em 1em; padding-left:2.3em; width: 170px; height:230px; text-align:center; background: url(../img/item/acm_tyusen1.png); background-size:cover; color:#fff;} .tyusenki2 {margin:0.5em 1em 1em; padding-left:2.3em; width: 170px; height:230px; text-align:center; background: url(../img/item/acm_tyusen2.png); background-size:cover; color:#fff;} .tyusenki3 {margin: 0 0 2em 2em; width:200px; height:320px; color:#fff;} .nana_slot1 {background: url(../img/item/acw_slot1.png) no-repeat; width:190px; height:250px; vertical-align:middle; z-index:1;} .nana_slot2 {background: url(../img/item/acw_slot2.png) no-repeat; width:190px; height:250px; vertical-align:middle; z-index:1;} .nana_slot3 {background: url(../img/item/acw_slot3.png) no-repeat; width:190px; height:250px; vertical-align:middle; z-index:1;} .kuji {background: #383870; border-radius: 10px;} .kujime {max-width:4em; padding:0.5em; border: solid 1px #f5f5f5; border-radius: 4px; font-size: 2rem; text-align:center;} /* stamp -------------------------------------------------- */ table.smp {margin:1em auto; border: solid 1px #ba55d3;} table.smp td{width:24px; padding: 0.5em 0.5em 0; border: solid 1px #ba55d3; color:#ba55d3; font-size: 1.5rem; text-align:center;} table.smp th{padding: 0.2em; background: #ba55d3; color:#fff; font-size: 1.125rem;} /* event sen -------------------------------------------------- */ .ev_item {margin:1em 1em 1.5em; padding:1em 1em 1em 1.5em; border-radius: 10px; font-size: 1rem; background: rgb(163 82 204 / 0.15);} .ev_waku {border-collapse: collapse; width:100%; margin:2em 0;} .ev_waku tr, .ev_waku td, .ev_waku th{padding:0.5em; border: solid 1px #b9a1e6; color:#666; font-size: 0.875rem;} .ev_waku th {min-width:6em; background: #b9a1e6; color:#fff;} /* xmas -------------------------------------------------- */ .xmas {margin: 0 auto; padding: 1.5em; max-width:960px; color: #fff; background: #000; border-radius:0 0 10px 10px; } .xmas_waku {display: inline-block; width: 160px; height:140px; margin-bottom:1em; vertical-align:top; text-align: center;} .xmas_pre1{background: url(../img/item/aca_pre1.png) no-repeat center center; display: inline-block; width:100px; height:90px;vertical-align:middle;} .xmas_pre2{background: url(../img/item/aca_pre2.png) no-repeat center center; display: inline-block; width:100px; height:90px;vertical-align:middle;} .xmas_pre3{background: url(../img/item/aca_pre3.png) no-repeat center center; display: inline-block; width:100px; height:90px;vertical-align:middle;} .xmas_pre4{background: url(../img/item/aca_pre4.png) no-repeat center center; display: inline-block; width:100px; height:90px;vertical-align:middle;} .xmas_pre5{background: url(../img/item/aca_pre5.png) no-repeat center center; display: inline-block; width:100px; height:90px;vertical-align:middle;} .snowflake {color: #fff; font-size: 1.4em; font-family: "Arial", "¥á¥¤¥ê¥ª"; text-shadow: 0 0 5px #000; } @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s} /* champ log -------------------------------------------------- */ .champlog {border-collapse: collapse; width: 100%; max-width: 980px;} .champlog th, .champlog td {padding: 0.5em; border: 1px solid #fff; text-align: center; } .champlog th {font-weight: bold; width: 25%; min-width: 4em; background:#cfdce6;} .champlog td {background:#fafafa;} .champlog tr {margin:0;}