@charset "utf-8";a.photo_image{display:block}.photo_container li,.photo_container ul{padding:0;margin:0;border:0;display:block;height:auto;-webkit-padding-start:0;-webkit-margin-before:0;-webkit-margin-after:0}.photo_container .no_photo{width:100%;height:300px;background:rgba(48,48,48,.5);position:relative}.photo_container .no_photo:after{content:"写真がありません";position:absolute;top:50%;left:50%;left:calc(50% - 4em);color:#fff}.photo_container_label{display:inline-block;margin:0;padding:0 0 0 1em;font-size:90%;text-align:left;line-height:2.3em}.photo_area{min-height:100vh;position:relative}.photo_area .regist_button{display:inline-block;margin:0 20px}.photo_area .registed{margin:0 20px;padding:5px 20px;background:rgba(64,64,64,.5);color:#fff;vertical-align:middle}.photo_container_controller{border-bottom:1px solid #ebebeb;margin:0;padding:0 5px 0 0;display:flex;justify-content:space-between}.photo_container_controller button{padding:10px 20px}.photo_container_controller div.num_photos{width:100px;background:url(/smart/images/common/search_total.png) center center no-repeat;background-size:contain;text-align:right;font-size:16px;line-height:16px;padding:14px 20px 5px 5px;font-weight:700}button.selected{background:#00f!important;color:#fff!important}.photo_container .photo_box_mini{width:10%!important;min-width:100px!important}.photo_container .photo_box_pick_photo{width:20%!important;min-width:100px!important}.photo_container .photo_box{width:33.3%;width:calc(100% / 3);min-width:232px;margin:0;padding:0;border:0;list-style:none}.photo_container .photo_box>div{padding:5px}.photo_image{cursor:pointer;width:100%;background:url("") center center no-repeat;background-color:#eee!important;background-size:contain!important}//2019.04.17 K.F .photo_image:hover{opacity:.7;transition:all .3s ease 0s}.photo_image:hover{box-shadow:0 0 4px #00f;position:relative;z-index:2;transition:all .3s ease 0s}.photo_image.pick_photo{background-size:cover!important;border-radius:5px}.photo_image.video{position:relative}.photo_image.video::after{content:url("/smart/images/album/move_icon_spn.png");position:absolute;right:10px;bottom:10px}.photo_image.video.pub::after{content:"";display:inline-block;width:60px;height:60px;background:url("/smart/images/common/playback_icon.png") center center no-repeat;background-size:contain;position:absolute;left:50%;left:calc(50% - 30px);top:50%;top:calc(50% - 30px)}.photo_image.video.pub>div.video-js{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100}.photo_image .video-js .vjs-control-bar{height:auto;bottom:-1px;opacity:.7!important}.photo_image .video-js .vjs-play-control{display:none}.photo_image .video-js .vjs-volume-panel{display:none}.photo_image .video-js .vjs-progress-control .vjs-progress-holder{margin:0}.photo_image .video-js .vjs-time-control{display:none}.photo_image .video-js .vjs-fullscreen-control{display:none}.photo_image .video-js .vjs-play-progress:before{display:none}.photo_meta{width:100%}.photo_meta>div{border-bottom:#d1d0d2 solid 1px;border-left:#d1d0d2 solid 1px;border-right:#d1d0d2 solid 1px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#fff}.photo_meta>div>div{padding:5px;position:relative}.photo_meta div.icon_4k{position:absolute;top:1px;right:1px;width:24px;height:24px;background:url(/smart/images/common/icon_4kphoto.gif) center center no-repeat;background-size:contain}.photo_meta div.icon_6k{position:absolute;top:1px;right:1px;width:24px;height:24px;background:url(/smart/images/common/icon_6kphoto.gif) center center no-repeat;background-size:contain}.photo_meta p{margin:0;padding:0;border:0;overflow:hidden}.photo_meta p.title{text-align:left;font-size:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;max-width:calc(100% - 40px)}.photo_meta p.explanation{font-size:80%;white-space:pre-wrap;word-wrap:break-word;margin:10px 0 0 5px;line-height:1.2em;color:#666}.photo_meta p.day0{color:#888;font-size:80%;text-align:right;margin-bottom:5px}.photo_meta div.bottom{min-height:70px}.photo_meta a.author{position:absolute;bottom:5px;left:5px;font-size:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%;max-width:calc(100% - 75px)}.photo_meta p.date{position:absolute;bottom:5px;right:5px;font-size:80%;color:#666}.photo_meta div.comment_box{position:absolute;bottom:28px;right:115px;text-align:center;padding:5px 10px;line-height:1.2em;font-size:12px}.photo_meta div.comment_box>span{font-size:.8em;color:#666}.photo_meta div.comment_box>span>strong{font-size:1.2em;color:#000;padding-right:3px}.photo_meta div.applause_box{position:absolute;bottom:28px;right:5px;width:100px;text-align:center;padding:5px 0;font-size:12px;line-height:1.2em}.photo_container .photo_box_mini .photo_meta div.bottom{min-height:0;font-size:80%;text-align:right;padding-bottom:20px}.photo_container .photo_box_mini .photo_meta div.bottom p.date{font-size:100%}.applaud{background:#d4e1f5!important;color:rgba(119,119,119,.82)!important}.applaud>span:after{content:"";font-size:.8em;color:#666;background:url(/smart/images/common/clap_on.gif) center center no-repeat;background-size:contain;display:inline-block;width:14px;height:14px;vertical-align:top}.applauding>span:after{content:"";font-size:.8em;color:#666;background:url(/smart/images/common/clap_now.gif) center center no-repeat;background-size:contain;display:inline-block;width:14px;height:14px;vertical-align:top}.applauding-non>span:after{content:"";background:0 0!important}#photos_common_header{background:#f9f9f9;border-bottom:1px solid #ccc;padding:10px 0 0}#photos_common_header>span{margin:0 10px;padding:5px 10px 0;cursor:pointer;text-shadow:0 1px 1px #111;vertical-align:bottom}#photos_common_header>span.selected{border-bottom:1px solid red;background:#e7e7e7}#photos_common_header>span:hover{opacity:.7;background:#c1ecef!important;transition:all .3s ease 0s}#photos_common_header>span>img{width:20px;height:20px;display:inline-block;vertical-align:bottom}@media screen and (min-width:1601px){.photo_container .photo_box{width:25%}}@media screen and (min-width:1281px) and (max-width:1600px){.photo_container .photo_box{width:25%}.photo_container .photo_box_mini{width:16.66%!important}}@media screen and (min-width:1024px) and (max-width:1280px){.photo_container .photo_box{width:33.3%;width:calc(100% / 3)}.photo_container .photo_box_mini{width:20%!important}}@media screen and (min-width:641px) and (max-width:1023px){.photo_container .photo_box{width:50%}.photo_container .photo_box_mini{width:25%!important}}@media screen and (max-width:640px){.photo_container_label{padding:.5em 5px;font-size:12px!important;width:100%}.photo_area .regist_button{display:block;margin:20px auto}.photo_area .registed{display:block;width:160px;margin:20px auto;text-align:center;padding:.5em}.photo_container .photo_box_mini{width:50%!important}.photo_container .photo_box_mini .photo_meta p.title{max-width:100%!important}.photo_container .photo_box{width:100%}.photo_container .photo_box_pick_photo{width:33%!important;width:calc(100% / 3)!important;min-width:100px!important}#photos_common_header{padding:0;text-align:center;display:flex;justify-content:space-around}#photos_common_header>span{padding:20px 6px 0;font-size:12px;margin:0;display:inline-block;text-align:center}#photos_common_header>span>img{width:16px;height:16px}}#headline ul.type_menu{margin:30px auto 0;text-align:center}#headline ul.type_menu>li{font-weight:500;display:inline-block;box-sizing:border-box;border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;margin:0 10px;padding:1em .5em;cursor:pointer}#headline ul.type_menu>li.selected{font-weight:700;background:#aef}#headline ul.type_menu>li.hide{transition:all .3s ease 0s}#headline ul.type_menu>li:hover{background:#efefef;transition:all .3s ease 0s}#headline .selection{width:100%;max-width:1400px;margin:0 auto 30px;box-sizing:border-box;border:1px solid #eee}#headline .selection .abox{width:20%;width:240px;box-sizing:border-box;border:10px solid transparent;margin:20px 0;font-size:13px;background:0 0!important}#headline .selection .abox.selected{border-radius:5px;box-shadow:0 0 10px #3ef}#headline .selection .item{width:100%;box-sizing:border-box;padding-bottom:100%;background:#222;cursor:pointer;box-shadow:4px 2px 5px #888}#headline .selection .item:hover{box-shadow:4px 2px 10px #333!important}#headline .selection .abox .title{background:#fff;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}section#tags_selection_area .input_area{font-size:13px}@media screen and (max-width:640px){#headline{display:none!important}#tags_selection_area #input_tag_area .tags_box>div{padding-top:50px}#tags_selection_area #input_tag_area .tags_box>div.close{position:absolute;top:10px;right:0;width:30px;height:30px;padding:0;cursor:pointer;border-radius:5px}#tags_selection_area #input_tag_area .tags_box>div.close:hover{background:#eee;transition:all .3s ease 0s}#tags_selection_area #input_tag_area .tags_box>div.close:before{content:"";position:absolute;display:inline-block;top:0;left:13.5px;width:3px;height:30px;border:0;margin:0;padding:0;background-color:#ccc;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}#tags_selection_area #input_tag_area .tags_box>div.close:after{content:"";position:absolute;display:inline-block;top:0;left:13.5px;width:3px;height:30px;border:0;margin:0;padding:0;background-color:#ccc;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#tags_selection_area #input_tag_area .tags_box>div{padding-top:50px}#tags_selection_area #input_tag_area .tags_box>div.close{position:absolute;top:10px;right:0;width:30px;height:30px;padding:0;cursor:pointer;border-radius:5px}#tags_selection_area #input_tag_area .tags_box>div.close:hover{background:#eee;transition:all .3s ease 0s}#tags_selection_area #input_tag_area .tags_box>div.close:before{content:"";position:absolute;display:inline-block;top:0;left:13.5px;width:3px;height:30px;border:0;margin:0;padding:0;background-color:#ccc;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}#tags_selection_area #input_tag_area .tags_box>div.close:after{content:"";position:absolute;display:inline-block;top:0;left:13.5px;width:3px;height:30px;border:0;margin:0;padding:0;background-color:#ccc;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}