/**********************
 *ZIEGELHAUS CSS
 *http://ziegelhaus.tumblr.com
***********************/
/* 一般 */
            body {
                font: normal 15px/1.5 "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: relative;
                width: 100%;
            }
            a {
                text-decoration: none;
            }
            .outline_none {
                outline: none;
            }
            .disnone {
                display: none;
            }
            blockquote {
                border-left: 2px #ccc solid;
                margin: 5px;
                padding: 0.3em 1em 0.3em 1em;
            }
            ul,ol {
                margin: 10px 20px;
                list-style-type: disc;
            }
            ol {
                margin: 10px 20px;
                list-style-type: decimal;
            }
            /* Infinite Scroll loader */
            #infscr-loading{
                color: #777;
                font-weight: bold;
                position: absolute;
                left: 10px;
                bottom: 50px;
                line-height: 20px;
                overflow: hidden;
            }
            #infscr-loading div{
                float: left;
            }
            #infscr-loading img{
                float: left;
                height: 20px;
                padding: 0 8px;
                animation: spinner 1s;
                -webkit-animation: spinner 1s;
                animation-iteration-count: infinite;
                -webkit-animation-iteration-count: infinite;
            }
            @keyframes spinner {
                0%   { transform:  rotate(0deg) ;   }
                100%   { transform:  rotate(360deg) ;   }
            }
            @-webkit-keyframes spinner {
                0%   { -webkit-transform:  rotate(0deg) ;   }
                100%   { -webkit-transform:  rotate(360deg) ;   }
            }
            /*Back to top button */
            #back-top {
                position: fixed;
                bottom: 20px;
                right: 30px;
                z-index: 4;
                opacity: .50;
            }
            #back-top:hover {
                opacity: .70;
            }
            #back-top img {
                width: 40px;
		height: 40px;
            }
            /* 検索バー */
            #accent_bar {
                box-shadow: 1px 0 3px rgba(0,0,0,.2);
                width: 3px;
                height:36px;
                position: fixed;
                top: 8px;
                left: 0;
                z-index:5;
            }
            #search_button {
                background: rgba(60,60,60,.9);
                box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
                border-bottom-right-radius: 5px;
                border-top-right-radius: 5px;
                position: fixed;
                top: 8px;
                left: -239px;
                cursor: pointer;
                z-index: 4;
                overflow: hidden;
            }
            #search_button:hover {
                background: rgba(60,60,60,.95);
            }
            #search_close {
                float: left;
                display: block;
                padding: 13px 7px 13px 12px;
                width: 10px;
                height: 10px;
            }
            #search_button_img {
                float: left;
                display: block;
                padding: 7px;
                width: 22px;
                height: 22px;
            }
            /* 検索 */
            #search_box {
                position: relative;
                float: left;
            }
            #search_input {
                box-sizing: border-box;
                border: none;
                background: rgba(235,235,235,.85);
                box-shadow: 0 0 0 1px rgba(0,0,0,.5) inset;
                border-radius: 4px;
                height: 26px;
                line-height: 16px;
                margin: 5px;
                padding: 5px 25px 5px 10px;
                width: 200px;
                position: relative;
                outline: none;
                font-size: 12px;
                font-weight: bold;
            }
            #search_input:focus {
                background: #fff;
            }
            #search_input::-webkit-input-placeholder {
                color: rgba(0,0,0,.5);
            }
            #search_input_img {
                padding: 10px;
                height: 16px;
                position: absolute;
                top: 0;
                right: 0;
                opacity: .8;
            }
            
            #main_kakomi {
                overflow: hidden;
                position: relative;
                opacity: 0;
            }
            /* ヘッダー */
            header {
                box-sizing: border-box;
                position: relative;
		height: auto!important;
            }
            #header_in {
                width: 100%;
                height: 100%;
            }
	    #title_kakomi_out {
                width: 100%;
                height: 100%;
		display: flex;
                display: -webkit-flex;/*--- safari ---*/
                justify-content: center;
                -webkit-justify-content: center;/*--- safari ---*/
		align-items: center;
		-webkit-align-items: center;/*--- safari ---*/
            }
            #title_kakomi {
		text-align: center;
                width: 70%;
		margin: 100px 0 70px 0;
                position: relative;
                bottom: 50px;
                opacity: 0;
            }
            /* アイコン */
            #icon_kakomi {
                width: 90px;
                height: 90px;
                margin-bottom: 15px;
                transition-duration: 0.3s;
                transition-timing-function: ease;
            }
            #icon_kakomi:hover {
                transform: rotate(10deg);
                -webkit-transform: rotate(10deg);
            }
            .av_circle img {
                border-radius: 45px;
            }
            .av_square img {
                border-radius: 8px;
            }
            #icon_kakomi img {
                display: block;
		box-sizing: border-box;
                width: 90px;
                height: 90px;
                padding: 4px;
		border: solid 2px rgba(255,255,255,.9);
            }
            /* タイトル,説明 */
	    #title_p {
                font-size: 35px;
                line-height: 38px;
            }
            #title_p a {
                color: rgba(255,255,255,.9);
            }
            #desc_p {
                color: rgba(255,255,255,.7);
		font-size: 16px;
                line-height: 20px;
                margin: 5px 10%;
            }
            /* メニュー */
            #menu {
                margin: 10px 0;
                list-style-type: none;
                text-align: center;
                display: flex;
                display: -webkit-flex;/*--- safari ---*/
                flex-flow: row wrap;
                -webkit-flex-flow: row wrap;/*--- safari ---*/
                justify-content: center;
                -webkit-justify-content: center;/*--- safari ---*/
            }
            #menu a {
                display: block;
            }
            #menu li {
                position: relative;
                padding: 0 8px;
            }
	    #pages_button , .sns_menu , .sns_open , .sns_close {
		display: none;
	    }
            #menu img {
                height: 20px;
                opacity: .7;
            }
            #menu img:hover {
                opacity: 1.0;
            }
            /* ダウンボタン,アニメーション */
            #down_button {
                display: none;
            }
            #theme_info {
                display: none;
            }
            /* コンテンツ */
            .container_kakomi {
                margin: 0 auto;
                position: relative;
            }
	    .container_grid , .container_regular , .container_perma{
                width: 100%;
            }
            .container {
                list-style-type: none;
                margin: 0 auto;
                position: relative;
                box-sizing: border-box;
                width: 100%;
		padding: 30px 0 50px 0;
            }
	    .container_endless_scroll {
	        padding-bottom: 120px!important;
	    }
            .contents {
                padding: 0;
                background: #fff;
                border-radius: 5px;
                box-shadow: 0 0 0 1px rgba(0,0,0,.05);
                position: relative;
            }
	    .contents_grid , .contents_regular {
                width: 95%;
                margin: 0 auto 30px auto;
            }
	    .contents_perma {
                width: 95%;
                margin: 0 auto;
            }
            #contents_in {
                
            }
            #contents_in img, #contents_in iframe {
                display: block;
            }
            /* 写真 */
            #cboxContent * {
                outline: none;
            }
            #cboxLoadedContent {
                border-radius: 5px;
                overflow: hidden;
            }
            /* 動画 */
            .media_embed {
	        position: relative;
		width: 100%;
		padding-bottom: ;
	    }
	    .media_embed iframe {
	        position: absolute;
		top: 0;
		left: 0;
		width: 100%!important;
		height: 100%!important;
	    }
            /* 音声 */
            #audio_kakomi iframe {
                display: block;
            }
	    .audio_tumb_grid , .audio_tumb_regular , .audio_tumb_perma {
                margin: 10px;
		margin-bottom: 0!important;
            }
	    .audio_tumb_grid .tumblr_audio_player , .audio_tumb_regular .tumblr_audio_player , .audio_tumb_perma .tumblr_audio_player {
                height: 70px!important;
            }
            .tumblr_audio_player {
                box-sizing: border-box;
                width: 100%!important;
                border: solid 1px rgba(0,0,0,.15);
                border-radius: 5px;
            }
            /* リンク */
            .link_kakomi {
                position: relative;
                overflow: hidden;
            }
            .radius_5 {
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                overflow: hidden;
            }
            .radius_0 {
                border-top-left-radius: 0px!important;
                border-top-right-radius: 0px!important;
            }
            .gdbg {
                box-sizing: border-box;
                width: 100%;
                overflow: hidden;
                background-image: url('http://static.tumblr.com/at28kxy/EIanqo2w5/gdbg.png');
                text-shadow: 0 1px 3px rgba(0,0,0,.7);
                position: absolute;
                top:0;
            }
	    .gdbg_grid , .gdbg_regular , .gdbg_perma {
                height: 80px;
                padding: 15px 20px;
                background-size: 100% 80px;
            }
            .link_host {
                position: relative;
                color: #fff;
                margin-bottom: 8px;
                font-weight: bold;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
	    .link_host_grid , .link_host_regular , .link_host_perma {
                font-size: 13px;
            }
            .link_kakomi_in {
                position: relative;
                background: rgba(0,0,0,.3);
                color: #fff;
            }
            .link_kakomi_in:hover {
                background: rgba(0,0,0,.5);
            }
	    .link_kakomi_grid , .link_kakomi_regular , .link_kakomi_perma {
                padding: 15px 20px;
            }
            .link_name {
                font-size: 17px;
                font-weight: bold;
                line-height: 25px;
                display: inline;
            }
            .link_name:after {
                display: inline-block;
                content: "";
                background: url('http://static.tumblr.com/at28kxy/UOWnqo6wp/link_y.svg') center center no-repeat;
                background-size: 10px 100%;
                width: 15px;
                height: 12px;
            }
            #link_excerpt_box {
                font-size: 13px;
                line-height: 16px;
                margin: 8px 0;
            }
            /* 引用 */
            .quote_kakomi_in {
                position: relative;
                z-index: 1;
            }
	    .quote_grid , .quote_regular , .quote_perma {
                padding: 10px 12px 0 12px;
            }
            .quote_img {
                opacity: .15;
                position: absolute;
                z-index: -1;
            }
	    .quote_img_grid , .quote_img_regular , .quote_img_perma {
                width: 25px;
                top: 15px;
                left: 15px;
            }
            .quote_p {
                color: #333;
                font-weight: bold;
                line-height: 1.5;
                padding: 10px;
            }
            .qp_short {
                font-size: 20px;
            }
            .qp_medium {
                font-size: 17px;
            }
            .qp_long {
                font-size: 15px;
            }
            .quote_source_p {
                margin: 0 5px;
                color: #555;
                font-size: 14px;
                font-weight: normal;
                line-height: 1.5;
            }
            .quote_source_p a {
                text-decoration: underline;
            }
            /* チャット */
            .chat_p{
                font-family: Courier,monospace;
            }
            /* テキスト */
            .text_kakomi {
                padding: 5px 0 0 0;
            }
            .text_title {
                color: #333;
            }
	    .text_title_grid , .text_title_regular , .text_title_perma {
                padding: 10px 15px 0 15px;
                font-size: 18px;
            }
            /* 回答 */
	    .answer_kakomi_grid , .answer_kakomi_regular , .answer_kakomi_perma {
                padding: 15px 15px 0 15px;
            }
            .asw_box {
                overflow: hidden;
		padding-right: 50px;
		position: relative;
            }
	    .asw_box_grid , .asw_box_regular , .asw_box_perma {
                margin-bottom: 10px;
            }
            .asw_icon {
                position: absolute;
		top: 0;
		right: 0;
                border-radius: 3px;
            }
	    .asw_icon_grid , .asw_icon_regular , .asw_icon_perma {
                width: 40px;
            }
            .asw_contents {
                background: rgba(245,245,245,1.0);
                color: #555;
                float: left;
                box-sizing: border-box;
                border: solid 1px rgba(210,210,210,1.0);
                border-radius: 3px;
                position: relative;
                word-wrap: break-word;
            }
            .asw_contents_grid , .asw_contents_regular , .asw_contents_perma {
                font-size: 13px;
                padding: 10px;
                width: 100%;
		box-sizing: border-box;
            }
	    .asw_contents_grid img , .asw_contents_regular img , .asw_contents_perma img{
                max-width: 100%;
		height: auto;
            }
            .asw_contents a {
                text-decoration: underline;
            }
            .triangleright {
                position: absolute;
                width: 0;
                height: 0;
            }
	    .triangleright_grid , .triangleright_regular , .triangleright_perma {
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
                top: 14px;
            }
	    .ue_grid , .ue_regular , .ue_perma {
                border-left: 6px solid rgba(245,245,245,1.0);
                right: -5px;
            }
	    .shita_grid , .shita_regular , .shita_perma {
                border-left: 6px solid rgba(210,210,210,1.0);
                right: -6px;
            }
	    .asker_answerer_grid , .asker_answerer_regular , .asker_answerer_perma {
                margin-bottom: 7px!important;
            }
            /* 質問ページ用div */
            .q_page_space {
                width: 100%;
                height: 25px;
            }
            /* キャプション */
            .caption {
                color: #555;
                word-wrap: break-word;
            }
	    .caption_grid , .caption_regular , .caption_perma {
                padding: 10px 15px 0 15px;
                font-size: 13px;
            }
	    .caption_grid p,.caption_grid blockquote,.caption_grid ul,.asw_contents_grid p,.asw_contents_grid blockquote,.asw_contents_grid ul , .caption_regular p , .caption_perma p , .caption_regular blockquote , .caption_perma blockquote , .caption_regular ul , .caption_perma ul , .asw_contents_regular p , .asw_contents_perma p , .asw_contents_regular blockquote , .asw_contents_perma blockquote , .asw_contents_regular ul , .asw_contents_perma ul {
                margin-bottom: 7px;
            }
            .caption p:last-child,.caption blockquote:last-child,.caption ul:last-child,#asw_contents p:last-child,#asw_contents blockquote:last-child,#asw_contents ul:last-child {
                margin-bottom: 0px!important;
            }
            .caption a {
                text-decoration: underline;
            }
	    .caption_grid .answer_form_container , .caption_regular .answer_form_container , .caption_perma .answer_form_container {
	        height: 142px;
	    }
            /* リアクションバー */
            .reaction_bar {
                box-sizing: border-box;
            }
	    .reaction_bar_grid , .reaction_bar_regular , .reaction_bar_perma {
                height: 40px;
                padding: 10px 15px;
            }
	    .reaction_bar_grid p , .reaction_bar_regular p , .reaction_bar_perma p {
                font-size: 14px;
            }
            .reaction_p {
                color: #000;
                line-height: 20px;
                font-weight: bold;
                float: left;
                opacity: .4;
            }
            .reaction_p:hover {
                opacity: .7;
            }
	    .ja_notes_grid , .ja_notes_regular , .ja_notes_perma {
                font-size: 12px!important;
            }
            .reblog_button_kakomi {
                float: right;
                opacity: .4;
            }
            .reblog_button_kakomi:hover {
                opacity: .7;
            }
	    .reblog_button_grid , .reblog_button_regular , .reblog_button_perma {
                margin: 2px 12px 2px 0;
            }
	    .reblog_button_grid img , .reblog_button_regular img , .reblog_button_perma img {
                width: 16px!important;
                height: 16px!important;
            }
            .like_button_kakomi {
                float: right;
                opacity: .4;
            }
            .like_button_kakomi:hover {
                opacity: .7;
            }
	    .like_button_grid , .like_button_regular , .like_button_perma {
                margin: 1px 0;
            }
	    .like_button_grid .like_button iframe , .like_button_regular .like_button iframe , .like_button_perma .like_button iframe {
                width: 18px!important;
                height: 18px!important;
            }
            /* ソーシャル */
            .share_button_kakomi {
                float: right;
                position: relative;
            }
            .share_button_kakomi img {
                opacity: .4;
                cursor: pointer;
            }
            .share_button_kakomi img:hover {
                opacity: .7;
            }
	    .share_button_grid , .share_button_regular , .share_button_perma {
                margin: 2px 14px 2px 0;
            }
	    .share_button_grid img , .share_button_regular img , .share_button_perma img {
                width: 16px!important;
                height: 16px!important;
            }
            .share_list {
                display: none;
                margin: 0;
                list-style-type: none;
                width: 140px;
                position: absolute;
                box-shadow: 0 0 2px 1px rgba(0,0,0,.3);
                border-radius: 3px;
                z-index: 10;
                overflow: hidden;
            }
            .share_list_grid , .share_list_regular , .share_list_perma {
                bottom: 28px;
		left: -62px;
            }
            .share_list li {
                background: rgba(70,70,70,.95);
                padding: 0 10px;
                line-height: 32px;
                color: #fff;
                font-weight: bold;
                border-bottom: solid 1px rgba(100,100,100,.95);
            }
            .share_list li:hover {
                background: rgba(50,50,50,.95);
            }
            .share_list_p {
                font-size: 14px!important;
		width: 120px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
            }
            .share_list a:last-child li {
                border-bottom: none;
            }
            .share_list_p:before {
                display: inline-block;
                content: "";
                width: 20px;
                height: 16px;
                position: relative;
                top: 3px;
                right: 0px;
		margin-right: 5px;
            }
            .share_pl:before {
                background: url('http://static.tumblr.com/at28kxy/BTnnsjhue/permalink.svg') center center no-repeat;
                background-size: 16px 100%;
            }
            .share_tw:before {
                background: url('https://secure.static.tumblr.com/at28kxy/LLknksjdm/twitter.svg') center center no-repeat;
                background-size: 16px 100%;
            }
            .share_fb:before {
                background: url('http://static.tumblr.com/at28kxy/tL1nsjhq8/facebook.svg') center center no-repeat;
                background-size: 16px 100%;
            }
            .share_gp:before {
                background: url('https://secure.static.tumblr.com/at28kxy/l31nksksb/google-plus.svg') center center no-repeat;
                background-size: 16px 100%;
            }
            .share_pr:before {
                background: url('https://secure.static.tumblr.com/at28kxy/TgMnsi5e8/pinterest.svg') center center no-repeat;
                background-size: 16px 100%;
            }
            /* 日付,タグ */
            #info_box {
                overflow: hidden;
                padding: 10px 15px 0 15px;
                font-size: 13px;
                font-weight: normal;
                line-height: 20px;
            }
            #info_box img {
                float: left;
                height: 13px;
                margin: 3px 8px 3px 10px;
            }
            .time_img {
                margin-left: 0!important;
            }
            #info_box a {
                float: left;
                color: #888;
                margin-right: 10px;
            }
            /* ノーツ */
            #notes_box {
                position:relative;
                box-sizing: border-box;
                width: 95%;
                margin: 30px auto;
                padding: 5px 10px;
                background: #fff;
                border-radius: 5px;
                border: solid 1px rgba(0,0,0,.1);
                overflow: hidden;
            }
            ol.notes {
                padding: 0px;
                margin: 0;
                list-style-type: none;
                color: #999;
            }
            ol.notes a {
                color: #888;
                font-weight: bold;
            }
            ol.notes a:hover {
                color: #666;
            }
            ol.notes li.note {
                padding: 10px 0 10px 50px;
                border-top: dotted #ddd 1px;
		position:relative;
		font-size: 13px;
		line-height: 20px;
            }
            ol.notes li.note:first-child {
                border-top: none;
            }
            ol.notes li.note img.avatar {
                width: 24px;
                height: 24px;
                border: solid 1px #ddd;
                border-radius: 3px;
                position: absolute;
                top: 8px;
		left: 10px;
            }
            ol.notes li.note span.action {
                font-weight: normal;
            }
            ol.notes li.note .answer_content {
                font-weight: normal;
            }
            ol.notes li.note blockquote {
                padding: 4px 10px;
                margin: 10px 0px 0px 45px;
            }
            ol.notes li.note blockquote a {
                text-decoration: none;
            }
	    .more_notes_link_container {
	        padding-left: 0!important;
	    }
            /*--- ページナビゲーション ---*/
            .page_nav {
                width: 95%;
                margin: 0 auto 120px auto;
                overflow: hidden;
                text-align: center;
                display: flex;
                display: -webkit-flex;/*--- safari ---*/
                flex-flow: row wrap;
                -webkit-flex-flow: row wrap;/*--- safari ---*/
                justify-content: center;
                -webkit-justify-content: center;/*--- safari ---*/
            }
            .page_nav p , .page_nav a {
                display: block;
            }
            .nav_button {
                color: #000;
                font-weight: bold;
                line-height: 30px;
                padding: 0 10px;
            }
            .next_prev_button {
                font-size: 13px;
                border: solid 1px #555;
                margin: 0 10px;
                border-radius: 3px;
            }
	    .prev_button , .next_button {
                opacity: .2;
            }
	    .prev_button_on , .next_button_on {
                opacity: .6;
            }
	    .prev_button_on:hover , .next_button_on:hover {
                opacity: .8;
            }
            .current_page {
                font-size: 16px;
                opacity: .8;
            }
            .jump_page {
                font-size: 18px;
                opacity: .4;
            }
            .jump_page:hover {
                opacity: .6;
            }