/* ---------------------------------------------------------------------- smart phone setting ---------------------------------------------------------------------- */ html{margin-top:0 !important;} body { margin:0; padding:0; -webkit-text-size-adjust:100%; position:relative; font-family:"Century Gothic",Arial,sans-serif; color:#333; } /* layout */ #main_col { padding:15px 15px 25px; } /* headline */ .headline_base1 { border-bottom:1px dotted #ccc; font-size:14px; padding:0 0 0 0px; margin:0 0 25px 0; } .headline_base1 span { border-bottom:2px solid #aaa; margin:0 0 -2px 0; padding:0 0 6px 0; display:inline-block; } /* banner */ #header_banner, #footer_banner, #single_banner1 { margin:0 0 24px 0; text-align:center; padding:0 15px; } #header_banner img, #footer_banner img, #single_banner1 img { display:block; height:auto; max-width:100%; width:auto; margin:0 auto; } #single_banner2 { margin:0 0 24px 0; text-align:center; padding:30px 0 0; } #single_banner2 img { display:block; height:auto; max-width:100%; width:auto; margin:0 auto; } /* mobile banner */ #mobile_banner_top { text-align:center; padding:0 0 20px 0; } #mobile_banner_top img { display:block; margin:0 auto; height:auto; max-width:100%; width:auto; } #mobile_banner_bottom { text-align:center; padding:0 0 20px 0; } #mobile_banner_bottom img { display:block; margin:0 auto; height:auto; max-width:100%; width:auto; } /* ---------------------------------------------------------------------- single ---------------------------------------------------------------------- */ /* slider */ #post_image { position:relative; margin:0 0 15px 0; } #post_image #loader { display:none; } #slider { position:relative; z-index:0; } #post_image img { width:100%; height:auto; } .nivo-controlNav { text-align:center; margin:15px 0 0 0; } .nivo-controlNav a { cursor:pointer; display:inline-block; margin:0 3px; text-indent:-9999px; width:8px; height:8px; background:url(img/common/pager.gif) no-repeat left bottom; } .nivo-controlNav a.active, .nivo-controlNav a:hover { background-position:left top; } #main_post #loader { z-index:-9999; position:absolute; left:230px; top:230px; } /* meta */ #post_meta .headline_base1 { margin:0 0 20px 0; } #post_meta .meta { font-size:10px; margin:0 0 25px 0; } #post_meta .meta a { color:#666; } #post_meta .meta li { padding:1px 0 2px 70px; margin:0; line-height:150%; } #post_meta li.date { background:url(img/common/meta_date.gif) no-repeat left; } #post_meta .meta li.category { background:url(img/common/meta_category.gif) no-repeat left 4px; } #post_meta .meta li.tags { background:url(img/common/meta_tag.gif) no-repeat left 4px; } #post_meta .meta li.link { background:url(img/common/meta_link.gif) no-repeat left 4px; } #post_meta .meta li.post_comment { background:url(img/common/meta_comment.gif) no-repeat left 4px; } #post_meta .meta li.price { background:url(img/common/meta_price.gif) no-repeat left 4px; } #post_meta .meta li.misc { background:url(img/common/meta_misc.gif) no-repeat left 4px; } /* bookmark */ #bookmark { margin:0 0 0 0; padding:10px 0 10px 0; } #bookmark li { float:left; background:none; padding:0; } /* iframe.twitter-share-button { width: 95px!important; } */ #bookmark li.facebook { margin-right:5px; } /* banner */ #single_banner1 { clear:both; margin:-5px 0 25px 0; text-align:center; position:relative; } #single_banner2 { clear:both; margin:0; text-align:center; position:relative; top:-20px; } /* related post*/ #related_post { margin:0 0 10px 0; } #related_post ul { margin:0; } #related_post li { display:inline-block; vertical-align:top; margin:0 -2px 15px 0; width:50%; } #related_post li img { width:100%; height:auto; margin:0; display:block; } #related_post .image { display:block; } #related_post li .title { font-size:11px; margin:0; text-align:center; padding:5px 10px; font-weight:normal; } #related_post li .title a { color:#333; } /* next prev post link */ #previous_next_post { margin:0; padding:0; } #previous_next_post a { color:#333; } #previous_post a { margin:0; width:42%; float:left; line-height:140%; font-size:10px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:7px 0 8px 30px; } #next_post a { margin:0; width:42%; float:right; text-align:right; line-height:140%; font-size:10px; background:url(img/common/arrow_right.gif) no-repeat right 2px; padding:8px 30px 8px 0; } /* comment */ #comment_headline { border-bottom:1px dotted #ccc; font-size:14px; padding:0 0 0 0px; margin:0 0 25px 0; } #comment_headline span { border-bottom:2px solid #aaa; margin:0 0 -2px 0; padding:0 0 6px 0; display:inline-block; } #comment_header li a, #comment_header li p { float:left; margin:0 -2px 0 0; width:50%; } #comment_header li#comment_switch a, #comment_header li#comment_closed p { border-right:none; } #comment_header li#trackback_switch a, #comment_header li#trackback_closed p { border-right:1px solid #ccc;; } #trackback_url_area label { float:none; display:block; margin:4px 0 5px 0; } #trackback_url_area input { border:none; background:#f2f2f2; padding:7px 3%; width:94%; font-size:11px; } /* ---------------------------------------------------------------------- header ---------------------------------------------------------------------- */ #header_wrap { width:100%; } #header { width:100%; background:#fff; margin:0 0 0 0; padding:7px 0 16px; position:relative; border-bottom:1px solid #ccc; z-index:1; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); } /* logo */ #logo { margin:13px 0 0 15px; line-height:120%; float:left; font-size:18px; font-weight:normal; width:40%; overflow:hidden; } #logo a { color:#333; text-decoration:none; display:block; } #logo a:hover { text-decoration:underline; } #logo img { display:none; } #logo a:before { content:attr(title); } /* description */ #description { display:none; } /* social link */ #social_link { float:right; margin:14px 52px 0 -3px; } #social_link li { float:left; margin:0 0 0 3px; } .no_nav #social_link { margin-right:15px; } /* global menu */ #header a.menu_button { position:absolute; right:9px; top:13px; margin:0; text-indent:100%; overflow:hidden; white-space:nowrap; border:1px solid #fff; width:35px; height:34px; display:block; text-decoration:none; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(img/header/menu_button.png) no-repeat center; } #header a.menu_button:hover { background-color:#fafafa; color:#fff; } #header a.active { background-color:#fafafa; box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset; } #global_menu { display:none; clear:both; width:100%; margin:0; top:16px; position:relative; } #global_menu ul { margin:0; } #global_menu a { display:block; border:1px solid #ccc; margin:0 0 -1px 0; padding:0 10px 0 32px; line-height:40px; text-decoration:none; background:#fdfdfd url(img/common/arrow4.png) no-repeat 20px; color:#333; } #global_menu a:hover { background-color:#f2f2f2; color:#333; } /* search */ .search_area { background:url(img/header/search_input.gif) no-repeat left top; position:absolute;right: 15px;bottom: 20px;width: 35%; } #search_input { color:#aaa; float:left; font-size:13px; width:calc(100% - 47px); margin:0 0 0 10px; border:none; overflow:hidden; background:transparent; } #search_button { float:right; } .no_nav .search_area { top:45px; } /* breadcrumb navi */ #bread_crumb { display:none; } /* ---------------------------------------------------------------------- gallery list ---------------------------------------------------------------------- */ /* gallery list */ #gallery_list { list-style-type:none; margin:0; padding:0; } #gallery_list li { margin:0 0 30px 0; padding:0 0 15px 0; line-height:0; border:1px solid #ccc; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0px 1px 3px 0px #eee; } #gallery_list li ul li { border:none; box-shadow:none; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; } #gallery_list .image { background:url(img/common/loader2.gif) no-repeat center center; display:block; margin:0 0 10px 0; } #gallery_list .image img { display:none; width:100%; height:auto; display:block; -moz-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } #gallery_list .title { border-bottom:1px solid #eee; font-size:16px; line-height:160%; margin:0 0 15px 0; padding:0 20px 10px 20px; } #gallery_list .title a { text-decoration:none; display:block; } #gallery_list .title a:hover { } #gallery_list li .meta { padding:0 20px; margin:0; font-size:10px; } #gallery_list li .meta_desc { padding:0 20px; margin:0; font-size:10px; } #gallery_list li ul.meta a { color:#666; } #gallery_list li ul.meta a:hover { } #gallery_list li ul.meta li { padding:1px 0 2px 70px; margin:0; line-height:150%; } #gallery_list li ul.meta li.date { background:url(img/common/meta_date.gif) no-repeat left 4px; } #gallery_list li ul.meta li.category { background:url(img/common/meta_category.gif) no-repeat left 4px; } #gallery_list li ul.meta li.tags { background:url(img/common/meta_tag.gif) no-repeat left 4px; } #gallery_list li ul.meta li.link { background:url(img/common/meta_link.gif) no-repeat left 4px; } #gallery_list li ul.meta li.price { background:url(img/common/meta_price.gif) no-repeat left 4px; } #gallery_list li ul.meta li.misc { background:url(img/common/meta_misc.gif) no-repeat left 4px; } #gallery_list li.forth_image .title, #gallery_list li.forth_image .meta, #gallery_list li.forth_image .meta_desc, #gallery_list li.third_image .title, #gallery_list li.third_image .meta, #gallery_list li.third_image .meta_desc, #gallery_list li.second_image .title, #gallery_list li.second_image .meta, #gallery_list li.second_image .meta_desc { border-right:1px solid #fff; } #gallery_list li div.meta_desc p { margin:0; line-height:170%; font-size:11px; } /* page nav */ .page_navi { margin:-15px 0 0 0; } .page_navi h4 { font-size:10px; font-weight:normal; margin:0 0 10px 0; color:#888; } .page_navi ul { margin:0; } .page_navi li { float:left; } .page_navi a, .page_navi span { text-decoration:none; color:#666; font-size:11px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; background:#efefef; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .page_navi a:hover { color:#fff; text-decoration:none; } .page_navi span.dots { background:#fff; } .page_navi span.current { color:#fff; background:#c1c1c1; } .page_navi p.back { margin:30px 0 0; } .page_navi p.back a, .page_navi p.back a:hover { display:inline-block; } /* ---------------------------------------------------------------------- side content ---------------------------------------------------------------------- */ #side_col { padding:25px 15px 0px; border-top:1px dotted #ccc; } .side_headline { border-bottom:1px dotted #ccc; font-size:14px; padding:0 0 0 0px; margin:0 0 20px 0; } .side_headline span { border-bottom:2px solid #aaa; margin:0 0 -2px 0; padding:0 0 6px 0; display:inline-block; } .side_widget { margin:0 0 30px 0; } .side_widget ul { margin:0; } .side_widget li ul { margin:10px 0 0 0; } .side_widget li { line-height:170%; margin:0 0 10px 0; font-size:11px; background:url(img/common/line1.gif) no-repeat 2px 9px; padding:0 0 0 10px; } .side_widget a { color:#666; } .side_widget img { height:auto; max-width:100%; width:auto; } /* calendar */ #wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; } #wp-calendar th, #wp-calendar td { color:#333; padding:0; line-height:320%; text-align:center; } #wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background-color:#ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #wp-calendar td a:hover { text-decoration:none; color:#fff;} #wp-calendar caption { padding:7px 0; } #wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:200%; } #wp-calendar #prev, #wp-calendar #next { line-height:200%; } #wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; } #wp-calendar #prev a:hover, #wp-calendar #next a:hover { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#fff; } #wp-calendar td#today { color:#fff; background:#c1c1c1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } /* recommend post */ .recommend_widget li { background:none; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px dotted #ccc; position:relative; min-height:70px; } .recommend_widget li:last-child { border:none; padding:0; margin:0; } .recommend_widget .info { position:absolute; margin:0 0 0 85px; } .recommend_widget .info .date { margin:0 0 5px 0; line-height:100%; } .recommend_widget .info .title { font-size:12px; margin:0; } .recommend_widget .image { position:absolute; } .recommend_widget .image img { display:block; border:1px solid #ccc; padding:1px; } #footer .recommend_widget li { background:none; padding:0 0 10px 0; margin:0; border:none; } #footer .recommend_widget li:last-child { border:none; } /* search */ .widget_search label { display:none; } .widget_search #search-box, .widget_search #s { float:left; width:70%; height:33px; margin:0 0 10px 0; border:1px solid #ccc; background:#f2f2f2; padding:0 3%; box-shadow:2px 2px 3px 0px #ddd inset; -moz-border-radius:4px 0 0 4px; -khtml-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } .widget_search #search-btn input, .widget_search #searchsubmit { color:#fff; border:none; float:left; background:#aaa; height:35px; width:23%; -moz-border-radius:0 4px 4px 0; -khtml-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .widget_search #search-btn input:hover, .widget_search #searchsubmit:hover { cursor:pointer; } /* archive category dropdown */ .widget_archive select, .widget_categories select { border:1px solid #ddd; padding:6px 10px; width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0 0 20px 0; } /* ---------------------------------------------------------------------- footer ---------------------------------------------------------------------- */ #return_top { z-index:9; position:absolute; bottom:7px; right:7px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; width:35px; height:35px; margin:0; padding:0; background:#aaa url(img/footer/return_top2.gif) no-repeat center center; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #footer_wrap { padding:30px 15px 0; background:#f5f5f5; } .footer_widget { margin:0 0 30px 0; border-bottom:1px dotted #bbb; padding:0 0 20px 0; } .footer_widget.last_widget { border:none; margin:0; } .footer_headline { font-size:13px; border-left:3px solid #bbb; line-height:100%; margin:0 0 20px 0px; padding:0 0 0 8px; } .footer_widget ul { margin:0; } .footer_widget li ul { margin:10px 0 0 0; } .footer_widget li { line-height:170%; margin:0 0 10px 0; font-size:11px; background:url(img/common/line1.gif) no-repeat 2px 9px; padding:0 0 0 10px; } .footer_widget a { color:#333; } .footer_widget img { height:auto; max-width:100%; width:auto; } /* copyright */ #copyright { width:100%; color:#333; background:#fff; margin:0; padding:18px 0; border-top:1px solid #ddd; } #copyright p { font-size:11px; margin:0 0 0 15px; line-height:130%; width:70%; } #copyright a { text-decoration:none; color:#333; } #copyright a:hover { text-decoration:underline; } /*全ページ共通*/ img{line-height:0;margin:0;padding:0;vertical-align:top;} a img{-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;} ul,ol{list-style-type : none;margin:0;padding:0;} a:hover img{opacity: 0.7;filter: alpha(opacity=60);} .sponly{display: initial;} #page_content{width: 100%;margin: 0px auto;float: none;background-color: rgba(255,255,255,0.3);} hr.dashGray {height: 2px;border: none;border-top: 2px #ccc dotted;} /*width*/ .w100p{width:100%;background-position:center;background-repeat:no-repeat;} .w1920{width:100%;margin:0 auto;background-position:center;background-repeat:no-repeat;} .w1080{width:100%;margin-left:auto;margin-right:auto;} .w1020{width:100%;margin-left:auto;margin-right:auto;} .w1000{width:100%;margin-left:auto;margin-right:auto;} .w900{width:100%;margin-left:auto;margin-right:auto;} .w800{width:100%;margin-left:auto;margin-right:auto;} .w720{width:100%;margin-left:auto;margin-right:auto;} .w200{width:50%;margin-left:auto;margin-right:auto;} .fl {float: left;} .fr {float: right;} .fn {float: none;} .cb {clear: both;} .center{margin:0 auto;} .ver_t{vertical-align:top;} .ver_t th,.ver_t td{vertical-align:top;} .ver_m{vertical-align:middle;} .ver_b{vertical-align:bottom;} .tex_l{text-align:left;} .tex_c{text-align:center;} .tex_r{text-align:right;} .d_blo{display:block;} /*margin*/ .m0p0{margin:0;padding:0;} .m0p0 li{margin:0;padding:0;} .m010{margin:0 10px;} .m020{margin:0 20px;} .m20{margin:20px;} .m35{margin:35px;} .mt_70{margin-top:-70px;} .mt_60{margin-top:-60px;} .mt_50{margin-top:-50px;} .mt_40{margin-top:-40px;} .mt_30{margin-top:-30px;} .mt_20{margin-top:-20px;} .mt_10{margin-top:-10px;} .mt_5{margin-top:-5px;} .mt0{margin-top:0px;} .mt5{margin-top:5px;} .mt15{margin-top:15px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt25{margin-top:25px;} .mt30{margin-top:30px;} .mt35{margin-top:35px;} .mt40{margin-top:40px;} .mt45{margin-top:45px;} .mt50{margin-top:50px;} .mt55{margin-top:55px;} .mt60{margin-top:60px;} .mt65{margin-top:65px;} .mt70{margin-top:70px;} .mt80{margin-top:80px;} .mt90{margin-top:90px;} .mt100{margin-top:100px;} .mt110{margin-top:110px;} .mt120{margin-top:120px;} .mt130{margin-top:130px;} .mt140{margin-top:140px;} .mt150{margin-top:150px;} .mt160{margin-top:155px;} .mt170{margin-top:170px;} .mtb5{margin:5px 0px;} .mtb10{margin:10px 0px;} .mtb20{margin:20px 0px;} .mr_50{margin-right:-50px;} .mr_40{margin-right:-40px;} .mr_30{margin-right:-30px;} .mr_20{margin-right:-20px;} .mr_10{margin-right:-10px;} .mr10{margin-right:10px;} .mr15{margin-right:15px;} .mr18{margin-right:18px;} .mr20{margin-right:20px;} .mr30{margin-right:30px;} .mr40{margin-right:40px;} .mr50{margin-right:50px;} .mr60{margin-right:60px;} .mb_25{margin-bottom:-25px;} .mb0{margin-bottom:0px;} .mb5{margin-bottom:5px;} .mb10{margin-bottom:10px;} .mb20{margin-bottom:20px;} .mb25{margin-bottom:25px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;} .mb60{margin-bottom:60px;} .mb70{margin-bottom:70px;} .mb80{margin-bottom:80px;} .ml_10{margin-left:-10px;} .ml_15{margin-left:-15px;} .ml_20{margin-left:-20px;} .ml-30{margin-left:-30px;} .ml_40{margin-left:-35px;} .ml5{margin-left:5px;} .ml10{margin-left:10px;} .ml15{margin-left:15px;} .ml20{margin-left:20px;} .ml25{margin-left:25px;} .ml30{margin-left:30px;} .ml35{margin-left:35px;} .ml40{margin-left:40px;} .ml50{margin-left:50px;} .ml55{margin-left:55px;} .ml60{margin-left:60px;} .ml70{margin-left:70px;} .ml80{margin-left:80px;} .ml90{margin-left:90px;} .ml100{margin-left:100px;} .ml120{margin-left:120px;} .ml130{margin-left:130px;} .ml185{margin-left:185px;} .ml-20{margin-left:-20px;} .ml25{margin-left:25px;} /*padding*/ .pl05em{padding-left:0.5em;} .pl20{padding-left:20px;} .pl40{padding-left:40px;} .pl60{padding-left:60px;} .pt10{padding-top:10px;} .pt20{padding-top:20px;} .pt30{padding-top:30px;} .pt40{padding-top:40px;} .pt50{padding-top:50px;} .pt80{padding-top:80px;} .pt90{padding-top:90px;} .pb10{padding-bottom:10px;} .pb20{padding-bottom:20px;} .pb30{padding-bottom:30px;} .pb40{padding-bottom:40px;} .pb60{padding-bottom:60px;} .p5{padding:5px;} .p10{padding:10px;} .p30{padding:30px;} /*font-size*/ /*line-height*/ /*letter-spacing*/ /*font-weight*/ .fwb{font-weight:bold;} /*color*/ .c_blue{color:#0068b6;} .c_blue2{color:#036EB8;} .c_red{color:#A72225;} .c_fff{color:#fff;} a.c_fff{color:#fff;} .c_green{color:#1eaa39;} .c_orange{color:#f29600;} .c_brown{color:#774D23;} /*background*/ .bcGray{background-color:#F0F0E6;} /* slider */ #topSlider{margin:20px auto 0 auto !important;} #topSlider .sp-slide{opacity:0.7;background-color:#fff;} #topSlider .sp-selected{opacity:1;} #anySlide{margin:30px auto 60px auto !important;background-color:#fff;width:100%;/* height:auto;max-height:300px !important; */} #anySlide .sp-slide img{margin:0 auto;max-width:100%;height: auto;max-height: 100%;width: auto;} #anySlide p{text-align:center;/* bottom: -19.5% !important; */} #anySlide .sp-slide { text-align: center; } #anySlide .sp-bottom-thumbnails { margin-top: 10px; } #anySlide .sp-mask { overflow: hidden; } #anySlide .sp-slides-container{ overflow: hidden; } /* #anySlide .sp-thumbnails-container{display:none;} */ #authorSlider{margin:30px auto 60px auto !important;background-color:#fff;width:100%;} #authorSlider .sp-slide{background-color:#fff;} #authorSlider .sp-slide img{margin:0 auto;max-width:100%;height: auto;max-height: 100%;width: auto;} .sp-button { display:none !important; } #authorSlider p{text-align:center;bottom: -19.5% !important;} #authorSlider .sp-slide { text-align: center; } #authorSlider .sp-bottom-thumbnails { margin-top: 60px; } #authorSlider .sp-mask { overflow: visible; } #authorSlider .sp-slides-container{ overflow: hidden; } .topKoushin{width:100%;margin:0;font-size:13px;font-size:1.3rem;} .topKoushin p{width:100%;margin:0 0 10px 0;padding:3px 5px 3px 20px;font-size:15px;font-size:1.5rem;letter-spacing:0.07em;box-sizing: border-box;} .topKoushin ul{margin:10px 10px 10px 20px;} .topKoushin ul li{line-height:1.4em;} .topKoushin_s{width:100%;margin:0;font-size:13px;font-size:1.3rem;} .topKoushin_s p{width:100%;margin:0 0 10px 0;padding:3px 5px 3px 20px;font-size:15px;font-size:1.5rem;letter-spacing:0.07em;box-sizing: border-box;} .topKoushin_s ul{margin:10px 10px 10px 20px;} .topKoushin_s ul li{line-height:1.4em;} /* サポーター */ .writers{ overflow:hidden; } .writers img{ max-height:200px;width:auto; } .writer-profile{ width: 18%; height: 250px; margin:1%; float:left; } .writer-profile .name{ text-align:center; font-weight:bold; padding:10px 0; margin:0; } /* contest */ table.contest_ar{margin-top:20px;} table.contest_ar th,table.contest_ar td{vertical-align:top;} table.contest_ar th{width:5em;} .old_exh_img{display:block;margin:10px auto 0 auto;max-height:150px;width:auto;} /* mailform */ #mailformpro{margin:20px auto 20px auto;} #mailformpro table th{display:block;padding: 15px 10px;} #mailformpro table td {display:block;border-bottom: 1px solid #bbb;padding: 15px 10px;} #mailformpro input[type="text"],#mailformpro input[type="email"], #mailformpro textarea {width: 90%;border-radius: 3px;box-shadow: 0px 0px 5px #CCC inset;padding: 3px 8px;margin: 2px;vertical-align: middle;border: 1px solid #ccc;line-height: 1.8;} input[type="submit"] { border-radius: 5px; background: #e6e6e6; font-size: 14px; font-size: 1.4rem; line-height: 1; border: none; padding: 10px 20px; } .enkaku{width:100%;} .enkaku th{border: 1px solid #b0b0b0;background-color: #ffefc4;} .enkaku td{border: 1px solid #b0b0b0;} /* hiro */ .hnews{margin:0 0 20px 0;padding:10px 0 30px 0;border-bottom:2px #ccc dashed;} .works{width:100%;height:auto;margin:2em 0 0 0;text-align:center;} .works img{display:block;margin:0 auto;max-width:100%;height:auto;max-height:300px;} .works .works_p{width: 50%;margin-top: 10px;margin-left: 50%;} .works .works_p p{font-size:11px;margin-bottom: 0;text-align:left;} .works .works_p p.works_p_title{font-size:13px;} /* スマホのみ */ #main_col table{width:100% !important;height:auto !important;} #main_col table tr,#main_col table th,#main_col table td{width:100% !important;height:100% !important;display:block;padding:0 !important;text-align:left !important;} #main_col table tr{padding-bottom:1em !important;} .tableBlock th,.tableBlock td{display:block;} .tableBlock tr{padding-bottom:0.5em;} .zengo{width:100%;margin-bottom:60px !important;} .zengo tr,.zengo th,.zengo td{display:table-cell !important;} #main_col .zengo .prev{text-align:left;width:50% !important;padding-right:10px !important;} #main_col .zengo .next{text-align:right;width:50% !important;padding-left:10px !important;} .comment-content p {width:100%;} /* フッターSNS共有ボタン */ .footer-sns{ width: 90%; margin: 0 auto; } .footer-sns li{ float: left; margin-right: 1em; height: 25px; } .footer-sns #u_0_3{ display: none; } .author_l{ width: 100%; } .author_img1{ float: left; width: 32%; } .author_tel{ float: right; width: 60%; margin-bottom: 20px; padding-left: 1em; overflow: hidden; } .author_tel p{ margin: 0 !important; } .supporter_button{ display: block; float: left; box-sizing: border-box; width: 31%; text-align: center; margin: 10px 0 0 1%; padding: 5px; border-radius: 5px; color: #fff; text-decoration: none; font-size: 11px; line-height: 1.1; } .supporter_button:first-child{ line-height: 2.2; } .only_sp{display:initial;} .only_pc{display:none;} /* */ .button_a{ text-decoration: none; } .button{ margin: 0 0 10px 0; } .button br{ display: none; }