*{box-sizing: border-box;}
html{background-image:url(/img/bg.png);}
body{margin:0px;padding:0px;}
table { border-collapse:collapse; }
th, td { border:solid 1px #aaa;line-break:anywhere;}
li{list-style: none;}
input[type=number]{width:60px;}
.sw2, .sw3, .sw4, .sw5{display:none;}
.clearfix::after {content:''; display: block;  clear:both;padding:0px;margin:0px;}
.center{text-align:center;}

.btn01{display:inline-block; text-decoration:none; background:#fff; color:#04a; border:solid 2px #09E;border-radius:3px;text-align:center;cursor:pointer;padding:0px;margin:0px;}
.btn01:hover{background:#9ff;border-color:#6DF;}
.btn02{display:inline-block; text-decoration:none; background:#eee; color:#224; border:outset 1px #aaa;border-radius:2px;text-align:center;cursor:pointer;padding:0px;margin:0px;}
.btn02:hover{/*background:linear-gradient(#eff, #fff, #eff);*/ background:#eff;border-color:#eee;color:#006;}
.btn03{display:inline-block;background:#fff;border-radius:4px;color:#006;border:solid 1px #aaf;padding:0px 4px;margin:0px;cursor:pointer;}
.btn03:hover{background:#ffa;}
.btn_l{font-size:20px; width:240px;height:40px;line-height:40px;}
.btn_m{font-size:20px; width:140px;height:40px;line-height:40px;}
.btn_s{font-size:12px; width:80px;height:24px;line-height:24px;}
.checkbox01{background:#fff;border:solid 1px #444;color:#444;border-radius:4px;padding:0px 2px;}
.checkbox01:has(input:checked){background:#1d64b9;border-color:#000fd9;color:#ff0}
.checkbox01 input{display:none;}
.radio01{display:inline-block;padding:0px;}
.radio01::after {content:''; display: block;  clear:both;padding:0px;margin:0px;}
.radio01 > midasi{display:inline-block;float:left;margin:0px;padding:0px 4px;}
.radio01 > label{display:inline-block;float:left;margin:0px;padding:0px 3px;background:#eee;border:solid 1px #99a;color:#333;}
.radio01 > label:has(input:checked){background:#ffd;border:solid 1px #66f;color:#00f}
.radio01 input{display:none;}
.sortbtn{padding:0px;margin:0px;text-align:center;font-size:12px;height:20px;width:20px;}
.deldiv{position:absolute;right:1px;top:1px;background:rgba(255,255,255,0.8);}
.deldiv .iie{margin-left:5px;}
.gazou{max-width:100%;}
.douga{max-width:100%;max-height:800px;aspect-ratio:16/9;}
.aspect1{aspect-ratio:16/9;}
.aspect2{aspect-ratio:9/16;}
.aspect3{aspect-ratio:4/3;}
.aspect4{aspect-ratio:1/1;}
.tagspan{display:inline-block;background:#fff6ec;border-radius:4px;margin:1px;padding:0px 1px;color:#a86;}
.tag{display:inline-block;background:#fff6ec;color:#420;border:solid 1px #fda;border-radius:4px;padding:0px 4px;margin:1px;font-size:80%;}
.kumi{display:inline-block;background:#afd;color:#420;border:solid 1px #8af671;border-radius:4px;padding:0px 4px;margin:1px;font-size:80%;}
.kumi.kaizyo{background:#eee;border:solid 1px #aaa;}

.pagewidth{padding:8px;}

.youtubeframe{max-width:100%;width:560px;height:315px;}
.hontaiimg{max-width:100%;}
.anzengazou{width:60px;height:60px;border:solid 2px #0f6;cursor:pointer;}
.anzengazou.open{width:60px;height:60px;border:solid 2px #00f;cursor:pointer;}
.anzengazou.big{width:auto;height:auto;max-width:100%;max-height:1200px;border:none;cursor:auto;}
.anzendouga{width:60px;height:60px;}
.anzendouga.open{width:240px;height:135px;}
tubu{display:inline-block;padding:2px;}
.itemtikanbtn{width:70px;height:70px;}
.itemtikanbtn .douga{width:100%;height:100%;pointer-events:none;}
.uicon{border-radius:50%;width:24px;height:24px;vertical-align:text-top;border:inset 1px #aaa;vertical-align:middle;}
.uicon:hover{border:1px inset #0AF;}
.uname{/*vertical-align:middle;*/}
.uid{color:#866;font-size:10px;padding-left:1px;}
.nodeco{text-decoration:none;}
.vmiddle{vertical-align:middle;}

.okinisuru, .okinichu{display:none;height:20px;width:20px;vertical-align:middle;}
.okini0 .okinisuru{display:inline-block;}
.okini1 .okinichu{display:inline-block;}

main{padding:4px 4px 10px 6px;}
aside{display:none;}
@media only screen and (min-width: 800px){
 aside{display:block;float:left;width:180px;min-height:600px;padding:4px;}
 main{width:calc(100% - 180px);margin:0px;paddibg;0px;display:inline-block;}
}

.hyoukaul{margin:0px;padding:0px;}
.hyoukaul li{margin:0px;padding:2px 0px;}
.hyoukabtns.iine5 .good{background:#06a;color:#fff;}
.hyoukabtns.iine1 .bad{background:#06a;color:#fff;}
.hyoukaten{cursor:pointer;}
.hyoukaten:hover{color:#00f}

/* レイヤー */
#layerroot{position:absolute;top:0px;left:0px;width:100%;height:0px;overflow:visible;z-index:100;}
.fixlayer{position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.5);padding:20px;text-align:center;}
.fixlayer .hakusi{background:#fff;width:100%;height:100%;overflow:auto;}
.fixlayer .closebtn{position:absolute;top:2px;right:2px;width:30px;height:30px;line-height:30px;padding:0px;margin:0px;text-align:center;}
.olert{z-index:1000;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.7);padding:10px;text-align:center;text-align:center;align-content:center;}
.olert .hakusi{display:inline-block;background:#fff;width:80%;min-height:120px;max-height:100%;overflow:auto;align-content:center;}
.olert .okbtn{width:200px;padding:3px 0px;}

/* ページネイション */
.pagenation{margin:6px 4px;text-align:center;}
.pagenation a{
 display:inline-block;
 margin:1px;padding:4px 0px;width:32px;
 text-align:center;
 background:#FFF;
 border:solid 1px #AAA;
 text-decoration:none;
}
.pagenation .now{background:#BBB;color:#FFF;}


/* マイページ */
.userinfodiv{margin:10px 0% 20px 1%;width:98%;background:#fff;border-radius:6px 10px;padding:10px;}
.userinfodiv .uicon{width:64px;height:64px;vertical-align:middle;}
.userinfodiv .name{font-size:28px;vertical-align:middle;}
.userinfodiv .shoukai{font-size:90%;background:#fefeff;border:inset 1px #eee;padding:4px;margin:6px 0px;border-radius:6px;}
.userinfodiv #inputshoukai{width:100%;height:120px;}
.followchu, .followsuru{background:#fff;border:outset 2px #aaa;border-radius:8px;}
.followchu{display:none;background:#fdc;border-color:#fb7;}
.followed .followsuru{display:none;}
.followed .followchu{display:inline-block;}
.followli{display:inline-block;margin:1px;width:240px;background:#fff;border:solid 1px #aaa;padding:2px 4px;text-decoration:none;color:#222;}
.followli .updated{text-align:right;color:#999;font-size:80%;}
#myshoukaidiv .shoukai{border:inset 1px #aaa;min-height:60px;}
#myaccount{}
#myaccount #uiconedit .editdiv{display:none;}
#myaccount #uiconedit.open .editdiv{display:block;}
#myaccount #uiconedit.open .uicon{display:none;}
#mynamediv .name{display:inline-block;min-width:140px;border-bottom:solid 1px #666;}

.userokinilist .okiniinfo{color:#888;}
#loginlayer p{font-size:80%;margin:0px;padding:2px;color:#666;}
#login_mozi{color:#f00;font-size:90%;}

/* 記事 */
.himacore aside{display:none;}
.himacore aside .kousei{/*border:outset 1px #cce;*/display:block;background:#fff;margin:3px 0px;}
.himacore aside .toppage{padding:2px;text-decoration:none;border-left:solid 3px #268fec;}
.himacore aside .toppage:hover{background:#ffd;}
.himacore aside .midasi{background:#c6e9ff;color:#000;padding:2px;border-left:solid 3px #268fec;}
.himacore aside .hyouzi0 .kizi{/*border:solid 1px #eee;*/margin-top:1px;display:block;background:#fff;padding:2px;text-decoration:none;border-left:solid 3px #aaa;}
.himacore aside .hyouzi0 .kizi:hover{background:#ffd;}
.himacore aside .hyouzi0 .kizi.now{color:#222;border-left:solid 3px #222;}
.himacore aside .hyouzi1 .kizi{display:block;width:50px;height:29px;overflow:hidden;position:relative;border:solid 1px #fff;margin:0px;padding:0px;float:left;}
.himacore aside .hyouzi1 .kizi.now{border-color:#f60;}
.himacore aside .hyouzi1 .samune{width:100%;height:100%;}
.himacore aside .hyouzi1 .name{display:none;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.5);color:#fff;font-size:10px;align-content:center;text-align:center;}
.himacore aside .hyouzi1 .kizi:hover .name{display:block;}
.himacore .sitemenu{text-align:left;padding:20px 4px 30px 4px;}
.himacore .sitemenu .kousei{padding-bottom:20px;}
.himacore .sitemenu .toppage{display:none;}
.himacore .sitemenu .midasi{border-bottom:dotted 2px #aab;font-size:120%;color:#06c;text-shadow:1px 1px 2px #aaa;margin-bottom:3px;}
.himacore .sitemenu .hyouzi0 .kizi{display:inline-block;margin:2px 4px 2px 1px;text-decoration:none;}
.himacore .sitemenu .hyouzi0 .kizi::before {content:'・'; display:inline;color:#000;}
.himacore .sitemenu .hyouzi0 .kizi .name{text-decoration:underline;}
.himacore .sitemenu .hyouzi1 .kizi{display:block;width:96px;height:54px;overflow:hidden;position:relative;margin:2px;padding:0px;float:left;}
.himacore .sitemenu .hyouzi1 .samune{width:100%;height:100%;}
.himacore .sitemenu .hyouzi1 .name{display:none;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.5);color:#fff;font-size:10px;align-content:center;text-align:center;}
.himacore .sitemenu .hyouzi1 .kizi:hover .name{display:block;}

.himacore main{padding:0px;margin:0px;}
.himacore main>h1{margin:0px;padding:3px;font-size:140%;font-weight:normal;color:#fff;background:#020203;border-left:solid 4px #ff2ba7;}
.himacore article{padding:4px 0px;margin:0px;background:#fff;text-align:center;}
.himacore .bloginfo{text-align:right;font-size:90%;}
.himacore .bloginfo.sita{text-align:right;font-size:90%;color:#666;}
.himacore time{color:#666;vertical-align:middle;}
.himacore .pankuzu{padding:2px;font-size:90%;}
.himacore .pankuzu .arrow{color:#aaa;margin:4px;}
.himacore .pankuzu .kizi.hyouzi0{margin:4px;}
.himacore .pankuzu .kizi.hyouzi1{display:inline-block;position:relative;width:50px;height:29px;border:solid 1px #fff;overflow:hidden;vertical-align:middle;}
.himacore .pankuzu .kizi.hyouzi1.now{border-color:#f60;}
.himacore .pankuzu .kizi.hyouzi1 .samune{width:100%;height:100%;}
.himacore .pankuzu .kizi.hyouzi1 .name{display:none;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.5);color:#fff;font-size:10px;align-content:center;text-align:center;}
.himacore .pankuzu .kizi.hoka{display:none}
.himacore .commentspace{padding:0px 6px 20px 6px;}
@media only screen and (min-width: 800px){
.himacore aside{display:block;float:left;width:180px;min-height:600px;padding:4px;}
.himacore main{width:calc(100% - 180px);margin:0px;paddibg;0px;display:inline-block;}
.himacore .pankuzu{display:none;}
}

.comentnken{text-decoration:none;color:#222;display:block;font-size:120%;text-align:center;border:outset 1px #aaa;padding:8px 0px;border-radius:6px;}
.comentform{text-align:center;}
.comentform textarea{width:100%;height:80px;}
.comentform .tempbtn{width:60%;margin:0px;}
.comentform .setumei{font-size:10px;color:#444;margin:0px;}
.commentli{border:solid 1px #aaa;padding:3px 1px 4px 3px;margin:0px 1px 0px 3px;margin-bottom:-1px;}
.commentul>.commentli{border:none;border-bottom:solid 1px #aaa;padding:4px 0px;margin:0px;}
.commentli .info{color:#666;font-size:12px;}
.commentli .info.ue{text-align:left;}
.commentli .info.sita{text-align:right;}
.commentli .temp{text-align:left;}
.commentli .naiyou{color:#000;text-align:left;font-size:15px;}
.commentli .bangou{color:#600;cursor:pointer;}
.commentli .resbtn{display:block;width:100%;text-align:center;border:outset 1px #aaa;background:#eee;font-size:15px;}
.commentli.deleted{color:#666;text-align:left;font-size:10px;}
.comment_titlediv{display:flex;margin:10px 0px;text-decoration:none;color:#000;/*background:#fff;border:solid 1px #ddd;*/}
.comment_titlediv .samune{width:120px;vertical-align:middle;}
.comment_titlediv .title{font-size:130%;padding:0px 4px;align-content:center;}

.commentkinsi{text-align:center;color:#888;font-size:80%;padding:3px 0px;}
#commentkanrimenu{border:inset 1px #aaa;position:relative;background:#edd;}
#commentkanrimenu .delbtn{position:absolute;top:1px;right:1px;}

/* 本文編集 */
.blogedittable{width:100%;padding:3px;}
.blogedittable #title{width:100%;font-size:120%;margin:2px 0px;}
.kumisetteidiv{display:inline-block;position:relative;border:solid 2px #aaa;width:calc(100% - 170px);height:24px;background:#fff;cursor:pointer;}
.tagsetteidiv{display:inline-block;position:relative;border:solid 2px #aaa;width:calc(100% - 170px);height:94px;background:#fff;cursor:pointer;}
.tagsetteidiv:hover{border-color:#fc0;}
.tagsetteidiv .navi{position:absolute;top:0px;left:0px;pointer-events:none;background:#eee;color:#666;font-size:10px;display:inline-block;padding:1px 2px;}
.tagsetteidiv .tagul{width:100%;height:100%;padding:14px 2px 2px 2px;}
.blog_h1{margin:0px;padding:0px;position:relative;}
.blog_h1 #h1{width:100%;margin:0px;padding:3px;font-size:140%;font-weight:normal;color:#fff;background:#020203;border-left:solid 4px #ff2ba7;}
.blog_h1 .copybtn{position:absolute;right:0px;top:0px;}
.blog_h2{width:100%;margin:20px 0px 10px 0px;padding:4px 0px 4px 6px;font-size:140%;font-weight:normal;color:#000;background:#def;border-left:solid 6px #00c;text-align:left;}
.blog_mokuji{background:#dfefff;padding:10px 2px 10px 10px;margin:10px;text-align:left;}
.blog_mokuji>span{color:#388ae1;font-size:90%;}
.blog_mokuji ul{margin:0px;padding:2px;}
.blog_mokuji li{margin:0px;padding:3px;}
.blog_mokuji li:before{content:"";width:6px;height:6px;display:inline-block;background:#b1f7ff;border:solid 1px #007aff;border-radius:50%;margin-right:6px;}
.blog_mokuji a{text-decoration:none;color:#02f;}

#daisi{background:#fff;padding:3px;text-align:center;}

/*.sort{border: 1px dashed #fff;}*/
.sort.hint{border-color:#f00;}
.sort.active{border-color:#0f0;}
.sort_hint{border:solid 1px #0f0;}
.sort_active{border:solid 1px #f00;}

.youso{text-align:left;position:relative;}
.youso.txt{width:100%;min-height:30px;}
.youso.txt .nakami{text-align:center;}
.youso.img{display:inline-block;}
.youso.mov{display:inline-block;}
.youso.html .hyouzidiv{text-align:center;}
.youso.html .htmlcode{width:100%;height:200px;}
.youso.cnow{border:solid 1px #f00;background:#faf0f0;}
.bunsho{background:#fff;padding:2px 1px 2px 6px;text-align:left;display:inline-block;width:100%;background-position:center;}
.youso.youtube{text-align:center;background:#eee;color:#666;}
.teikeiyouso{margin:4px;padding:4px;text-align:left;}
.teikeiyouso .imgdiv{display:inline-block;width:120px;max-width:100%;vertical-align:middle;}
.teikeiyouso .txtdiv{display:inline-block;width:calc( 100% - 130px );vertical-align:middle;padding-left:4px;}
.teikeiyouso .gazou{width:100%;}
.teikeiyouso .douga{aspect-ratio:1/1;}
.teikeiyouso .oomidasi{display:none;font-size:140%;border-bottom:solid 2px #46e;margin-bottom:4px;color:#026;}
.teikeiyouso .komidasi{display:none;font-size:120%;border-bottom:dotted 1px #8ae;margin-bottom:6px;}
.teikeiyouso.keisiki2 .oomidasi{display:block;}
.teikeiyouso.keisiki3 .komidasi{display:block;}
.teikeiyouso.keisiki4 .oomidasi{display:block;}
.teikeiyouso.keisiki4 .komidasi{display:block;}
.teikeiyouso.size60 .imgdiv{width:60px;}
.teikeiyouso.size120 .imgdiv{width:120px;}
.teikeiyouso.size200 .imgdiv{width:200px;}
.teikeiyouso.size320 .imgdiv{width:320px;}
.teikeiyouso.size480 .imgdiv{width:480px;}
.teikeiyouso.size60 .txtdiv{width:calc( 100% - 70px );}
.teikeiyouso.size120 .txtdiv{width:calc( 100% - 130px );}
.teikeiyouso.size200 .txtdiv{width:calc( 100% - 210px );}
.teikeiyouso.size320 .txtdiv{width:calc( 100% - 330px );}
.teikeiyouso.size480 .txtdiv{width:calc( 100% - 490px );}
@media only screen and (max-width: 340px){
 .teikeiyouso.size200 .imgdiv{width:100%;}
 .teikeiyouso.size200 .txtdiv{width:100%;}
}
@media only screen and (max-width: 560px){
 .teikeiyouso.size320 .imgdiv{width:100%;}
 .teikeiyouso.size320 .txtdiv{width:100%;}
}
@media only screen and (max-width: 700px){
 .teikeiyouso.size480 .imgdiv{width:100%;}
 .teikeiyouso.size480 .txtdiv{width:100%;}
}


#edittools{position:fixed;top:200px;left:calc(100% - 265px);width:260px;background:#fea;border:outset 1px #fa0;border-radius:3px;padding:2px;}
#edittools.tozi{width:30px;height:30px;}
#edittools_kaihei0{}
#edittools_kaihei1{}
#edittools .colorpicker{width:100%;display:flex;}
#edittools .colorpicker button{width:20px;height:20px;display:inline-block;margin:0px;padding:0px;border:none;font-size:10px;color:#999;background:transparent;}
#edittool_txtyou{display:none;}
#edittool_imgyou{display:none;}
#edittool_style{display:none;}
#edittool_teikei{display:none;}
#edittools .bottomtool{text-align:right;}
#edittools .kaiheibtn{border:none;background:transparent;padding:0px;margin:0px;width:25px;height:25px;}
#edittools .kaiheibtn img{width:100%;height:100%;pointer-events:none;}
#edittools_kaihei1 .kaiheibtn{position:absolute;top:1px;left:1px;}
#edittools .kyoutuu{text-align:right;}
#edittools_coment{text-align:left;font-size:75%;color:#444;}
#edittool_imgyou_valx{width:80px;}
#edittool_txtyou, #edittool_imgyou{background:#fc8;padding:2px;}
#edittool_txtyou_v{background:#fed;padding:4px;}

#linklayer .linkli{border-top:solid 1px #aaa;border-bottom:solid 1px #aaa;margin:-1px;text-align:left;}
#linklayer .linkli.youto1{background:#d3fffd;}
#linklayer .linkli:hover{background:#ffa;}
#linklayer .linkli .samune{width:64px;height:36px;vertical-align:middle}
#linklayer .linkli .title{vertical-align:middle}

/* 最強テーブル */
.koumokudiv{overflow-x:scroll;width:100%;}
.koumokutable{background:#eee;}
.koumokutable .mozi{min-height:30px;min-width:80px;background:#fff;}
.koumokutable .mozi .gazou{max-width:50px;}
.koumokutable .gazoudiv{position:relative;}
.koumokutable .gazoudiv .gazou{width:40px;}
.koumokutable .gazoudiv .delbtn{position:absolute;right:0px;top:0px;}
.layouttable{position:relative;}
.layouttable tr:first-child td{background:#FAA;}
.layouttable td:first-child{background:#AAF;}
.layouttable th, .layouttable td {
  border: solid 1px #0a0;
  text-align:center;
  overflow:visible;
  position:relative;
  padding:0px;margin:0px;
}
.layouttable .hamidasanai{width:90px;height:50px;overflow:visible;position:relative;}
.layouttable .x0 .hamidasanai{display:grid;place-items: center;}
.layouttable .coladdbtn{font-size:10px;line-height:10px;position:absolute;top:2px;right:-6px;z-index:10;padding:0px;margin:0px;}
.layouttable .rowaddbtn{font-size:10px;line-height:10px;position:absolute;bottom:-6px;left:2px;z-index:10;padding:0px;margin:0px;}
.layouttable .colsubbtn{font-size:10px;margin:0px;padding:1px 2px;}
.layouttable .rowsubbtn{font-size:10px;margin:0px;padding:1px 2px;}
.layouttable .haba{width:28px;}
.movepointer{position:absolute;background:#fff;width:1px;height:1px;overflow:visible;}
.movepointer .tumami{position:absolute;background:#fff;width:14px;height:14px;border-radius:50%;border:solid 1px #aaa;top:-7px;left:-7px;z-index:10;}
#hanirect{position:fixed;top:0px;left:0px;width:0px;height:0px;opacity:0.5;background:#4AF;pointer-events:none;}
#koumokuselecter{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:#edc;}
#saikyoukesimasu{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:#eee;}
#saikyoukesimasu button{padding:1px 2px;margin:0px;font-size:10px;}
.kanseitablediv{margin:0 auto;text-align:center;}
.kanseitablediv .thdiv{width:100%;margin:0px;padding:0px;}
.kanseitable{display:inline-block;float:left;}
.kanseitable .y0{height:0px;padding:0px;margin:0px;border:none;}
.kanseitable .gazou{max-width:100%;}
.kanseitable.midasi td{background:#def;}

/* アルバム */
.albumtabs{display:flex;}
.albumtab{background:#adf;border:solid 1px #69f;width:25%;}
#albumlayer.tab1 .albumtab.tab1{background:#eef;color:#006;}
#albumlayer.tab2 .albumtab.tab2{background:#eef;color:#006;}
#albumlayer.tab3 .albumtab.tab3{background:#eef;color:#006;}
#albumlayer.tab4 .albumtab.tab4{background:#eef;color:#006;}
.albumupload{background:#eef;border-radius:6px;padding:4px;margin:6px 5%;display:none;}
.albumupload h4{padding:3px;margin:0px;}
#album_dragupload{width:90%;margin-left:5%;height:150px;margin-bottom:10px;text-align:center;align-content:center;background:#fdffec;}
#albumlayer.tab1 .albumupload.tab1{display:block;}
#albumlayer.tab2 .albumupload.tab2{display:block;}
#albumlayer.tab3 .albumupload.tab1{display:block;}
.albumul{background:url(/img/himanokiwami_blue.png);padding:3px;margin:3px 8px;}
.albumli{display:block;float:left;margin:2px;position:relative;width:90px;height:90px;text-align:center;align-content:center;border:solid 1px #aaa;}
.albumli:hover{background:#FFA;border-color:#fa6;}
.albumli .gazou{max-width:100%;max-height:100%;}
.albumli .okini0, .albumli .okini1{position:absolute;top:0px;left:0px;width:20px;height:20px;}
.albumli .okini1{display:none;}
.albumli.okini .okini0{display:none;}
.albumli.okini .okini1{display:block;}
.albumli .deldiv{position:absolute;top:0px;right:0px;background:rgba(255,255,255,0.8);}
.albumli .deldiv .sw1{color:#999;}
.albumli video{pointer-events:none;width:100%;height:100%;}
#tuikadiv{background:#EEE;}
#albumlayer .albumsozaiul{background:url(/img/himanokiwami_blue.png);}
#albumlayer .sozaibtn{font-size:120%;cursor:pointer;border:solid 1px #dde;margin:10px 4px 0px 4px;}
#albumlayer .sozaili{float:left;width:70px;height:70px;cursor:pointer;border:solid 1px #eee;text-align:center;align-content:center;}
#albumlayer .sozaili img{max-width:100%;max-height:100%;}

/* サイト構成 */
#sitekousei .midasi{margin:4px;background:#FEE;border: 2px solid #eee;position:relative;}
#sitekousei .midasi.hint{border: 2px dashed #f00;}
#sitekousei .midasi.active {  border: 2px dashed #0f0;}
#sitekousei .kizi{margin:4px;background:#EEF;border: 1px solid #ccd;position:relative;}
#sitekousei .kizi.hint{border: 2px dashed #f00;}
#sitekousei .kizi.active {  border: 2px dashed #0f0;}
#sitekousei .delbtn{position:absolute;right:1px;top:1px;}
#sitekousei .samuneimg{ width:120px;height:67.5px;}
#sitekousei .hyouzi0 .kizi{display:block;margin-left:10px;}
#sitekousei .hyouzi1 .kizi{display:inline-block;width:120px;height:67.5px;overflow:hidden;}
#sitekousei .hyouzi0 .samuneimg{display:none;}
#sitekousei .hyouzi1 .kizimei{display:none;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.4);color:#fff;text-align:center;align-content:center;}
#sitekousei .hyouzi1 .kizi:hover .kizimei{display:block;}
#sitekousei .midasimei{width:100%;}
#sitekousei .kizimei{width:100%;}
#midasikiziserch_result ul{padding:0px;margin:0px;border-bottom:solid 1px #dde;}
#midasikiziserch_result li{padding:4px 0px 4px 6px;margin:0px;text-align:left;border-top:solid 1px #dde;}
#midasikiziserch_result li .samune{width:48px;height:27px;vertical-align:middle;}

/* 上部バー */
.topbar{background:#eef;border-bottom:solid 1px #aaa; text-align:right; position:relative;min-height:30px;padding:2px;}
.topbar a{text-decoration:none;color:#222;}
.topbar .logobtn{position:absolute;top:3px;left:2px;color:#06a;}
.topbar .btn{display:inline-block;margin:2px;text-align:center;font-size:12px;border-radius:4px;height:24px;line-height:24px;border:1px inset #666;padding:0px 2px;}
.topbar .btn:hover{color:#06F;border:1px inset #06F;}
.topbar .tuutidiv{display:inline-block;width:26px;height:24px;position:relative;text-align:center;overflow:visible;cursor:pointer;}
.topbar .tuutidiv .icon{height:24px;width:24px;vertical-align:middle;opacity:0.7;}
.topbar .tuutidiv .kazu{position:absolute;top:0px;left:0px;right:0px;bottom:0px;font-size:12px;line-height:24px;color:#f00;}

/* ブログリスト */
.blogdiv{display:block;position:relative;text-align:left;background:#fff;border:outset 1px #aaa;text-decoration:none;padding:3px;}
.blogdiv.youto1{background:#d3fffd;}
.blogdiv:hover{background:#ffd;border-color:#f60;}
.blogdiv .title{max-height:80px;font-size:110%;padding-bottom:2px;overflow:hidden;}
.blogdiv .samune{display:block;background:#04b6a2;width:160px;height:90px;float:left;}
.blogdiv .gaiyou{width:calc(100%-170px);height:90px;font-size:90%;color:#223;overflow:hidden;padding-left:3px;}
.blogdiv .info{padding:2px 0px 0px 4px;line-height:24px;width:100%;}
.blogdiv .info .uicon{vertical-align:text-bottom;}
.blogdiv .info .right{float:right;color:#666;font-size:80%;vertical-align:middle;}
@media only screen and (min-width: 800px){
 .blogdiv .gaiyou{height:60px;}
 .blogdiv .info{width:calc(100%-170px);}
}
.blogdiv object:hover a{color:#f00;}

#listspace h3{text-align:center;color:#666;margin:0px;padding:4px;}
#listspace .editli{margin:1px;background:#fff;border:solid 1px #aaa;position:relative;}
.blogedittable .samune{width:120px;height:67.5px;float:left;cursor:pointer;}
.blogedittable .title{position:absolute;top:0px;left:84px;right:2px;height:30px;line-height:30px;border-bottom:1px solid #ddd;cursor:pointer;background:#fff;}
.blogedittable .tagsettei{clear:both;font-size:8px;color:#666;margin:0px;padding:0px;line-height:8px;}
.blogedittable .kumihenshu{position:absolute;top:0px;left:124px;right:2px;height:24px;cursor:pointer;}
.blogedittable .kumihenshu:hover{background:#ffd;}
.blogedittable .kumihenshu .nokumi{color:#999;}
.blogedittable .taghenshu{position:absolute;top:24px;left:124px;right:2px;height:45px;cursor:pointer;}
.blogedittable .taghenshu:hover{background:#ffd;}
.blogedittable .div1{position:relative;margin:0px;padding:0px;height:30px;overflow:hidden;}
.blogedittable .div2{position:relative;margin:0px;padding:0px;height:70px;}
.blogedittable .gaiyou{margin:1px;padding:2px;font-size:70%;min-height:22px;border:inset 1px #dde;background:#FAFAFA;}
.blogedittable #gaiyou{width:100%;height:42px;padding:2px;font-size:90%;background:#FAFAFA;}
#listspace .editli .div3{clear:both;text-align:center;}
#listspace .editli .hosoku{font-size:75%;color:#666;text-align:right;padding:0px 2px;}
#listspace .editli .shurui{display:inline-block;text-align:center;width:80px;height:30px;line-height:30px;background:#aaa;}
#listspace .editli.panel .shurui{background:#0fa;}
#listspace .editli.logo .shurui{background:#af0;}
#listspace .editli .editbtn{padding:1px 3px;font-size:90%;}
#listspace .editli .delbtn{position:absolute;top:1px;right:1px;padding:1px 2px;}
#editlayer_gaiyou textarea{width:96%;height:140px;}

/* 公開切替 */
.koukaibtn{display:inline-block;text-align:center;width:80px;height:30px;line-height:30px;overflow:hidden;cursor:pointer;}
.koukaibtn .hikoukai, .koukaibtn .koukaichu{display:none;width:100%;height:100%;border:solid 1px #eee;border-radius:10px;}
.koukai0 .hikoukai{display:inline-block;background:#eee;color:#444;}
.koukai1 .koukaichu{display:inline-block;background:#fa6;color:#000;}


.formdiv{background:#f6f6f6;border:solid 1px #ddd;text-align:center;padding:10px 4px;}
.formdiv .dl{padding:10px 0px;}
.formdiv .dt{width:100px;font-size:18px;display:inline-block;}
.formdiv .dd{width:200px;display:inline-block;}
.formdiv .setumei{font-size:12px;color:#444;}


/*****  デザインパネル  ***************/
.designpanel{width:100%;max-height:600px;overflow:hidden;position:relative;}
.panelspace{width:100%;aspect-ratio:3/4; max-width:450px; max-height:600px;margin:0 auto;overflow:visible;position:relative;}
.panelspace.katati0{aspect-ratio:3/3; max-width:600px; max-height:600px;}
.panelspace.katati1{aspect-ratio:3/4; max-width:450px; max-height:600px;}
.panelspace.katati2{aspect-ratio:4/3; max-width:800px; max-height:600px;}
.panelunit{position:relative;}
.panelunit .unitkinou{position:absolute;top:0px;left:0px;right:0px;min-height:100px;background:rgba(0,0,0,0.4);display:none;}
.panelunit:hover .unitkinou{display:block;}
.panelunit .panelwaku{display:inline-block;width:32%;text-align:center;margin:0px;}
.panelunit .panelnasi{display:none;background:#eef;text-align:center;align-content:center;height:100px;}
.panelunit .panel2{display:none;}
.panelunit .panel3{display:none;}
.panelunit .size{color:#fff;}
.panelunit.unit .panelnasi{display:block;}
@media only screen and (min-width: 500px){
 .panelunit.unit123 .panel1{display:none;}
 .panelunit.unit123 .panel2{display:block;}
 .panelunit.unit123 .panel3{display:none;}
 .panelunit.unit12 .panel1{display:none;}
 .panelunit.unit12 .panel2{display:block;}
}
@media only screen and (min-width: 700px){
 .panelunit.unit123 .panel1{display:none;}
 .panelunit.unit123 .panel2{display:none;}
 .panelunit.unit123 .panel3{display:block;}
 .panelunit.unit13 .panel1{display:none;}
 .panelunit.unit13 .panel3{display:block;}
}

#designpanel{width:100%;overflow:hidden;background:rgb(192,192,192);position:relative;}
#panelspace{width:100%;aspect-ratio:3/4; max-width:450px; max-height:600px;margin:0 auto;overflow:visible;position:relative;border:solid 1px #666;}
#panelspace.katati0{aspect-ratio:3/3; max-width:600px; max-height:600px;}
#panelspace.katati1{aspect-ratio:3/4; max-width:450px; max-height:600px;}
#panelspace.katati2{aspect-ratio:4/3; max-width:800px; max-height:600px;}

#buhinmover{position:absolute;display:none;border:dashed 1px #f00;z-index:10;}
#buhinmover.foldermove{border-color:#F60;background:rgba(255,48,24,0.5);}
#buhinmover.foldermove .movepointer{display:none;}/* フォルダ拡大縮小は今後実装 */
.buhindesign{position:absolute;overflow:hidden;margin:0px;padding:0px;}
.buhindesign .link{display:block;width:100%;height:100%;overflow:visible;}
.buhindesign .nakami{width:100%;height:100%;line-break:anywhere;overflow:hidden;}
.buhinhaikeibtn{width:100%;height:100%;top:0px;left:0px;position:absolute;}
#buhinlist .settei{display:none;background:#fafafa;}
.buhinli{background:#fff1e1;border:solid 1px #e8d3c3;margin:1px;padding:0px 3px;border-radius:4px;cursor:pointer;position:relative;}
.buhinli:hover{background:#fdc;}
.buhinli .kinou{position:absolute;right:0px;top:0px;height:30px;line-height:30px;}
.buhinli .kinou button{padding:0px 2px;margin:0px 1px;}
.buhinli .kinou button img{width:16px;height:16px;}
.buhinli.kakusu1 .kakusubtn0{display:none;}
.buhinli.kakusu0 .kakusubtn1{display:none;}
.buhinli.kakusu1 .kakusubtn1{display:inline-block;}
.buhinli .mitamediv{position:relative;}
.buhinli .mitame{white-space:nowrap;height:30px;line-height:30px;overflow:hidden;}
.buhinli img.mitame{height:28px;}
.buhinli.folder{background:#def;padding-bottom:4px;}
.buhinli .kakunou{background:#ccd;min-height:40px;display:none;}
.buhinli.open .kakunou{display:block;}
.buhinli .plusbtn{display:inline;}
.buhinli.open .plusbtn{display:none;}
.buhinli .mainasbtn{display:none;}
.buhinli.open .mainasbtn{display:inline;}
.buhinli .fukuseibtn{font-size:10px;padding:2px 2px;margin-left:2px;}
.buhinli .delbtn{font-size:12px;padding:2px 5px;}
.buhinli .sortbtn.folder{display:none;}
.buhinli .kakunou .sortbtn.folder{display:inline;}
#buhinlikinou{}
#buhineditlist .buhinedit{display:none;}
.buhinedit dl{margin:0px;padding:0px;border:solid 1px #dac9bb;background:#fff6ee;}
.buhinedit dt{margin:0px;padding:0px;background:#fff1e1;cursor:pointer;}
.buhinedit dt:hover{background:#fdc;}
.buhinedit dd{margin:0px;padding:2px 4px 4px 4px;display:none;}
.buhinedit .akeru dd{display:block;}
.buhinedit tubu{display:inline-block;padding:2px;}
#buhin_tuika{background:#fff1e1;border:solid 1px #e8d3c3;border-radius:4px;padding:4px;}
#buhin_tuika dl{margin:0px;padding:0px;}
#buhin_tuika dt{margin:0px;padding:0px;font-size:80%;color:#b34141;}
#buhin_tuika dd{margin:0px;padding:0px;}
#buhin0{font-size:90%;color:#b34141;}
.buhinedit .textlist{padding:0px 3px;}
.buhinedit .textli{position:relative;padding:3px;margin-top:4px;border-radius:3px;background:#fffdee;box-shadow:1px 1px 2px rgba(0,0,0,0.4);}
.buhinedit textarea{width:100%;height:60px;}
.buhinedit .textli textarea{height:40px;}
.buhinedit .textlibtn{width:200px;height:32px;line-height:32px;margin:2px auto;display:block;}
.buhinedit .textli .deldiv{position:absolute;right:1px;top:1px;background:rgba(255,255,255,0.8);}
.buhinedit .textli .mitamanai{background:#fff;height:20px;width:96%;margin-left:2%;border-radius:2px;padding-left:3px;overflow:hidden;white-space:nowrap;}
.buhinedit .textli .tojiru{display:none;}
.buhinedit .textli.akeru .mitamanai{display:none;}
.buhinedit .textli.akeru .tojiru{display:block;}
.buhinedit .editorversion{color:#a09393;font-size:80%;padding:4px 2px;}
.buhinedit .editorversion span{cursor:pointer;}
.buhinedit .editorversion .kousinbtn{padding:0px 2px;margin:0px;display:none;}
.buhinedit .gazou{max-height:40px;max-width:60px;}

#oreorelist{position:fixed;z-index:20;background:#fea;border:outset 1px #fa0;border-radius:3px;padding:2px;top:calc(100% - 300px);left:3%;width:94%;max-width:700px;height:280px;}
#oreorelist.set_kaihei1{width:30px;height:30px;}
#oreorelist .div100{width:100%;height:100%;}
#oreorelist .setumei{margin:0px;padding:2px;font-size:75%;}
#oreorelist.set_kaihei0 .sw_kaihei1{display:none;}
#oreorelist.set_kaihei1 .sw_kaihei0{display:none;}
#oreorelist.set_katati0 .sw_katati1{display:none;}
#oreorelist.set_katati0 .sw_katati2{display:none;}
#oreorelist.set_katati1 .sw_katati0{display:none;}
#oreorelist.set_katati1 .sw_katati2{display:none;}
#oreorelist.set_katati2 .sw_katati0{display:none;}
#oreorelist.set_katati2 .sw_katati1{display:none;}
#oreorelist.set_katati0 .enpitu{display:none;}
#oreorelist.set_katati1 .buhinlistdiv{display:none;}
#oreorelist.set_katati1.swdiv0 .buhinlistdiv{display:block;}
#oreorelist.set_katati1 .buhineditdiv{display:none;}
#oreorelist.set_katati1.swdiv1 .buhineditdiv{display:block;}
#oreorelist.set_katati2 .buhinlistdiv{display:none;}
#oreorelist.set_katati2.swdiv0 .buhinlistdiv{display:block;}
#oreorelist.set_katati2 .buhineditdiv{display:none;}
#oreorelist.set_katati2.swdiv1 .buhineditdiv{display:block;}
#oreorelist .buhinlistdiv{position:absolute;top:28px;left:3px;width:200px;bottom:3px;overflow-y:scroll;background:#dac9bb;padding-bottom:40px;}
#oreorelist .buhineditdiv{position:absolute;top:28px;left:200px;right:3px;bottom:3px;overflow-y:scroll;background:#dac9bb;padding-bottom:40px;}
#oreorelist.set_katati1{width:320px;height:600px;}
#oreorelist.set_katati2{width:320px;}
#oreorelist.set_katati1 .buhinlistdiv, #oreorelist.set_katati2 .buhinlistdiv{width:calc(100% - 6px);}
#oreorelist.set_katati1 .buhineditdiv, #oreorelist.set_katati2 .buhineditdiv{left:3px;}
#oreorelist .swdivbtn{text-decoration:none;color:#222;background:#eee;border-radius:6px;border:outset 1px #ddd;padding:0px 8px;margin:0px;}
#oreorelist.swdiv0 .swdivbtn.b0{background:#ffe3c2;border:inset 1px #ddd;}
#oreorelist.set_katati0 .swdivbtn.b0{background:#ffe3c2;border:inset 1px #ddd;}
#oreorelist.swdiv1 .swdivbtn.b1{background:#ffe3c2;border:inset 1px #ddd;}
#oreorelist.set_katati0 .swdivbtn.b1{background:#ffe3c2;border:inset 1px #ddd;margin-left:80px;}




/***** ロゴパネル *****/
.logopanel{height:80px;width:100%;overflow:hidden;position:relative;text-align:center;}
.logoscroll{width:100%;overflow-x:scroll;}
#logopanel{border:solid 1px #666;}
#logopanel.width340{width:340px;}
#logopanel.width500{width:500px;}
#logopanel.width800{width:800px;}
.luhindesign{display:inline-block;height:100%;overflow:visible;color:#000;align-content:center;text-align:left;vertical-align:middle;}
.luhindesign.minwidthnone{display:none;}
.luhindesign.minwidth500{display:none;}
.luhindesign.minwidth800{display:none;}
@media only screen and (min-width: 500px){ .luhindesign.minwidth500{display:inline-block;} }
@media only screen and (min-width: 800px){ .luhindesign.minwidth800{display:inline-block;} }
#logopanel.width340 .luhindesign.minwidth500{display:none;}
#logopanel.width340 .luhindesign.minwidth800{display:none;}
#logopanel.width500 .luhindesign.minwidth500{display:inline-block;}
#logopanel.width500 .luhindesign.minwidth800{display:none;}
#logopanel.width800 .luhindesign.minwidth500{display:inline-block;}
#logopanel.width800 .luhindesign.minwidth800{display:inline-block;}

.luhindesign a{text-decoration:none;}
.luhindesign .sociallink{background:rgba(255,255,255,0.3);margin:0px 10px;align-content:center;height:44px;border-radius:6px;padding-top:4px;}
.luhindesign .sociallink.uraji1{background:rgba(0,0,0,0.3);}
.luhindesign .sociallink a{margin:0px 10px;}
.luhindesign .sociallink img{height:20px;}

.editscroll{height:500px;background:#e1dcd8;overflow-y:scroll;}
#luhineditlist .buhinedit{background:#fff6ee;border: solid 1px #dac9bb;}
#luhineditlist tubu{display:inline-block;padding:3px 6px;margin:3px;border-radius:6px;background:#f6e7dd;}
#luhineditlist #buhinedit0 .mitamanai{color:#b34141;}
#luhineditlist .buhinedit .tojili{}
#luhineditlist .buhinedit .hirali{display:none;}
#luhineditlist .buhinedit.hiraku .tojili{display:none;}
#luhineditlist .buhinedit.hiraku .hirali{display:block;}
.luhintuika{margin:2px;border-radius:4px;background:#fff;}
#luhineditlist .mitamanai{height:20px;vertical-align:text-bottom;}
#luhineditlist .mitamahyouzi{padding:0px 2px;border-radius:4px;background:#fff;border:solid 1px #aaa;font-size:75%;color:#444;margin:0px 2px;}
#luhineditlist .mitamahaiti{padding:0px 2px;border-radius:4px;background:#fff;border:solid 1px #aaa;font-size:75%;color:#444;margin:0px 2px;}
#luhineditlist .editorversion{text-align:right;}
#luhineditlist .sociallinks .red{color:#e00;font-size:80%;padding-left:10px;}
#luhinlikinou{position:relative;}

#logookiba{height:80px;width:100%;overflow:hidden;}
#logookiba .nologo{height:100%;width:100%;align-content:center;text-align:center;background:#eee;color:#999;font-size:26px;border:solid 1px #aaa;}
.logodiv{position:relative;}
.logodiv .logomenu{display:none;width:100%;padding:2px;background:rgba(0,0,0,0.4);position:absolute;top:0px;left:0px;text-align:center;}
.logodiv:hover .logomenu{display:block;}

/***** ピッカー ****/
.noiro{display:inline-block;width:14px;height:14px;vertical-align:text-bottom;background-image:url(/img/noiro.png);background-size:14px;}
.iromihon{background-color:rgba(0,0,0,0.0);}
.iromihon, .irocls{display:block;width:100%;height:100%;border:solid 1px #666;}
#colorpicker .irodiv{width:90%;height:300px;margin:0 auto;border:solid 1px #aaa;}
#colorpicker .iroclsdiv{width:90%;height:300px;margin:0 auto;border:solid 1px #aaa;}
#colorpicker .irobtn{display:block;float:left;width:14.28%;height:20px;}
#colorpicker .iroclsdiv .irobtn{display:block;float:left;width:33%;height:20px;}
#cp_colorcode{width:60px;}

.templelist{margin:0px;padding:3px;}
.templelist li{display:inline-block;border:solid 1px #aaa;background:#ddd;padding:5px;border-radius:2%;width:90px;height:60px;}
.templelist li > div{background:#66f;height:50px;align-content:center;}
.templelist.boxshadow li{padding:10px;}
.templelist.boxshadow li > div{height:40px;}
.templelist li.bfanimewaku{width:60px;}
.bfanimewaku{position:relative;display:inline-block;width:60px;height:60px;background:#fff;border:solid 1px #aaa;overflow:hidden;}
.bfanimewaku .bfanime{position:absolute;top:25%;left:25%;width:50%;height:50%;background:#66f;}
.hoversample, .templelist .hoversample{display:inline-block;padding:0px;margin:0px;width:90px;height:40px;text-align:center;align-content:center;background:#deeeff;border: solid 1px #a7cbcc;border-radius:6px;cursor:pointer;}









/* 定義 */
.hover_border_white:hover{border-color:#fff !important;}
.hover_border_gray:hover{border-color:#888 !important;}
.hover_border_black:hover{border-color:#000 !important;}
.hover_border_lightred:hover{border-color:rgb(255,100,100) !important;}
.hover_border_red:hover{border-color:rgb(255,0,0) !important;}
.hover_border_darkred:hover{border-color:rgb(128,0,0) !important;}
.hover_border_lightorange:hover{border-color:rgb(255,200,100) !important;}
.hover_border_orange:hover{border-color:rgb(255,128,0) !important;}
.hover_border_darkorange:hover{border-color:rgb(128,64,0) !important;}
.hover_border_lightyellow:hover{border-color:rgb(255,255,100) !important;}
.hover_border_yellow:hover{border-color:rgb(255,255,0) !important;}
.hover_border_darkyellow:hover{border-color:rgb(127,127,0) !important;}
.hover_border_lightkimidori:hover{border-color:rgb(200,255,100) !important;}
.hover_border_kimidori:hover{border-color:rgb(128,255,0) !important;}
.hover_border_darkkimidori:hover{border-color:rgb(64,128,0) !important;}
.hover_border_lightlime:hover{border-color:rgb(100,255,100) !important;}
.hover_border_lime:hover{border-color:rgb(0,255,0) !important;}
.hover_border_darklime:hover{border-color:rgb(0,128,0) !important;}
.hover_border_lightaomidori:hover{border-color:rgb(100,255,200) !important;}
.hover_border_aomidori:hover{border-color:rgb(0,255,128) !important;}
.hover_border_darkaomidori:hover{border-color:rgb(0,128,64) !important;}
.hover_border_lightaqua:hover{border-color:rgb(100,255,255) !important;}
.hover_border_aqua:hover{border-color:rgb(0,255,255) !important;}
.hover_border_darkaqua:hover{border-color:rgb(0,128,128) !important;}
.hover_border_lightskyblue:hover{border-color:rgb(100,200,255) !important;}
.hover_border_skyblue:hover{border-color:rgb(0,128,255) !important;}
.hover_border_darkskyblue:hover{border-color:rgb(0,64,128) !important;}
.hover_border_lightblue:hover{border-color:rgb(100,100,255) !important;}
.hover_border_blue:hover{border-color:rgb(0,0,255) !important;}
.hover_border_darkblue:hover{border-color:rgb(0,0,128) !important;}
.hover_border_lightpurple:hover{border-color:rgb(200,100,255) !important;}
.hover_border_purple:hover{border-color:rgb(128,0,255) !important;}
.hover_border_darkpurple:hover{border-color:rgb(64,0,128) !important;}
.hover_border_lightpink:hover{border-color:rgb(255,100,255) !important;}
.hover_border_pink:hover{border-color:rgb(255,0,255) !important;}
.hover_border_darkpink:hover{border-color:rgb(128,0,128) !important;}


.hover_bgcolor_white:hover{background:#fff !important;}
.hover_bgcolor_gray:hover{background:#888 !important;}
.hover_bgcolor_black:hover{background:#000 !important;}
.hover_bgcolor_lightred:hover{background:rgb(255,100,100) !important;}
.hover_bgcolor_red:hover{background:rgb(255,0,0) !important;}
.hover_bgcolor_darkred:hover{background:rgb(128,0,0) !important;}
.hover_bgcolor_lightorange:hover{background:rgb(255,200,100) !important;}
.hover_bgcolor_orange:hover{background:rgb(255,128,0) !important;}
.hover_bgcolor_darkorange:hover{background:rgb(128,64,0) !important;}
.hover_bgcolor_lightyellow:hover{background:rgb(255,255,100) !important;}
.hover_bgcolor_yellow:hover{background:rgb(255,255,0) !important;}
.hover_bgcolor_darkyellow:hover{background:rgb(127,127,0) !important;}
.hover_bgcolor_lightkimidori:hover{background:rgb(200,255,100) !important;}
.hover_bgcolor_kimidori:hover{background:rgb(128,255,0) !important;}
.hover_bgcolor_darkkimidori:hover{background:rgb(64,128,0) !important;}
.hover_bgcolor_lightlime:hover{background:rgb(100,255,100) !important;}
.hover_bgcolor_lime:hover{background:rgb(0,255,0) !important;}
.hover_bgcolor_darklime:hover{background:rgb(0,128,0) !important;}
.hover_bgcolor_lightaomidori:hover{background:rgb(100,255,200) !important;}
.hover_bgcolor_aomidori:hover{background:rgb(0,255,128) !important;}
.hover_bgcolor_darkaomidori:hover{background:rgb(0,128,64) !important;}
.hover_bgcolor_lightaqua:hover{background:rgb(100,255,255) !important;}
.hover_bgcolor_aqua:hover{background:rgb(0,255,255) !important;}
.hover_bgcolor_darkaqua:hover{background:rgb(0,128,128) !important;}
.hover_bgcolor_lightskyblue:hover{background:rgb(100,200,255) !important;}
.hover_bgcolor_skyblue:hover{background:rgb(0,128,255) !important;}
.hover_bgcolor_darkskyblue:hover{background:rgb(0,64,128) !important;}
.hover_bgcolor_lightblue:hover{background:rgb(100,100,255) !important;}
.hover_bgcolor_blue:hover{background:rgb(0,0,255) !important;}
.hover_bgcolor_darkblue:hover{background:rgb(0,0,128) !important;}
.hover_bgcolor_lightpurple:hover{background:rgb(200,100,255) !important;}
.hover_bgcolor_purple:hover{background:rgb(128,0,255) !important;}
.hover_bgcolor_darkpurple:hover{background:rgb(64,0,128) !important;}
.hover_bgcolor_lightpink:hover{background:rgb(255,100,255) !important;}
.hover_bgcolor_pink:hover{background:rgb(255,0,255) !important;}
.hover_bgcolor_darkpink:hover{background:rgb(128,0,128) !important;}

.hover_fontcolor_white:hover span{color:#fff !important;}
.hover_fontcolor_gray:hover span{color:#888 !important;}
.hover_fontcolor_black:hover span{color:#000 !important;}
.hover_fontcolor_lightred:hover span{color:rgb(255,100,100) !important;}
.hover_fontcolor_red:hover span{color:rgb(255,0,0) !important;}
.hover_fontcolor_darkred:hover span{color:rgb(128,0,0) !important;}
.hover_fontcolor_lightorange:hover span{color:rgb(255,200,100) !important;}
.hover_fontcolor_orange:hover span{color:rgb(255,128,0) !important;}
.hover_fontcolor_darkorange:hover span{color:rgb(128,64,0) !important;}
.hover_fontcolor_lightyellow:hover span{color:rgb(255,255,100) !important;}
.hover_fontcolor_yellow:hover span{color:rgb(255,255,0) !important;}
.hover_fontcolor_darkyellow:hover span{color:rgb(127,127,0) !important;}
.hover_fontcolor_lightkimidori:hover span{color:rgb(200,255,100) !important;}
.hover_fontcolor_kimidori:hover span{color:rgb(128,255,0) !important;}
.hover_fontcolor_darkkimidori:hover span{color:rgb(64,128,0) !important;}
.hover_fontcolor_lightlime:hover span{color:rgb(100,255,100) !important;}
.hover_fontcolor_lime:hover span{color:rgb(0,255,0) !important;}
.hover_fontcolor_darklime:hover span{color:rgb(0,128,0) !important;}
.hover_fontcolor_lightaomidori:hover span{color:rgb(100,255,200) !important;}
.hover_fontcolor_aomidori:hover span{color:rgb(0,255,128) !important;}
.hover_fontcolor_darkaomidori:hover span{color:rgb(0,128,64) !important;}
.hover_fontcolor_lightaqua:hover span{color:rgb(100,255,255) !important;}
.hover_fontcolor_aqua:hover span{color:rgb(0,255,255) !important;}
.hover_fontcolor_darkaqua:hover span{color:rgb(0,128,128) !important;}
.hover_fontcolor_lightskyblue:hover span{color:rgb(100,200,255) !important;}
.hover_fontcolor_skyblue:hover span{color:rgb(0,128,255) !important;}
.hover_fontcolor_darkskyblue:hover span{color:rgb(0,64,128) !important;}
.hover_fontcolor_lightblue:hover span{color:rgb(100,100,255) !important;}
.hover_fontcolor_blue:hover span{color:rgb(0,0,255) !important;}
.hover_fontcolor_darkblue:hover span{color:rgb(0,0,128) !important;}
.hover_fontcolor_lightpurple:hover span{color:rgb(200,100,255) !important;}
.hover_fontcolor_purple:hover span{color:rgb(128,0,255) !important;}
.hover_fontcolor_darkpurple:hover span{color:rgb(64,0,128) !important;}
.hover_fontcolor_lightpink:hover span{color:rgb(255,100,255) !important;}
.hover_fontcolor_pink:hover span{color:rgb(255,0,255) !important;}
.hover_fontcolor_darkpink:hover span{color:rgb(128,0,128) !important;}

.hover_anime1:hover{transform:scale(1.04);}
.hover_anime2:hover{translate:-2px -2px;box-shadow:2px 2px 2px rgba(0,0,0,0.4);}


/* アニメーション */
@keyframes opacity01{0%{ opacity:0; }100%{ opacity:1; }}
@keyframes slidein_left {0%{ opacity:0;transform:translate(-100%,0%); }100%{ opacity:1;transform:translate(0%,0%); }}
@keyframes slidein_right {0%{ opacity:0;transform:translate(100%,0%); }100%{ opacity:1;transform:translate(0%,0%); }}
@keyframes slidein_up {0%{ opacity:0;transform:translate(0%,100%); }100%{ opacity:1;transform:translate(0%,0%); }}
@keyframes slidein_down {0%{ opacity:0;transform:translate(0%,-100%); }100%{ opacity:1;transform:translate(0%,0%); }}
@keyframes clipin_up {0%{ clip-path:inset(100% 0 0 0); }100%{ clip-path:inset(0); }}
@keyframes clipin_left {0%{ clip-path:inset(0 100% 0 0); }100%{ clip-path:inset(0); }}
@keyframes clipin_down {0%{ clip-path:inset(0 0 100% 0); }100%{ clip-path:inset(0); }}
@keyframes clipin_right {0%{ clip-path:inset(0 0 0 100%); }100%{ clip-path:inset(0); }}
@keyframes clipin_circle {0%{ clip-path: circle(0%); }100%{ clip-path: circle(100%); }}
@keyframes rotatein_yoko {0%{ transform:rotateY(90deg);}100%{ transform:rotateY(0deg); }}
@keyframes rotatein_tate {0%{ transform:rotateX(90deg);}100%{ transform:rotateX(0deg); }}
@keyframes rotatein_z {0%{ transform:rotateZ(-90deg);}100%{ transform:rotateZ(0deg); }}
@keyframes scalein {0%{ transform:scale(0); }90%{ transform:scale(1.1);}100%{ transform:scale(1.0);}}
@keyframes rotate_yoko {0%{ transform:rotateY(360deg); }100%{ transform:rotateY(0); }}
@keyframes rotate_tate {0%{ transform:rotateX(360deg); }100%{ transform:rotateX(0); }}
@keyframes rotate_z {0%{ transform:rotateZ(360deg); }100%{ transform:rotateZ(0); }}
@keyframes fuwafuwa {0%{transform:translate(0, 0) rotate(-7deg);}50%{transform:translate(0, -7px) rotate(0deg);}100%{ transform:translate(0, 0) rotate(7deg); }}






















/* フォントサイズ */
.fontsize1{font-size:6px}
.fontsize2{font-size:9px}
.fontsize3{font-size:12px}
.fontsize4{font-size:15px}
.fontsize5{font-size:18px}
.fontsize6{font-size:21px}
.fontsize7{font-size:27px}
.fontsize8{font-size:39px}
.fontsize9{font-size:51px}
.fontsize10{font-size:66px}
.fontsize11{font-size:84px}
.fontsize12{font-size:105px}
.fontsize13{font-size:132px}
.fontsize14{font-size:162px}
.fontsize15{font-size:201px}
.fontsize16{font-size:249px}
@media only screen and (max-width: 300px){
.fontsize1{font-size:4px}
.fontsize2{font-size:6px}
.fontsize3{font-size:8px}
.fontsize4{font-size:10px}
.fontsize5{font-size:12px}
.fontsize6{font-size:14px}
.fontsize7{font-size:18px}
.fontsize8{font-size:26px}
.fontsize9{font-size:34px}
.fontsize10{font-size:44px}
.fontsize11{font-size:56px}
.fontsize12{font-size:70px}
.fontsize13{font-size:88px}
.fontsize14{font-size:108px}
.fontsize15{font-size:134px}
.fontsize16{font-size:166px}
}
@media only screen and (max-width: 330px){
.fontsize1{font-size:4px}
.fontsize2{font-size:7px}
.fontsize3{font-size:9px}
.fontsize4{font-size:11px}
.fontsize5{font-size:13px}
.fontsize6{font-size:15px}
.fontsize7{font-size:20px}
.fontsize8{font-size:29px}
.fontsize9{font-size:37px}
.fontsize10{font-size:48px}
.fontsize11{font-size:62px}
.fontsize12{font-size:77px}
.fontsize13{font-size:97px}
.fontsize14{font-size:119px}
.fontsize15{font-size:147px}
.fontsize16{font-size:183px}
}
@media only screen and (max-width: 360px){
.fontsize1{font-size:5px}
.fontsize2{font-size:7px}
.fontsize3{font-size:10px}
.fontsize4{font-size:12px}
.fontsize5{font-size:14px}
.fontsize6{font-size:17px}
.fontsize7{font-size:22px}
.fontsize8{font-size:31px}
.fontsize9{font-size:41px}
.fontsize10{font-size:53px}
.fontsize11{font-size:67px}
.fontsize12{font-size:84px}
.fontsize13{font-size:106px}
.fontsize14{font-size:130px}
.fontsize15{font-size:161px}
.fontsize16{font-size:199px}
}
@media only screen and (max-width: 390px){
.fontsize1{font-size:5px}
.fontsize2{font-size:8px}
.fontsize3{font-size:10px}
.fontsize4{font-size:13px}
.fontsize5{font-size:16px}
.fontsize6{font-size:18px}
.fontsize7{font-size:23px}
.fontsize8{font-size:34px}
.fontsize9{font-size:44px}
.fontsize10{font-size:57px}
.fontsize11{font-size:73px}
.fontsize12{font-size:91px}
.fontsize13{font-size:114px}
.fontsize14{font-size:140px}
.fontsize15{font-size:174px}
.fontsize16{font-size:216px}
}
@media only screen and (max-width: 420px){
.fontsize1{font-size:6px}
.fontsize2{font-size:8px}
.fontsize3{font-size:11px}
.fontsize4{font-size:14px}
.fontsize5{font-size:17px}
.fontsize6{font-size:20px}
.fontsize7{font-size:25px}
.fontsize8{font-size:36px}
.fontsize9{font-size:48px}
.fontsize10{font-size:62px}
.fontsize11{font-size:78px}
.fontsize12{font-size:98px}
.fontsize13{font-size:123px}
.fontsize14{font-size:151px}
.fontsize15{font-size:188px}
.fontsize16{font-size:232px}
}

@media only screen and (max-width: 360px){
}