/* Theme Name: カスタムテーマ Description: カスタムテーマ Author: Theme URI: Author URI: Version: 1.0.0 Tags: */ *{margin:0; padding:0} html {-webkit-font-smoothing: antialiased;} body{font:62.5% 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; color:#444; background-color:#FFF;background-repeat:repeat-x;background-attachment:fixed;}blockquote{border-left:0.4em solid #eee; margin:0 0 0 1.5em; padding:0 0 0 1em} abbr,acronym {border-bottom: 1px dotted #666;cursor: help;} pre{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7); color:#222; line-height:18px; margin-bottom:18px; padding:1.5em} address{background:transparent; border:0; margin-bottom:18px; padding:0; vertical-align:baseline} .mb0 { margin-bottom: 0px !important; } .mb3 { margin-bottom: 3px !important; } .mb5 { margin-bottom: 5px !important; } .mb6 { margin-bottom: 6px !important; } .mb7 { margin-bottom: 7px !important; } .mb8 { margin-bottom: 8px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px !important; } .mb55 { margin-bottom: 55px !important; } .mb60 { margin-bottom: 60px !important; } .mb70 { margin-bottom: 70px !important; } .mb80 { margin-bottom: 80px !important; } .mb90 { margin-bottom: 90px !important; } .mb100 { margin-bottom: 100px !important; } .mb110 { margin-bottom: 110px !important; } .mb120 { margin-bottom: 120px !important; } .fs16 { font-size: 16px !important; } .fs20 { font-size: 20px !important; } .fs24 { font-size: 24px !important; } .mbN { margin-bottom: 0px !important; } .taL { text-align: left !important; } .taC { text-align: center !important; } .taR { text-align: right !important; } ol, ul { list-style: none;} .ios a:hover {opacity: 1 !important; } /* Links */ a img, :link img, :visited img{border:0; outline:none; text-decoration:none;} a{color:#444; text-decoration:none; outline:none;} a:hover{ text-decoration:none; outline:0;} /* Heading */ h1{;font-size:4.5em;color:#444} .blogtitle{font-size:4em;padding: 0px 10px 0 1%;width: 313px;height: 51px;} .blogtitle a{display:block;color:#444;width: 313px;height: 51px;background: url(images/header_ttl.png) no-repeat 0 0;text-indent: 100%;white-space: nowrap;overflow: hidden;} h1 a{display:block;color:#444;width: 252px;height: 46px;background: url(images/header_ttl.png) no-repeat 0 0;text-indent: 100%;white-space: nowrap;overflow: hidden;} h1 a:link{color:#444;background: url(images/header_ttl.png) no-repeat 0 0;text-indent: 100%;white-space: nowrap;overflow: hidden;} h1 a:visited{color:#444;background: url(images/header_ttl.png) no-repeat 0 0;text-indent: 100%;white-space: nowrap;overflow: hidden;} h1.single-entry-title{color:#444; font-weight:bold !important;margin:0.25em 0 1em 0 !important;font-size:3em !important;line-height: 1.2;} h1.page-title{ line-height:1.5;color: #444;border-bottom: 5px solid #c7c7c7; padding-top: 15px;} h2 a,h3 a, h4 a{color:#000000; font-weight:bold;} h2.entry-title{color:#444; font-weight:bold;;margin:0 0 0 0;font-size:16px;} h2.page-title{font-weight:bold !important; text-align:center; margin:0 0 0.5em 0;font-size:28px;} h3.widgettitle{color:#444; font-size:1.5em !important;} .description{color:#444;font-size:1.3em;margin:0 0 0 0px;padding: 0px 10px;} /* header */ div#wrapperheader{ /* background-image:url(images/header_bg_top.png),url(images/header_border_bg.png); background-repeat: no-repeat,repeat-x; background-position: center top,left bottom; background-image:url(images/header_border_bg.png); background-repeat: repeat-x; */ background-position: left bottom; background-color: #FFF; -webkit-box-shadow: 0px 5px 8px 0px rgb(0 0 0 / 10%); box-shadow: 0px 5px 8px 0px rgb(0 0 0 / 10%); } div#header{max-width: 1280px; margin:0 auto; padding:2em 1em 1.4em 0em; background:transparent;position: relative;} #header p#inte_logo { position: absolute;right: 1.5%; top: 33%; } .headertop{margin:0;padding:10px 0 10px;position: relative;} #logo{margin:-3.5em 0 0 -1em; padding:0.3em 0.7em;} * html #logo{margin:-2.5em 0 0 -1em; padding:0.3em 0.7em;} #logo a{background-color:transparent} #logo img{max-width: 100%;height: auto;} #social_box_h { position: absolute; right: 1.5%; top: 20%; } #social_box_h ul.web-logo-font li a{ color: #FFF; padding: 9px 7px 4px; border-radius: 5px; } #social_box_h ul.web-logo-font a.twitter-btn-icon-link{background-color:#000; padding:9px 9px 4px} #social_box_h ul.web-logo-font a.facebook-btn-icon-link{background-color:#3B5999;} #social_box_h ul.web-logo-font a.hatena-btn-icon-link{background-color:#2C6EBD;} #main_kv { height: 125px; background: url(images/main_kv_bg.jpg) center center no-repeat #E2E4E4; text-align: center; } #main_kv p{ padding-top: 28px; text-align: center; height: 48px; } /* Navigation */ #access{display:block;max-width: 1280px;margin:0 auto;text-transform: uppercase;} #access :hover{background:transparent;color:#444;} #access .menu-header,div.menu{font-size:1.3em;margin-left:10px;} #access .menu-header ul,div.menu ul{list-style:none;margin:0;} #access .menu-header li,div.menu li{float:left;position:relative;width: 200px;text-align: center;} #access .menu-header li a,div.menu li a{color:#000;display:block;line-height:40px;text-decoration:none;padding:0 10px;border-right: 1px solid #DEDEDE;margin-left: -1px;} #access .menu-header li a,div.menu li#menu-item-50 a{border-left: 1px solid #DEDEDE;} #access .menu-header li a,div.menu li a{line-height:1em;height:auto;padding:10px;position:relative;} #access .menu-header li a:after,div.menu li a:after{ content: ''; position: absolute; height: 5px; width: 0%; background-color: #000; bottom: -5px; left: 50%; -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); } #access .menu-header li#menu-item-50 a:after,div.menu li#menu-item-50 a:after{ background: #c7c7c7; } #access .menu-header li#menu-item-52 a:after,div.menu li#menu-item-52 a:after{ background: rgba(108, 222, 215, 1); } #access .menu-header li#menu-item-53 a:after,div.menu li#menu-item-53 a:after{ background: rgba(240, 190, 68, 1); } #access .menu-header li#menu-item-54 a:after,div.menu li#menu-item-54 a:after{ background: rgba(157, 210, 231, 1); } #access .menu-header li#menu-item-55 a:after,div.menu li#menu-item-55 a:after{ background: rgba(250, 183, 172, 1); } #access .menu-header li#menu-item-50 a:hover:after,div.menu li#menu-item-50 a:hover:after{left: 0;width: 100%;} #access .menu-header li#menu-item-52 a:hover:after,div.menu li#menu-item-52 a:hover:after{left: 0;width: 100%;} #access .menu-header li#menu-item-53 a:hover:after,div.menu li#menu-item-53 a:hover:after{left: 0;width: 100%;} #access .menu-header li#menu-item-54 a:hover:after,div.menu li#menu-item-54 a:hover:after{left: 0;width: 100%;} #access .menu-header li#menu-item-55 a:hover:after,div.menu li#menu-item-55 a:hover:after{left: 0;width: 100%;} #access ul li:hover > ul{display:block;} #access ul li#menu-item-50.current_page_item > a,#access ul li#menu-item-50.current-menu-ancestor > a,#access ul li#menu-item-50.current-menu-item > a,#access ul li#menu-item-50.current-menu-parent > a,* html #access ul li#menu-item-50.current_page_item a,* html #access ul li#menu-item-50.current-menu-ancestor a,* html #access ul li#menu-item-50.current-menu-item a,* html #access ul li#menu-item-50.current-menu-parent a,* html #access ul li#menu-item-50 a:hover{background:#FFF;background:rgba(255,255,255,0.7);color:#444;border-bottom: 5px solid #c7c7c7;} #access ul li#menu-item-52.current_page_item > a,#access ul li#menu-item-52.current-menu-ancestor > a,#access ul li#menu-item-52.current-menu-item > a,#access ul li#menu-item-52.current-menu-parent > a,* html #access ul li#menu-item-52.current_page_item a,* html #access ul li#menu-item-52.current-menu-ancestor a,* html #access ul li#menu-item-52.current-menu-item a,* html #access ul li#menu-item-52.current-menu-parent a,* html #access ul li#menu-item-52 a:hover{background:#FFF;background:rgba(255,255,255,0.7);color:#444;border-bottom: 5px solid rgba(108, 222, 215, 1);} #access ul li#menu-item-53.current_page_item > a,#access ul li#menu-item-53.current-menu-ancestor > a,#access ul li#menu-item-53.current-menu-item > a,#access ul li#menu-item-53.current-menu-parent > a,* html #access ul li#menu-item-53.current_page_item a,* html #access ul li#menu-item-53.current-menu-ancestor a,* html #access ul li#menu-item-53.current-menu-item a,* html #access ul li#menu-item-53.current-menu-parent a,* html #access ul li#menu-item-53 a:hover{background:#FFF;background:rgba(255,255,255,0.7);color:#444;border-bottom: 5px solid rgba(240, 190, 68, 1);} #access ul li#menu-item-54.current_page_item > a,#access ul li#menu-item-54.current-menu-ancestor > a,#access ul li#menu-item-54.current-menu-item > a,#access ul li#menu-item-54.current-menu-parent > a,* html #access ul li#menu-item-54.current_page_item a,* html #access ul li#menu-item-54.current-menu-ancestor a,* html #access ul li#menu-item-54.current-menu-item a,* html #access ul li#menu-item-54.current-menu-parent a,* html #access ul li#menu-item-54 a:hover{background:#FFF;background:rgba(255,255,255,0.7);color:#444;border-bottom: 5px solid rgba(157, 210, 231, 1);} #access ul li#menu-item-55.current_page_item > a,#access ul li#menu-item-55.current-menu-ancestor > a,#access ul li#menu-item-55.current-menu-item > a,#access ul li#menu-item-55.current-menu-parent > a,* html #access ul li#menu-item-55.current_page_item a,* html #access ul li#menu-item-55.current-menu-ancestor a,* html #access ul li#menu-item-55.current-menu-item a,* html #access ul li#menu-item-55.current-menu-parent a,* html #access ul li#menu-item-55 a:hover{background:#FFF;background:rgba(255,255,255,0.7);color:#444;border-bottom: 5px solid rgba(250, 183, 172, 1);} /* Layout */ #wrappermenu{margin:0 auto; padding:10px 0 0 0;text-align:left;width: 1024px;} #wrapperheader{margin:0 auto; padding:0 0 0 0; position:relative; text-align:left;} #wrapper{max-width: 1280px;margin: 0 auto;position:relative; text-align:left;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;} #wrappertop{margin:0 auto; padding:0 0 0 0; position:relative; text-align:left} #container{margin: 10px 0;} #containerlarge{margin:0.8em 0 2em 2em; display:inline; clear:both;background-color:#fff;} * html #containerlarge{margin:2em 0 2em 2em; background-color:#fff;} #content{background-color:transparent; padding: 0;overflow:hidden;} #content h1{font-size:2.4em; font-weight:normal; letter-spacing:-0.05em;margin:1.5em 0 0.5em 0} #content h2{font-size:2.0em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0;line-height:1.3em;} #content h3{font-size:1.8em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h4{font-size:1.5em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h5{font-size:1.3em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h6{font-size:1.1em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 11px;} #footer{max-width: 1280px;margin: 40px auto;position:relative; text-align:left;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;background-color:#000;} #footer a,#footerlink a{color:#bbb; text-decoration:none; outline:none;} #footer a:hover,#footerlink a:hover{ color:#444; text-decoration:none; outline:0} #footer p,#footerlink p{color:#bbb;} #footerlink{color:#bbb;margin:0 0.5em 2em 0.5em; padding:1em 0 1em 0; clear:both; text-align:left; font-size:1.1em; line-height:1em;} .entry-content-footer{font-size:1.3em;color:#444000; margin:auto;padding:1em 0;line-height:2em;} /* sidebar */ div.sidebar{overflow:hidden; background-color: #F8F8F8;} .sidebar h3{font-size:1.7em; font-weight:normal; letter-spacing:-0.03em;} .sidebar li{margin:0; } .sidebar ul li ul li{padding:0.5em 0 0} .sidebar ul li ul li li{margin:0 0 0 1em;padding:0.5em 0 0} .sidebar ul{list-style:none; margin:0; padding:0 10px;} div#primary{margin: 10px 0;padding-bottom: 30px;} * html #primary{} div#secondary{clear:right} * html #secondary{margin:1em 1em 0 1em} .sidebarcat{margin:0 0 10px 0;padding: 4px 0 4px 0;} /* Misc */ .clear{clear:both} /* Post area */ .hentry{font-weight:normal;} .entry-content{font: Helvetica,Arial,sans-serif; color:#333333; margin:auto;margin-bottom: 50px;} .entry-content-home{font:1.2em/1.7em Helvetica,Arial,sans-serif; color:#444000; margin:auto} .entry-content p{margin:0 0 0.5em 0} * html .entry-content p{margin:0em 0} .entry-content ol{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;} .entry-content ol li{margin:0 0 0.2em} .entry-content ul{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;} .entry-content ul li{margin:0 0 0.2em} .entry-content pre{margin:0 0 .5em 2em; padding:0em 1em 1em 0em;} .entry-content a{color:#0299FF; text-decoration: underline;} /**.entry-content a:visited{color:#d1d1d1;}**/ .entry-content a:hover{color:#0299FF;} .entry-content h1{font-size:2.4em !important;} .entry-content h2{font-size:1.9em !important;border-left: 6px solid #90d6d4;border-bottom: 1px solid #DDDDDD;padding: 8px 0 10px 15px;;line-height: 1.4 !important;font-weight: bold !important;margin: 30px 0 40px !important;} .entry-content h3{ font-size:1.7em !important; font-weight: bold !important; /*width: 100%;*/ display: block; border-left: solid 3px #333333; padding: 8px 18px; margin-bottom: 40px; line-height: 1.5; } .entry-content h4{font-size:1.5em !important;} .entry-content h5{font-size:1.3em !important;} .entry-content h6{font-size:1.1em !important;} .entry-content p{font-size:1.6em !important;margin-bottom: 30px !important;} .post_image { /**border: 1px solid #DDD;**/ margin-bottom: 30px; } .post_image img { margin: 0 !important; } .alignleft{float:left} .alignright{float:right} .center{text-align:center;margin:0 0 1.5em 0} .entry-meta{color:#bbb; padding:0em; font-size:1.1em; line-height:1.5em} .entry-meta .tag-links a{color:#444;} .entry-meta .tag-links a:hover{color:#f3f3f3; background:#444} .sticky{background-color:transparent} .page-link{clear:both; color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em} .page-link a:link, .page-link a:visited{background-color:#FFF;background-color: rgba(255, 255, 255, 0.5); font-weight:normal; padding:0.5em 0.75em; text-decoration:none;color:#444} .page-link a{background-color:#FFF;background-color: rgba(255, 255, 255, 0.5);color:#444} .page-link a:active, .page-link a:hover{ color:#0299FF; text-decoration:none; outline:0} .posthome{height:350px;background-color:#FFF;box-shadow: 0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.3);overflow: hidden;} .posthometext{margin:0 10px} .postsingletext{margin:15px 30px 0 !important;overflow: hidden;} .postsingletext ul li{margin:0 1em} .postwidgettext{margin:0 10px !important;overflow: hidden;} .postwidgettext ul li{margin:0 1em !important} .postsingle{background-color:#FFF !important; /* box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.3); */ } .postsingle .cat-links{ width: 120px; text-align: center; position: absolute; right: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; } .postsingle .entrydate { font-size: 1.5em; font-weight: normal; } .cat-links.human{background:rgba(108, 222, 215, 1);} .cat-links.product{background:rgba(240, 190, 68, 1);} .cat-links.interesting{background:rgba(157, 210, 231, 1);} .cat-links.technology{background:rgba(250, 183, 172, 1);} /* Page navigation */ .navigation{margin:0 0 2em; height:2em; width:auto;font-size:1.5em; line-height:1.5em} .navigation a{color:#777} .navigation a:hover{text-decoration:none} .nav-next{float:right} .nav-previous{float:left} .navigation_mobile{display:none} /* Comment */ #comments .comment-body{padding:1em 0; font-size:1.2em} #comments .comment-body ul, #comments .comment-body li, #comments .comment-body ol{margin:0 1em} #comments .comment-body p:last-child{margin-bottom:6px} #comments .comment-body blockquote p:last-child{margin-bottom:24px} #comments li{margin:1em 0; padding:1em 1em; background-color:#FFF;background-color: rgba(255, 255, 255, 0.5);} #comments li.alt{margin:1em 0; padding:1em 1em;background-color:#F8F8F5;background-color: rgba(248, 248, 245, 0.9);} #comments{list-style-type:none; margin:0; padding:0} #comments .byuser{} #comments .byuser.alt{} #comments .bypostauthor{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7);} #comments .bypostauthor.alt{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7);} #comments .comment p{} #comments .comment-author{margin: 0 0 0 3px;font-size:1.5em; font-weight:bold; letter-spacing:-0.1em} #comments .comment-meta a{color:#777} #comments .comment-meta{margin:0.3em 0; color:#777} #comments .comment-author-admin{background-color: #FFF; background-repeat: no-repeat; background-position:right top;} #comments ul.children{list-style:none;margin:0 0 0 2em} #comments .count {float:right;padding: 10px;font-size:20px;color:#606566;} #comments .pingback{border-bottom:1px solid #e7e7e7; margin-bottom:18px; padding-bottom:18px} .commentlist li.comment+li.pingback{margin-top:-6px} #comments .pingback p{color:#888; display:block; font-size:12px; line-height:18px; margin:0} #comments .pingback .url{font-size:13px; font-style:italic} #comments .nocomments {color: #bbb;font-size: 24px;font-weight: 100;margin: 26px 0;text-align: center;} /* Comment form */ div.formcontainer{width:100%} #commentform .comment-form-author, .comment-form-email, .comment-form-url{padding:0.3em; color:#777; font:1.3em Helvetica,Verdana,Arial,Sans-Serif; width:40%; clear:both} #commentform .comment-form-comment{padding:0.3em; color:#777; font:1.3em Helvetica,Verdana,Arial,Sans-Serif; clear:both} #commentform .comment-form-comment label{background:#fff;-ms-shadow:1px 2px 2px rgba(204,204,204,0.8);-webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8);-moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8);box-shadow:1px 2px 2px rgba(204,204,204,0.8);color:#555;display:inline-block;font-size:13px;left:4px;min-width:60px;padding:4px 10px;} #commentform #comment-notes{margin:1em 0 0 0; color:#bbb} #commentform #submit{width:auto;margin:0.5em 0; float:right} #commentform label{margin:1em 0;padding:1em 1em; color:#777; font:1.1em Helvetica,Arial,sans-serif;} #commentform textarea#comment{padding:0.3em 0 0.3em 0.3em; font:1.1em Helvetica,Arial,sans-serif; color:#777; width:99%; height:15em} #commentform .form-allowed-tags {line-height: 1em;} #commentform .form-allowed-tags {color: #888;font-size: 12px;line-height: 18px;} #commentform .form-allowed-tags code {font-size: 11px;} #commentform .required {color: #ff4b33;font-weight: bold;} #commentform .comments-navigation{font-size:1.2em;margin:1em 0} #commentform .page-numbers.current{text-decoration: underline;} /* Comment navigation */ .comments-navigation{font-size:1.2em;margin:1em 0;clear:both; color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em;} .comments-navigation a{ padding: 5px 7px;color:#0299FF; text-decoration:none; outline:0} .comments-navigation a:active{color:#0299FF; text-decoration:none; outline:0} .comments-navigation a:hover{background:#444; color:#FFF; text-decoration:none; outline:0} /* Error page */ .four04 #content p{font-size:1.2em} .four04 .sidebar{clear:right; display:block} .four04 #content{width:590px; text-align:left} /*widget*/ .widget {} .widgetblock{background:transparent;font-size:1.2em;margin:0 0 0.5em 0;padding:0.5em 0 0 0;color:#444} .widgetblock img{max-width: 300px;height:auto} .widgettitleb{margin: 0 0 0.5em 0; padding:0.5em 0 0.1em 0;color:#444;border-bottom:5px solid #c7c7c7;} .screen-reader-text{display:none} .widgetpartenaire{background:#FFF;padding:10px 0 0 0;color:#444;} /* date */ .entry-date{color:#bbb;margin:-1em 0 0.5em 0} /* credits */ .credits{font-size:1.2em;margin:0 auto; padding:10px 0; text-align:left;color:#FFF;background-color:#F8F8F8;} .credits .footer_inner{font-size: 1.1em;max-width: 1280px;margin: 0 auto;padding-left: 10px;} .credits i{margin-right: 5px;} /*Gallery Shorcode*/ .gallery{margin:0 auto;padding:10px 0} .attachment-medium{max-width:90%; height:auto;box-shadow: 0 1px 3px rgba(0,0,0,0.8);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.8);} .gallery .gallery-caption{color:#888; font-size:12px; margin:0 0 12px} .gallery br+br{display:none} .attachment-thumbnail{max-width:90%; height:auto;box-shadow: 0 1px 3px rgba(0,0,0,0.8);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.8);} /*line break style*/ .linebreak {padding: 2em 0 0.5em 0; border-top: 2px solid #f1f2f4; margin-top: 3em;} .linebreaktop {float: right; font-size:0.8em; } /*Gravatar*/ img.avatar {float:left; margin-right:5px;padding: 0 0.5em 0 0;} /*Caption and images*/ #content .wp-caption{background:#edebe0;line-height:18px;margin-left:auto !important;margin-right:auto !important;margin-bottom:20px;text-align:center;padding:0px;max-width: 100%;} #content .wp-caption img{margin:10px 10px;max-width: 90%;height: auto;} #content .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px 0;} #content .attachment img{max-width: 100%;height: auto; } #content .alignleft,#content img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;} #content .alignright,#content img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;} #content .aligncenter,#content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-top:4px;} #content img,img.alignleft,#content img.alignright,#content img.aligncenter{margin-bottom:2em;max-width: 100%;height: auto; } #content .attachment img {display: block;margin: 0 auto;max-width: 100%;height: auto; } iframe, object, embed{max-width: 100%;} /*form box*/ #formbox label{color:#444;display:block;font-weight:400;font-size:1.3em;margin-bottom:6px;} #formbox{position:relative;margin-right:1px;font-size:12px;padding:16px 18px;} #formbox .avatar{margin-top:16px;float:left;border:0;} #formbox .avatar img{border:1px solid #ccc;padding:0;} #formbox .inputarea{padding-left:66px;height:100%;font-size:12px;} #formbox textarea#posttext#posttitle{width:98%;margin-bottom:10px;background:#fafafa;border:1px solid #d1d1d1;color:#666;font-size:13px;padding:1%;} #wrapper form input[type="text"]{border:1px solid #d1d1d1;background:#fafafa;color:#666;font-size:13px;line-height:16px;padding:5px 7px;} #sidebar form input[type="text"]{background:#fff;} #formbox input#tags#display-name#m-address#home-page{width:75%;float:left;} #formbox input#submit{margin-left:6px;float:right;padding:0 20px;} #formbox .postrow{height:28px;} #wrapper button,#wrapper input[type="submit"]{margin-left:10px;border:1px solid #ccc;border-radius:3px;-moz-border-radius:3px;line-height:27px;height:28px;background:#F2F2F2;text-shadow:0 1px 0 #fff;font-size:13px;font-weight:700;color:#333;padding:0 10px;} #wrapper button{margin:10px 10px 0 0;} #wrapper button:active,#wrapper input[type="submit"]:active{background:#eee;} /*searchbox*/ #search fieldset {border: none;position: relative;} #search input[type="text"]{border:1px solid #CCCCCC;color:#516064;font-size:14px;margin-bottom:20px;padding:8px;width:275px;text-indent:0px;} #search label{font-size: 15px;font-weight: bold;color: #FFFFFF;right:6px;top:6px;position:absolute;background:#dad8d8;padding: 4px 6px 2px 6px;-moz-border-radius:3px;border-radius:3px;} #search input.button{background-color:transparent;background-position:0 -27px;cursor:pointer;background-repeat:no-repeat;border:none;height:27px;position:absolute;text-indent:-9999px;top:3px;padding:0;} #search input.button:hover{background-position:0 0px;} #search input.button {background-position:0 -27px;} input#searchsubmitbutton{right:10px;width:100px;} /*category color*/ .cat-links {font-size:12px;line-height:3em;color: #FFF;text-transform: uppercase;margin : 0;background:#555152;box-shadow: 0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.3);} .cat-links a {font-size:12px;line-height:3em;color: #FFF;text-transform: uppercase;padding: 4px 6px 4px 6px;font-weight: bold;} .cat-links a:hover{color:#444; background:transparent} .headerads{margin:10px 0 0 0;} /*Image sur homepage*/ .imgshadow img{box-shadow: 0 1px 3px rgba(0,0,0,0.8);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.8);} /*Table*/ table {border-collapse:collapse;margin:0 0 0.5em 0} th {font-size:1.2em;padding:4px 6px;border-width:1px;border-style:solid} td {padding:4px;border-width:1px;border-style:solid} /*definition*/ dl{margin:0 0 24px 0} dt{font-weight:bold} dd{margin-bottom:18px} .mobileon{display:none} /* Variable Grid System (Fluid Version). Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/ Licensed under GPL and MIT. */ /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { width: 92%; margin-left: 4%; margin-right: 4%; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15 { display:inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; margin-bottom: 2.5em; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha,.alpha1,.alpha4,.alpha7,.alpha10,.alpha13,.alpha16 { margin-left: 2px; } .omega,.omega3,.omega6,.omega9,.omega12,.omega15,.omega18 { margin-right: 2px; } /* Grid >> 15 Columns ----------------------------------------------------------------------------------------------------*/ .container_15 .grid_1 { width:4.667%; } .container_15 .grid_2 { width:11.333%; } .container_15 .grid_3 { width:18.0%; } .container_15 .grid_4 { width:24.667%; } .container_15 .grid_5 { width:31.333%; } .container_15 .grid_6 { width:38.0%; } .container_15 .grid_7 { width:44.667%; } .container_15 .grid_8 { width:51.333%; } .container_15 .grid_9 { width:58.0%; } .container_15 .grid_10 { width:64.667%; } .container_15 .grid_11 { width:71.333%; } .container_15 .grid_12 { width:78.0%; } .container_15 .grid_13 { width:84.667%; } .container_15 .grid_14 { width:91.333%; } .container_15 .grid_15 { width:98.0%; } /* Prefix Extra Space >> 15 Columns ----------------------------------------------------------------------------------------------------*/ .container_15 .prefix_1 { padding-left:6.667%; } .container_15 .prefix_2 { padding-left:13.333%; } .container_15 .prefix_3 { padding-left:20.0%; } .container_15 .prefix_4 { padding-left:26.667%; } .container_15 .prefix_5 { padding-left:33.333%; } .container_15 .prefix_6 { padding-left:40.0%; } .container_15 .prefix_7 { padding-left:46.667%; } .container_15 .prefix_8 { padding-left:53.333%; } .container_15 .prefix_9 { padding-left:60.0%; } .container_15 .prefix_10 { padding-left:66.667%; } .container_15 .prefix_11 { padding-left:73.333%; } .container_15 .prefix_12 { padding-left:80.0%; } .container_15 .prefix_13 { padding-left:86.667%; } .container_15 .prefix_14 { padding-left:93.333%; } /* Suffix Extra Space >> 15 Columns ----------------------------------------------------------------------------------------------------*/ .container_15 .suffix_1 { padding-right:6.667%; } .container_15 .suffix_2 { padding-right:13.333%; } .container_15 .suffix_3 { padding-right:20.0%; } .container_15 .suffix_4 { padding-right:26.667%; } .container_15 .suffix_5 { padding-right:33.333%; } .container_15 .suffix_6 { padding-right:40.0%; } .container_15 .suffix_7 { padding-right:46.667%; } .container_15 .suffix_8 { padding-right:53.333%; } .container_15 .suffix_9 { padding-right:60.0%; } .container_15 .suffix_10 { padding-right:66.667%; } .container_15 .suffix_11 { padding-right:73.333%; } .container_15 .suffix_12 { padding-right:80.0%; } .container_15 .suffix_13 { padding-right:86.667%; } .container_15 .suffix_14 { padding-right:93.333%; } /* Push Space >> 15 Columns ----------------------------------------------------------------------------------------------------*/ .container_15 .push_1 { left:6.667%; } .container_15 .push_2 { left:13.333%; } .container_15 .push_3 { left:20.0%; } .container_15 .push_4 { left:26.667%; } .container_15 .push_5 { /* left:33.1%; */ left: 0; } .container_15 .push_6 { left:40.0%; } .container_15 .push_7 { left:46.667%; } .container_15 .push_8 { left:53.333%; } .container_15 .push_9 { left:60.0%; } .container_15 .push_10 { left:66.667%; } .container_15 .push_11 { left:73.333%; } .container_15 .push_12 { left:80.0%; } .container_15 .push_13 { left:86.667%; } .container_15 .push_14 { left:93.333%; } /* Pull Space >> 15 Columns ----------------------------------------------------------------------------------------------------*/ .container_15 .pull_1 { left:-6.667%; } .container_15 .pull_2 { left:-13.333%; } .container_15 .pull_3 { left:-20.0%; } .container_15 .pull_4 { left:-26.667%; } .container_15 .pull_5 { left:-33.333%; } .container_15 .pull_6 { left:-40.0%; } .container_15 .pull_7 { left:-46.667%; } .container_15 .pull_8 { left:-53.333%; } .container_15 .pull_9 { left:-60.0%; } .container_15 .pull_10 { /* left:-66.2%; */ left:2.5%; } .container_15 .pull_11 { left:-73.333%; } .container_15 .pull_12 { left:-80.0%; } .container_15 .pull_13 { left:-86.667%; } .container_15 .pull_14 { left:-93.333%; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:6.333%; } .container_12 .grid_2 { width:14.667%; } .container_12 .grid_3 { width:23.0%; } .container_12 .grid_4 { width:31.333%; } .container_12 .grid_5 { width:39.667%; } .container_12 .grid_6 { width:48.0%; } .container_12 .grid_7 { width:56.333%; } .container_12 .grid_8 { width:64.667%; } .container_12 .grid_9 { width:73.0%; } .container_12 .grid_10 { width:81.333%; } .container_12 .grid_11 { width:89.667%; } .container_12 .grid_12 { width:98.0%; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:8.333%; } .container_12 .prefix_2 { padding-left:16.667%; } .container_12 .prefix_3 { padding-left:25.0%; } .container_12 .prefix_4 { padding-left:33.333%; } .container_12 .prefix_5 { padding-left:41.667%; } .container_12 .prefix_6 { padding-left:50.0%; } .container_12 .prefix_7 { padding-left:58.333%; } .container_12 .prefix_8 { padding-left:66.667%; } .container_12 .prefix_9 { padding-left:75.0%; } .container_12 .prefix_10 { padding-left:83.333%; } .container_12 .prefix_11 { padding-left:91.667%; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:8.333%; } .container_12 .suffix_2 { padding-right:16.667%; } .container_12 .suffix_3 { padding-right:25.0%; } .container_12 .suffix_4 { padding-right:33.333%; } .container_12 .suffix_5 { padding-right:41.667%; } .container_12 .suffix_6 { padding-right:50.0%; } .container_12 .suffix_7 { padding-right:58.333%; } .container_12 .suffix_8 { padding-right:66.667%; } .container_12 .suffix_9 { padding-right:75.0%; } .container_12 .suffix_10 { padding-right:83.333%; } .container_12 .suffix_11 { padding-right:91.667%; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:8.333%; } .container_12 .push_2 { left:16.667%; } .container_12 .push_3 { left:25.0%; } .container_12 .push_4 { left:33.333%; } .container_12 .push_5 { left:41.667%; } .container_12 .push_6 { left:50.0%; } .container_12 .push_7 { left:58.333%; } .container_12 .push_8 { left:66.667%; } .container_12 .push_9 { left:75.0%; } .container_12 .push_10 { left:83.333%; } .container_12 .push_11 { left:91.667%; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-8.333%; } .container_12 .pull_2 { left:-16.667%; } .container_12 .pull_3 { left:-25.0%; } .container_12 .pull_4 { left:-33.333%; } .container_12 .pull_5 { left:-41.667%; } .container_12 .pull_6 { left:-50.0%; } .container_12 .pull_7 { left:-58.333%; } .container_12 .pull_8 { left:-66.667%; } .container_12 .pull_9 { left:-75.0%; } .container_12 .pull_10 { left:-83.333%; } .container_12 .pull_11 { left:-91.667%; } /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .mobileonfooter{display:none} /* ------------------------------------------------------------------- PERSONNALISATION ------------------------------------------------------------------- */ /* -------------------------Version mobile----------------------------------------------- */ @media screen and (min-width: 1201px) { h2.entry-title{color:#444; font-weight:bold;;margin:0 0 0 0;font-size:16px !important;} .posthome{height:290px !important;} .posthome:hover {background-color: #ffffea !important;display: block;cursor: pointer !important;} .container_12 .grid_4 {width:31.8%;} .has-post-thumbnail a img:hover { opacity: 0.7; transition-duration: 300ms; transition-property: all; transition-timing-function: ease; } .advps-slide a img:hover { opacity: 0.7; transition-duration: 300ms; transition-property: all; transition-timing-function: ease; } div#scrolltop { cursor: pointer; } } @media screen and (min-width: 900px) and (max-width: 1200px) { h2.entry-title{color:#444; font-weight:bold;;margin:0 0 0 0;font-size:16px !important;} .container_12 .grid_4 {width:31.8%;} .posthome{height:290px !important;} #header p#inte_logo { display: none; } .has-post-thumbnail a img:hover { opacity: 0.7; transition-duration: 300ms; transition-property: all; transition-timing-function: ease; } .advps-slide a img:hover { opacity: 0.7; transition-duration: 300ms; transition-property: all; transition-timing-function: ease; } div#scrolltop { cursor: pointer; } } @media screen and (min-width: 768px) and (max-width: 1024px) { h2.entry-title{color:#444; font-weight:bold;;margin:0 0 0 0;font-size:16px !important;} .container_15 .grid_10 { width:98%; } .container_15 .grid_5 { width:98%; } .container_15 .grid_3 { width:31.333%; } .container_12 .grid_4 { width:31.333%; } .container_12 .grid_3 { width:31.333%; } .container_15 .pull_10{ left:1%; } .container_15 .push_5{ left:1%; margin-left: 0 !important; margin-right: 0 !important; } .postsingle{margin: 0 -10px 0 0 !important;} .sidebar{margin:10px 0 0 0} .mobileonfooter{display:block} .posthome{height:310px !important;} .has-post-thumbnail a img:hover { opacity: 0.7; transition-duration: 300ms; transition-property: all; transition-timing-function: ease; } .advps-slide a img:hover { opacity: 0.7; transition-duration: 300ms; transition-property: all; transition-timing-function: ease; } div#wrapperheader{ /* background-image:url(images/header_bg_top.png),none; background-repeat: no-repeat,no-repeat; background-position: center top,left bottom;*/ background-image:none; background-repeat: no-repeat; background-position: left bottom; background-color: #FFF; } #wrappermenu{display:none;} /* Navigation */ #accessmobile{background:#f1f2f4;background-color: rgba(250, 250, 250, 0.8);display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;} #accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;} #accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;} #accessmobile a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);-ms-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:38px;left:0;float:left;width:100%;;z-index:99999;} #accessmobile ul ul li{min-width:100%;;} #accessmobile ul ul ul{left:100%;top:0;} #accessmobile ul ul a{background:#f1f2f4;line-height:1em;width:100%;;height:auto;padding:10px 0 10px 10px;} #accessmobile li.menu-item-50:hover > a,#accessmobile ul ul :hover > a{background:#c7c7c7;color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-52:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(108, 222, 215, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-53:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(240, 190, 68, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-54:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(157, 210, 231, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-55:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(250, 183, 172, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile ul li:hover > ul{display:block;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-50 > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item.menu-item-50 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-50 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-50 a:hover{background:#c7c7c7;color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-52 > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item.menu-item-52 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-52 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-52 a:hover{background:rgba(108, 222, 215, 1);color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-53 > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item.menu-item-53 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-53 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-53 a:hover{background:rgba(240, 190, 68, 1);color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-54 > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item.menu-item-54 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-54 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-54 a:hover{background:rgba(157, 210, 231, 1);color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-55 > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item.menu-item-55 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-55 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-55 a:hover{background:rgba(250, 183, 172, 1);color:#fff;} } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) and (max-width: 480px) { h2.entry-title{color:#444; font-weight:bold;;margin:0 0 0 0;font-size:14px !important;} .container_15 .grid_10 { width:99%; } .container_15 .grid_7 { width:99%; } .container_15 .grid_5 { width:98%; } .container_15 .grid_3 { width:48%; } .container_12 .grid_4 { width:48.5%; } .container_12 .grid_3 { width:48%; } .container_15 .pull_10{ left:1%; } .container_15 .push_5{ left:0%; } .alpha1,.alpha3,.alpha5,.alpha7,.alpha9,.alpha11,.alpha13,.alpha15,.alpha17{ margin-left: 0; } .alpha2,.alpha4,.alpha6,.alpha8,.alpha10,.alpha12,.alpha14,.alpha16,.alpha18{ margin-left: 1%; } .omega2,.omega4,.omega6,.omega8,.omega10,.omega12,.omega14,.omega16,.omega18{ margin-right: 0; } .omega1,.omega3,.omega5,.omega7,.omega9,.omega11,.omega13,.omega15,.omega17{ margin-right: 1%; } .postsingle{margin : 60px -10px 0 0 !important;} .sidebar{margin:10px 0 0 0} #wrappermenu{display:none;} .mobileonfooter{display:block} .posthome{height:230px !important;} .postsingletext{margin:0 10px !important;overflow: hidden;} div#wrapperheader{ background-image:url(images/header_bg_top.png),none; background-repeat: no-repeat,no-repeat; background-position: center top,center top; background-color: #FFF; } #header { /* border-bottom: 2px solid #E2E4E4; */ position: fixed !important; /* background-image:url(images/header_bg_top.png) !important; background-repeat: no-repeat !important; background-position: center top !important;*/ background-color: #FFF !important; width: 100% !important; z-index: 99999; -webkit-box-shadow: 0px 5px 8px 0px rgb(0 0 0 / 10%); box-shadow: 0px 5px 8px 0px rgb(0 0 0 / 10%); } .headertop { padding: 0 !important; } #main_kv_wrapper { padding-top: 60px; } #main_kv { height: 90px !important;background-size: cover; } #main_kv p { padding-top: 10px !important; } /* Navigation */ #accessmobile{background:#f1f2f4;background-color: rgba(250, 250, 250, 0.8);display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;} #accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;} #accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;} #accessmobile a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);-ms-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:38px;left:0;float:left;width:100%;;z-index:99999;} #accessmobile ul ul li{min-width:100%;;} #accessmobile ul ul ul{left:100%;top:0;} #accessmobile ul ul a{background:#f1f2f4;line-height:1em;width:100%;;height:auto;padding:10px 0 10px 10px;} #accessmobile li.menu-item-50:hover > a,#accessmobile ul ul :hover > a{background:#c7c7c7;color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-52:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(108, 222, 215, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-53:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(240, 190, 68, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-54:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(157, 210, 231, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-55:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(250, 183, 172, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile ul li:hover > ul{display:block;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-50 > a,#accessmobile ul li.current-menu-parent.menu-item-50 > a,* html #accessmobile ul li.current_page_item.menu-item-50 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-50 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-50 a:hover{background:#c7c7c7;color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-52 > a,#accessmobile ul li.current-menu-parent.menu-item-52 > a,* html #accessmobile ul li.current_page_item.menu-item-52 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-52 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-52 a:hover{background:rgba(108, 222, 215, 1);color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-53 > a,#accessmobile ul li.current-menu-parent.menu-item-53 > a,* html #accessmobile ul li.current_page_item.menu-item-53 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-53 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-53 a:hover{background:rgba(240, 190, 68, 1);color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-54 > a,#accessmobile ul li.current-menu-parent.menu-item-54 > a,* html #accessmobile ul li.current_page_item.menu-item-54 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-54 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-54 a:hover{background:rgba(157, 210, 231, 1);color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-55 > a,#accessmobile ul li.current-menu-parent.menu-item-55 > a,* html #accessmobile ul li.current_page_item.menu-item-55 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-55 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-55 a:hover{background:rgba(250, 183, 172, 1);color:#fff;} } @media screen and (min-width: 480px) and (max-width: 768px) { h2.entry-title{color:#444; font-weight:bold;;margin:0 0 0 0;font-size:16px !important;} .container_15 .grid_10 { width:98%; margin-left: 0 !important; margin-right: 0 !important; } .container_15 .grid_7 { width:99%; } .container_15 .grid_5 { width:98%; } .container_15 .grid_3 { width:31.333%; } .container_12 .grid_4 { width:48.8%; } .container_12 .grid_3 { width:48.5%; } .container_15 .pull_10{ left:1%; } .container_15 .push_5{ left:1%; } .alpha1,.alpha3,.alpha5,.alpha7,.alpha9,.alpha11,.alpha13,.alpha15,.alpha17{ margin-left: 0; } .alpha2,.alpha4,.alpha6,.alpha8,.alpha10,.alpha12,.alpha14,.alpha16,.alpha18{ margin-left: 1%; } .omega2,.omega4,.omega6,.omega8,.omega10,.omega12,.omega14,.omega16,.omega18{ margin-right: 0; } .omega1,.omega3,.omega5,.omega7,.omega9,.omega11,.omega13,.omega15,.omega17{ margin-right: 1%; } .postsingle{margin : 10px -10px 0 0 !important;} .sidebar{margin:10px 0 0 0} #wrappermenu{display:none;} .mobileonfooter{display:block} div#wrapperheader{ background-image:url(images/header_bg_top.png),none; background-repeat: no-repeat,no-repeat; background-position: center top,center top; background-color: #FFF; } /* Navigation */ #accessmobile{background:#f1f2f4;background-color: rgba(250, 250, 250, 0.8);display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;} #accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;} #accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;} #accessmobile a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);-ms-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:38px;left:0;float:left;width:100%;;z-index:99999;} #accessmobile ul ul li{min-width:100%;;} #accessmobile ul ul ul{left:100%;top:0;} #accessmobile ul ul a{background:#f1f2f4;line-height:1em;width:100%;;height:auto;padding:10px 0 10px 10px;} #accessmobile li.menu-item-50:hover > a,#accessmobile ul ul :hover > a{background:#c7c7c7;color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-52:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(108, 222, 215, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-53:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(240, 190, 68, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-54:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(157, 210, 231, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-55:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(250, 183, 172, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile ul li:hover > ul{display:block;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-50 > a,#accessmobile ul li.current-menu-parent.menu-item-50 > a,* html #accessmobile ul li.current_page_item.menu-item-50 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-50 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-50 a:hover{background:#c7c7c7;color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-52 > a,#accessmobile ul li.current-menu-parent.menu-item-52 > a,* html #accessmobile ul li.current_page_item.menu-item-52 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-52 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-52 a:hover{background:rgba(108, 222, 215, 1);color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-53 > a,#accessmobile ul li.current-menu-parent.menu-item-53 > a,* html #accessmobile ul li.current_page_item.menu-item-53 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-53 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-53 a:hover{background:rgba(240, 190, 68, 1);color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-54 > a,#accessmobile ul li.current-menu-parent.menu-item-54 > a,* html #accessmobile ul li.current_page_item.menu-item-54 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-54 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-54 a:hover{background:rgba(157, 210, 231, 1);color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-55 > a,#accessmobile ul li.current-menu-parent.menu-item-55 > a,* html #accessmobile ul li.current_page_item.menu-item-55 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-55 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-55 a:hover{background:rgba(250, 183, 172, 1);color:#fff;} } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { h2.entry-title{color:#444; font-weight:bold;;margin:0 0 0 0;font-size:14px !important;} .container_15 .grid_10 { width:99%; } .container_15 .grid_7 { width:99%; } .container_15 .grid_5 { width:98%; } .container_15 .grid_3 { width:48%; } .container_12 .grid_4 { width:48.5%; } .container_12 .grid_3 { width:48%; } .container_15 .pull_10{ left:1%; } .container_15 .push_5{ left:0%; } .alpha1,.alpha3,.alpha5,.alpha7,.alpha9,.alpha11,.alpha13,.alpha15,.alpha17{ margin-left: 0; } .alpha2,.alpha4,.alpha6,.alpha8,.alpha10,.alpha12,.alpha14,.alpha16,.alpha18{ margin-left: 1%; } .omega2,.omega4,.omega6,.omega8,.omega10,.omega12,.omega14,.omega16,.omega18{ margin-right: 0; } .omega1,.omega3,.omega5,.omega7,.omega9,.omega11,.omega13,.omega15,.omega17{ margin-right: 1%; } .postsingle{margin : 0 -10px 0 0 !important;} .sidebar{margin:10px 0 0 0} #wrappermenu{display:none;} .mobileonfooter{display:block} .posthome{height:225px !important;} .postsingletext{margin:15px 10px 0 !important;overflow: hidden;} div#wrapperheader{ background-image:url(images/header_bg_top.png),url(images/header_bg_top.png); background-repeat: no-repeat,no-repeat; background-position: center top,center top; background-color: #FFF; } #header { border-bottom: 2px solid #E2E4E4; position: fixed !important; background-image: url(images/header_bg_top.png) !important; background-repeat: no-repeat !important; background-position: center top !important; background-color: #FFF !important; width: 100% !important; z-index: 99999; } .headertop { padding: 0 !important; } #main_kv_wrapper { padding-top: 60px; } #main_kv { height: 90px !important;background-size: cover; } #main_kv p { padding-top: 10px !important; } /* Navigation */ #accessmobile{background:#f1f2f4;background-color: rgba(250, 250, 250, 0.8);display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;} #accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;} #accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;} #accessmobile a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);-ms-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:38px;left:0;float:left;width:100%;;z-index:99999;} #accessmobile ul ul li{min-width:100%;;} #accessmobile ul ul ul{left:100%;top:0;} #accessmobile ul ul a{background:#f1f2f4;line-height:1em;width:100%;;height:auto;padding:10px 0 10px 10px;} #accessmobile li.menu-item-50:hover > a,#accessmobile ul ul :hover > a{background:#c7c7c7;color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-52:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(108, 222, 215, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-53:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(240, 190, 68, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-54:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(157, 210, 231, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile li.menu-item-55:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(250, 183, 172, 1);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile ul li:hover > ul{display:block;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-50 > a,#accessmobile ul li.current-menu-parent.menu-item-50 > a,* html #accessmobile ul li.current_page_item.menu-item-50 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-50 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-50 a:hover{background:#c7c7c7;color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-52 > a,#accessmobile ul li.current-menu-parent.menu-item-52 > a,* html #accessmobile ul li.current_page_item.menu-item-52 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-52 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-52 a:hover{background:rgba(108, 222, 215, 1);color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-53 > a,#accessmobile ul li.current-menu-parent.menu-item-53 > a,* html #accessmobile ul li.current_page_item.menu-item-53 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-53 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-53 a:hover{background:rgba(240, 190, 68, 1);color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-54 > a,#accessmobile ul li.current-menu-parent.menu-item-54 > a,* html #accessmobile ul li.current_page_item.menu-item-54 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-54 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-54 a:hover{background:rgba(157, 210, 231, 1);color:#fff;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item.menu-item-55 > a,#accessmobile ul li.current-menu-parent.menu-item-55 > a,* html #accessmobile ul li.current_page_item.menu-item-55 a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item.menu-item-55 a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li.menu-item-55 a:hover{background:rgba(250, 183, 172, 1);color:#fff;} } /* Pickup------------- */ div.pickuppost_box { margin: 0 0 30px !important; width: 100% !important; } div.pickuppost_box img { margin: 0 !important; } div.pickuppost_box .cat-links { position: relative; z-index: 10; } /* 人気のある記事うぃじっと------------- */ /*-- 今見ているカテゴリ --*/ .wpp-list li { height : 90px ; padding : 1px 2px 1px 2px ; } .wpp-list li a{ text-decoration: none; } #popular-post a { font-weight : normal ; text-decoration : none ; } #popular-post ul li { position : relative ; font-size: 15px; background-color: #FFF; margin: 10px 0; padding: 0; overflow: hidden; } #popular-post { counter-reset : wpp-ranking ; } #popular-post ul{ padding: 0; } #popular-post ul li a { text-decoration: none; } #popular-post ul li:before {/*ナンバリング表示*/ position : absolute ; top : 0px ; left : 0px ; color : #ffffff ; content: counter(wpp-ranking, decimal); counter-increment : wpp-ranking ; text-align : center ; z-index : 9999 ; float : left ; line-height : 30px ; width : 30px ; height : 30px ; border-radius : 2px ; background-color: #FBCC49; filter : alpha(opacity=95) ; -moz-opacity : 0.95 ; opacity : 0.95 ; } #popular-post ul li.number1:before, #popular-post ul li.number2:before, #popular-post ul li.number3:before, #popular-post ul li.number4:before, #popular-post ul li.number5:before, #popular-post ul li.number6:before, #popular-post ul li.number7:before, #popular-post ul li.number8:before, #popular-post ul li.number9:before, #popular-post ul li.number10:before, #popular-post ul li.number11:before, #popular-post ul li.number12:before, #popular-post ul li.number13:before, #popular-post ul li.number14:before, #popular-post ul li.number15:before {/*ナンバリングが増えるなら追加*/ content : counter(wpp-ranking, decimal) ; background-color : #333333 ; } a.wpp-post-title { display: block; padding: 5px; line-height: 1.3; } ul.wpp-list li { position: relative; } ul.wpp-list li:hover { background-color: #ffffea !important; display: block; cursor: pointer !important; } ul.wpp-list li p { position: absolute; top: 66px; left: 96px; font-size: 16px; color: #999999; } /* jquery.sidr.light------------- */ #sidr-right { display: none; } .sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-size:15px;background:#f8f8f8;color:#333;-ms-box-shadow:inset 0 0 5px 5px #ebebeb;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb} .sidr .sidr-inner{padding:0 0 15px} .sidr .sidr-inner>p{margin-left:15px;margin-right:15px} .sidr.right{left:auto;right:-260px} .sidr.left{left:-260px;right:auto} .sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-ms-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)} .sidr p{font-size:18px;} .sidr p a{color:rgba(51,51,51,0.9);display: block;padding: 5px 0;} .sidr>p{margin-left:15px;margin-right:15px} .sidr ul{display:block;margin:0;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff} .sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf} .sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px} .sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-ms-box-shadow:inset 0 0 15px 3px #ebebeb;-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb} .sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333} .sidr ul li ul{border-bottom:none;margin:0} .sidr ul li ul li{line-height:40px;font-size:13px} .sidr ul li ul li:last-child{border-bottom:none} .sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px} .sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-ms-box-shadow:inset 0 0 15px 3px #ebebeb;-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb} .sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px} .sidr form{margin:0 15px} .sidr label{font-size:13px} .sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-boxsizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both} .sidr input[type=checkbox]{width:auto;display:inline;clear:none} .sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333} .sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)} .sidr ul.sidr-close{border:none;border-bottom:1px solid #fff;} .sidr ul.sidr-close li{border-top:1px solid #fff;border-bottom:1px solid #dfdfdf} .sidr ul li.menu-item-50 a{border-left: 8px solid #c7c7c7;} .sidr ul li.menu-item-52 a{border-left: 8px solid rgba(108, 222, 215, 1);} .sidr ul li.menu-item-53 a{border-left: 8px solid rgba(240, 190, 68, 1);} .sidr ul li.menu-item-54 a{border-left: 8px solid rgba(157, 210, 231, 1);} .sidr ul li.menu-item-55 a{border-left: 8px solid rgba(250, 183, 172, 1);} #sidr_menu_btn { position: absolute; right: 10px; top: 25%; } a#right-menu { font-size: 36px; } .css-bar{ display: inline-block; position: relative; margin: 0 10px 3px 0; padding: 0; background: #000; } .css-bar, .css-bar:before, .css-bar:after{ width: 36px; height: 6px; } .css-bar:before, .css-bar:after{ display: block; content: ""; position: absolute; top: 50%; left: 0; background: #000; } .css-bar:before{ margin-top: -16px; } .css-bar:after{ margin-top: 10px; } #advps_container1 { padding: 3px 0.33% 4px; } #advps_container5 { padding: 3px 0.33% 4px; } div.advps-excerpt-one { height: 27% !important; } .advps-excerpt-block-one {padding: 5px 10px !important;} #advps_container1 .advs-title a { font-size: 19px; line-height: 1.2 !important; } div.advps-excerpt-one p{ display: none; } .bx-wrapper { box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.3); overflow: hidden; } @media only screen and (min-width : 1025px) and (max-width: 1200px) { div.advps-excerpt-one {height: 32% !important;} } @media only screen and (min-width : 321px) and (max-width: 480px) { #container{margin: 0;} #advps_container1 { padding: 0 1% 0 0; } #advps_container5 { padding: 0 1% 0 0; } #header p#inte_logo { display: none; } #content h1 { margin-right: 1%; } div.advps-excerpt-one {height: 36% !important;} .advps-excerpt-block-one {padding: 7px 10px !important;} #advps_container5 h2.advs-title, #advps_container5 h2.advs-title a {font-size: 14px !important;line-height: 1.2 !important;} .bx-wrapper { margin-bottom: 0 !important; } .posthometext { margin: 0 5px;} .ios .has-post-thumbnail a img:hover { opacity: 1; transition-duration: none; transition-property: none; transition-timing-function: none; } .ios .advps-slide a img:hover { opacity: 1; transition-duration: none; transition-property: none; transition-timing-function: none; } } @media screen and (min-width: 480px) and (max-width: 768px) { #container{margin: 0;} #advps_container1 { padding: 0; } #advps_container5 { padding: 0; } #header p#inte_logo { display: none; } } @media screen and (min-width: 768px) and (max-width: 1024px) { #container{margin: 10px 0 0 0;} #advps_container1 { padding: 0; } .container_12 .grid_4 { width:31.8%; } #header p#inte_logo { display: none; } } @media only screen and (max-width : 320px) { #container{margin: 0;} #advps_container1 { padding: 0 1% 0 0; } #advps_container5 { padding: 0 1% 0 0; } #header p#inte_logo { display: none; } #content h1 { margin-right: 1%; } div.advps-excerpt-one {height: 38% !important;} .advps-excerpt-block-one {padding: 7px 10px !important;} #advps_container5 h2.advs-title, #advps_container1 h2.advs-title a { font-size: 13px !important; line-height: 13px !important; } .bx-wrapper { margin-bottom: 0 !important; } .posthometext { margin: 0 5px;} .ios .has-post-thumbnail a img:hover { opacity: 1; transition-duration: none; transition-property: none; transition-timing-function: none; } .ios .advps-slide a img:hover { opacity: 1; transition-duration: none; transition-property: none; transition-timing-function: none; } } /* WP-PageNavi------------- */ .wp-pagenavi { clear: both; margin-top: 10px; } .wp-pagenavi a, .wp-pagenavi span { background: none repeat scroll 0 0 #c7c7c7; color: #FFFFFF; font-size: 1.7em; padding: 10px 16px; border-radius: 1px; text-decoration: none; border: none; } .wp-pagenavi a:hover { background-color: #53565a; color: #FFFFFF; opacity: 0.8; transition-duration: 500ms; transition-property: all; transition-timing-function: ease; } .ios .wp-pagenavi a:hover { opacity: 1; } .wp-pagenavi span.current { background-color: #90d6d4; color: #FFFFFF; border-radius: 1px; padding: 10px 16px; font-weight: bold; } /* search------------- */ .widgetblock input[type=search] { background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #ccc; color: grey; display: block; font: 15px 'Helvetica Neue', Helvetica, Arial, sans-serif !important; padding: 10px 14px; width: 100%; -webkit-appearance: none !important; border-radius: 4px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); -ms-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); } .widgetblock input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; } .widgetblock input[type=search]::-webkit-search-decoration { display: none; } .widgetblock input[type=search]:focus { outline: 0; color: #505050; border-color: #ccc; } .widgetblock .wpex-searchform { position: relative; } .widgetblock .wpex-searchform #searchsubmit { padding: 0; border: none; outline: 0; background: 0 0; -webkit-appearance: none; color: #bbb; position: absolute; right: 5px; top: 50%; font-size: 20px; margin-top: -10px; cursor: pointer; height: inherit; } .widgetblock .wpex-searchform #searchsubmit:hover { color: #000; } .widgetblock input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus, textarea:focus { outline: 0; color: #505050; border-color: #ccc; } .widgetblock input[type=text], input[type=password], input[type=email], input[type=url], .widgetblock input[type=tel], textarea { background: #fff; border: 1px solid #ddd; color: grey; display: block; font: 12px 'Helvetica Neue', Helvetica, Arial, sans-serif !important; margin-bottom: 10px; margin-left: 0; max-width: 100%; padding: 8px 12px; border-radius: 4px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); -ms-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); } .widgetblock textarea { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.6em !important; } /* SNS------------- */ .social_box {text-align: right;} .social_box a {margin-left: 4px;} .social_box .fa {font-size: 4em;color: #999;} [class*="fa-twitter"]:hover {color: #55acee;transition-duration: 500ms;transition-property: all;transition-timing-function: ease;} [class*="fa-facebook"]:hover {color: #315096;transition-duration: 500ms;transition-property: all;transition-timing-function: ease;} [class*="fa-rss"]:hover {color: #ff8c00;transition-duration: 500ms;transition-property: all;transition-timing-function: ease;} @media screen and (max-width: 650px){ h2.advs-title {margin: 0 0px 10px 0px !important;} } @media screen and (max-width: 480px){ h2.advs-title {margin: 0 0px 10px 0px !important;} } @media screen and (max-width: 320px){ h2.advs-title {margin: 0 0px 10px 0px !important;} } /* partition-----------------------------------------------------------------*/ .partition{ max-width: 1280px; margin: 0 auto; padding: 60px 0; } .partition .partInside{ margin: 0 10px; } /* #Social -----------------------------------------------------------------*/ #Social{ padding: 35px 0 27px; } #Social #socialBtn, #Social #socialBtn li{ float: left; } #socialBtn li:first-child{ width: 105px; } #Social .partInside p{ float: right; margin-right: 2px; } #Social .partInside p.leftBox{ float: left; margin: 55px 2px 55px 0;; width: 25%; } #Social .partInside .rightBox{ width: 65%; float: right; text-align: right; } #Social .partInside .rightBox p { float: right; margin: 7px 0 0 30px; } #Social .partInside .rightBox ul { float: right; } #Social .partInside .rightBox ul li { margin: 0; text-align: center; } #Social .partInside ul li.privacy { margin: 0 0 12px 0; } #Social .partInside .rightBox span { display: inline-block; vertical-align: middle; } /* #FootBottom -----------------------------------------------------------------*/ #FootBottom{ height:51px; line-height: 51px; background:#97999b; } #FootBottom .partition{ padding: 0; } #FootBottom ul{ float: left; } #FootBottom ul li{ float:left; margin-right: 13px; letter-spacing: 1px; } #FootBottom li a{ color: #fff; text-decoration: none; font-weight: bold; } #FootBottom li a:hover{ text-decoration: underline; background: #97999b; } @media screen and (min-width: 321px) and (max-width: 1024px) { #FootBottom{ height:inherit !important;} #FootBottom ul{float: none !important;} #FootBottom ul li{float: none !important;margin-right: 0;font-size: 1.3em;} #FootBottom ul li a{display: block;line-height: 40px;text-decoration: none;padding: 0 10px;} #FootBottom ul li a:hover{text-decoration: none;background: #444;background: rgba(0,0,0,0.7);color: #fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #FootBottom p.copyright{ float: none !important;margin-top: 0 !important;width: 100% !important;text-align: center;height: 51px;line-height: 51px;font-size: 1.3em; } #FootBottom p.copyright img{ position: relative;top:50%; } #FootBottom .partition .partInside { margin: 0 !important;} } @media only screen and (max-width : 320px) { #FootBottom{ height:inherit !important;} #FootBottom ul{float: none !important;} #FootBottom ul li{float: none !important;margin-right: 0;font-size: 1.3em;} #FootBottom ul li a{display: block;line-height: 40px;text-decoration: none;padding: 0 10px;} #FootBottom ul li a:hover{text-decoration: none;background: #444;background: rgba(0,0,0,0.7);color: #fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #FootBottom p.copyright{ float: none !important;margin-top: 0 !important;width: 100% !important;text-align: center;height: 51px;line-height: 51px;font-size: 1.3em; } #FootBottom p.copyright img{ position: relative;top:50%; } #FootBottom .partition .partInside { margin: 0 !important;} } /* 記事一覧SNS-----------------------------------------------------------------*/ .posthome { position: relative; } .sns_count { font-size: 1.8em; overflow: hidden; position: absolute; bottom: 5px; right: 10px; } .sns_count i{ color: #999; } .sns_count ul li{ float: right; margin-left: 16px; } .sns_count ul li i{ margin-right: 2px; } /* パンくずリスト-----------------------------------------------------------------*/ .breadcrumbs { display: inline; position: absolute; width:90%; /*width:64.667%;*/ float: left; left:1%; margin-top: 10px; margin-left: 0%; margin-right: 1%; margin-bottom: 10px; overflow: hidden; padding: 0px; font-size: 1.2em; color: #a5a5a5; } .breadcrumbs a { color: #a5a5a5; } #content.postsingle { margin-top: 40px; } /* 記事Index-----------------------------------------------------------------*/ #toc_container { font-size: 1.4em !important; padding: 10px 15px !important; } #toc_container p.toc_title { font-weight: bold; font-size: 20px !important; margin-bottom: 0 !important; } #toc_container span.toc_toggle { font-weight: normal; font-size: 80% !important: } /* SNS記事ボタン-----------------------------------------------------------------*/ .balloon-btn-set{ width:80px; height:63px; } .sns-buttons-pc{ display: block; /* height: 70px; */ } .sns-buttons-pc li{ float: left; margin:0 10px 0 0 !important; } .sns-buttons-pc li i { line-height: 1.5; } .balloon-btn-set a{ display:block; color:#777; font-size:14px; text-decoration:none; } .arrow-box-vertical-link{ font-weight:bold; text-align:center; color:#777; font-size:14px; text-decoration:none; } .twitter-arrow-box-vertical-link{ color:#FFF !important; } .arrow-box-vertical-link:hover{color:#777;} a.balloon-btn-vertical-link{ border:1px solid #ddd; width:78px; height:25px; line-height:20px; position:relative; top:7px; color:white; border-radius:3px; font-size: 1.4em; } a.balloon-btn-vertical-link:hover{ color:white; opacity:0.6; } .ios a.balloon-btn-vertical-link:hover{ opacity:1; } a.twitter-balloon-btn-vertical-link{background-color:#000;} a.facebook-balloon-btn-vertical-link{background-color:#3c5a99;} a.googleplus-balloon-btn-vertical-link{background-color:#dd4b39;} a.hatena-balloon-btn-vertical-link{background-color:#3c7dd1;} a.pocket-balloon-btn-vertical-link{background-color:#ee4257;} a.line-balloon-btn-vertical-link{background-color:#00B900;} a.feedly-balloon-btn-vertical-link{background-color:#87bd33;} .arrow-box-vertical { position: relative; background: #fff; border: 1px solid #bbb; text-align:center; width:78px; height:33px; border-radius:3px; top:-7px; line-height:33px; display:inline-block; } .twitter-balloon-btn-vertical .arrow-box-vertical, .line-balloon-btn-vertical .arrow-box-vertical { border: 1px solid #FFF; } .arrow-box-vertical:after, .arrow-box-vertical:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow-box-vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 3px; margin-left: -3px; } .arrow-box-vertical:before { border-color: rgba(187, 187, 187, 0); border-top-color: #BBBBBB; border-width: 5px; margin-left: -5px; } .twitter-balloon-btn-vertical .arrow-box-vertical:after, .twitter-balloon-btn-vertical .arrow-box-vertical:before, .line-balloon-btn-vertical .arrow-box-vertical:after, .line-balloon-btn-vertical .arrow-box-vertical:before { border: 1px solid #FFF !important; } @media only screen and (min-width : 321px) and (max-width: 480px) { .balloon-btn-set{ width:66px;} a.balloon-btn-vertical-link{ width:62px;} .sns-buttons-pc li{ margin:0 2px 0 !important;} .arrow-box-vertical { width:62px;} .headertop{margin:0 !important;} .blogtitle{padding: 15px 0 2px 1%;text-shadow: 0 1px 3px rgba(0,0,0,0.3);} .blogtitle a{display:block;color:#444;width: 180px;height:40px;background: url(images/header_ttl.png) no-repeat 0 0;background-size:contain;background-position-y: 3px;text-indent: 100%;white-space: nowrap;overflow: hidden;} .blogtitle a:visited{color:#444;background: url(images/header_ttl.png) no-repeat 0 0;background-size:contain;background-position-y: 3px;text-indent: 100%;white-space: nowrap;overflow: hidden;} div#header{padding:0;} h1 a:link{color:#444;background: url(images/header_ttl.png) no-repeat 0 0;text-indent: 100%;background-size:contain;background-position-y: 3px;white-space: nowrap;overflow: hidden;} #Social{padding: 10px 0 20px;} #Social .partInside p.leftBox{float: left;margin: 30px 2px 30px 0;width: 45%;} #Social .partInside .rightBox{width: 50%;float: right;} #Social .partInside ul li.privacy {margin: 12px 0 5px 0;} .container_15 .grid_10.postsingle {width:100%;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;} .grid_4 .posthome{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;border:1px solid #E9E9E9;border-top:none;overflow: hidden;} .grid_4 .posthome{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;border:1px solid #E9E9E9;border-top:none;overflow: hidden;} .grid_4 .cat-links{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;border:1px solid #E9E9E9;border-bottom:none;overflow: hidden;} h1.single-entry-title{color:#444; font-weight:bold !important;margin:10px 0 0.5em 0 !important;font-size:2.2em !important;line-height: 1.2;} .arrow-box-vertical { height: 23px; line-height: 24px; } #sns-buttons {margin-top: 20px;} .sns-buttons-pc {/*height: 60px;*/} } @media only screen and (max-width : 320px) { .balloon-btn-set{ width:58px;} a.balloon-btn-vertical-link{ width:54px;} .sns-buttons-pc li{ margin:0 2px 0 !important;} .arrow-box-vertical { width:54px;} .headertop{margin:0 !important;} .blogtitle{padding: 15px 0 2px 1%;text-shadow: 0 1px 3px rgba(0,0,0,0.3);} .blogtitle a{display:block;color:#444;width: 180px;height:40px;background: url(images/header_ttl.png) no-repeat 0 0;background-size:contain;background-position-y: 3px;text-indent: 100%;white-space: nowrap;overflow: hidden;} .blogtitle a:visited{color:#444;background: url(images/header_ttl.png) no-repeat 0 0;background-size:contain;background-position-y: 3px;text-indent: 100%;white-space: nowrap;overflow: hidden;} div#header{padding:0;} h1 a:link{color:#444;background: url(images/header_ttl.png) no-repeat 0 0;text-indent: 100%;background-size:contain;background-position-y: 3px;white-space: nowrap;overflow: hidden;} #Social{padding: 20px 0 20px;} #Social .partInside p.leftBox{float: left;margin: 30px 2px 30px 0;width: 45%;} #Social .partInside .rightBox{width: 50%;float: right;} #Social .partInside ul li.privacy {margin: 0 0 5px 0;} #Social .partInside .rightBox{width: 50%;text-align:right;} #Social .partInside .rightBox span {width: 50%;text-align:right;} .container_15 .grid_10.postsingle {width:100%;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;} .grid_4 .posthome{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;border:1px solid #E9E9E9;border-top:none;overflow: hidden;} .grid_4 .posthome{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;border:1px solid #E9E9E9;border-top:none;overflow: hidden;} .grid_4 .cat-links{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;border:1px solid #E9E9E9;border-bottom:none;overflow: hidden;} h1.single-entry-title{color:#444; font-weight:bold !important;margin:10px 0 0.5em 0 !important;font-size:2.4em !important;line-height: 1.2;} .arrow-box-vertical { height: 23px; line-height: 24px; } #sns-buttons {margin-top: 20px;} .sns-buttons-pc {/*height: 60px;*/} } /* 関連記事-----------------------------------------------------------------*/ ul.related_post li { font-weight: bold; } ul.related_post li a.wp_rp_thumbnail { display: block !important; width: 90px !important; height: 90px !important; overflow: hidden; float: left !important; margin: 0 10px 0 0 !important; padding: 0 !important; } ul.related_post li a.wp_rp_title { font-size: 15px; line-height: 1.3; } /* コピーライト-----------------------------------------------------------------*/ #FootBottom .copyright{ float:right; /* width: 292px; margin-top: 20px;*/ color:#fff; } #intelogo { padding-top: 20px; } /* clearfix-----------------------------------------------------------------*/ .cf:before, .cf:after{ content: ""; display: table; } .cf:after{ clear: both; } .cf{ zoom: 1; } /************************************ ** SNSに関するスタイルシートの設定 ************************************/ /************************************ ** SNSシェアボタン ************************************/ #sns-group { clear: both; } #sns-group-top ul.snsb { padding: 10px 0; margin-bottom: 0; font-family: sans-serif; } #sns-group-top .snsb li { // float: left; display: inline-block; list-style-type: none; margin-right: 7px; margin-top: 2px; margin-bottom: 5px; } #sns-group-top ul.snsbs li { margin-right: 5px; margin-bottom: 5px; } #sns-group-top ul.snsbs li a { color: #fff; text-decoration: none; font-size: 25px; background-color: #000; display: block; padding: 7px 6px 3px 6px; border-radius: 5px; width: 25px; height: 30px; position: relative; } #sns-group-top ul.snsbs li a .social-count { font-size: 10px; position: relative; background-color: #555; width: auto; padding: 1px 3px; border-radius: 5px; position: absolute; display: inline-block; right: 0; bottom: 0; height: 12px; line-height: 12px; font-family: Arial; } #sns-group-top ul.snsbs a.twitter-btn-icon-link { background-color: #55acee; } #sns-group-top ul.snsbs a.facebook-btn-icon-link { background-color: #3b5998; } #sns-group-top ul.snsbs a.google-plus-btn-icon-link { background-color: #dd4b39; } #sns-group-top ul.snsbs a.hatena-btn-icon-link { background-color: #3C7DD1; } #sns-group-top ul.snsbs a.pocket-btn-icon-link { background-color: #EE4257; } #sns-group-top ul.snsbs a.line-btn-icon-link { background-color: #00c300; } #sns-group-top ul.snsbs a.evernote-btn-icon-link { background-color: #51b125; } #sns-group-top ul.snsbs a.feedly-btn-icon-link { background-color: #87bd33; } #sns-group-top ul.snsbs a.comments-btn-icon-link { background-color: #555; padding-top: 4px; padding-bottom: 6px; } #sns-group-top .snsbs li a:hover { opacity: 0.7; } #sns-group-top .snsbs li img { border-radius: 10px; } #sns-group-top img.evernote-btn-img { min-height: 62px; } #sns-group-top img.evernote-btn-img-mini { display: none; } /************************************ ** タイトル下SNSボタン ************************************/ #sns-group-top ul { padding: 0; line-height: 20px; } #sns-group-top ul li { margin-top: 2px; margin-bottom: 2px; } #sns-group-top .sns-share-msg { display: none; } #sns-group-top .twitter-btn { width: 100px; } #sns-group-top .facebook-btn { width: 110px; } #sns-group-top .google-plus-btn { width: 70px; margin-top: -2px; } #sns-group-top .pocket-btn { width: 95px; } #sns-group-top .evernote-btn-img { display: none; } #sns-group-top .evernote-btn-img-mini { display: block; } #sns-group-top .evernote-btn-img-mini { height: 20px !important; width: auto !important; } /************************************ ** 自作のバルーンシェアボタン ************************************/ #sns-group-top .balloon-btn-set { display: block; width: 56px; height: 63px; } #sns-group-top .balloon-btn-set a { display: block; color: #777; font-size: 14px; text-decoration: none; } #sns-group-top a.arrow-box-link { font-weight: bold; text-align: center; font-family: Arial; display: block; font-size: 14px; } #sns-group-top a.evernote-arrow-box-link { font-family: 'Boogaloo', cursive; font-weight: normal; } #sns-group-top a.arrow-box-link:hover { color: #555; } #sns-group-top a.balloon-btn-link { border: 1px solid #ddd; width: 54px; height: 20px; line-height: 22px; position: relative; color: white; border-radius: 3px; text-align: center; display: block; } #sns-group-top a.balloon-btn-link:hover { opacity: 0.7; } #sns-group-top a.twitter-balloon-btn-link { background-color: #000; } .balloon-btn-set .icon-twitter:before { width: 13px; height: 13px; margin-top: 3px; } #sns-group-top a.facebook-balloon-btn-link { background-color: #3c5a99; } #sns-group-top a.googleplus-balloon-btn-link { background-color: #dd4b39; } #sns-group-top a.hatena-balloon-btn-link { background-color: #3c7dd1; } #sns-group-top a.pocket-balloon-btn-link { background-color: #ee4257; } #sns-group-top a.line-balloon-btn-link { background-color: #00B900; } #sns-group-top a.evernote-balloon-btn-link { background-color: #51b125; } #sns-group-top a.feedly-balloon-btn-link { background-color: #87bd33; } #sns-group-top a.comments-balloon-btn-link { background-color: #333; } #sns-group-top a.comments-balloon-btn-link .fa-comment { position: relative; top: -3px; } #sns-group-top .arrow-box { position: relative; background: #fff; border: 1px solid #bbb; text-align: center; width: 54px; height: 33px; border-radius: 3px; line-height: 33px; display: inline-block; font-weight: bold; } #sns-group-top .arrow-box:after, #sns-group-top .arrow-box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #sns-group-top .arrow-box:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 3px; margin-left: -3px; } #sns-group-top .arrow-box:before { border-color: rgba(187, 187, 187, 0); border-top-color: #ddd; border-width: 5px; margin-left: -5px; } /************************************ ** タイトル下SNSボタン ************************************/ .page #sns-group-top { display: none; } #sns-group-top .balloon-btn-set { display: block; width: 108px; height: 22px; margin-bottom: 10px; } #sns-group-top li.twitter-balloon-btn .balloon-btn-set, #sns-group-top li.line-balloon-btn .balloon-btn-set { display: block; width: 56px; height: 22px; margin-bottom: 10px; } #sns-group-top .arrow-box { height: 20px; width: 46px; line-height: 20px; float: right; } #sns-group-top .arrow-box-link { line-height: 20px; text-align: center; } #sns-group-top .balloon-btn-link { top: 0; width: 28px; float: left; line-height: 24px; } #sns-group-top .arrow-box { position: relative; background: #fff; border: 1px solid #bbb; } #sns-group-top .arrow-box:after, #sns-group-top .arrow-box:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; left: auto; position: absolute; pointer-events: none; } #sns-group-top .arrow-box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 3px; margin-top: -3px; } #sns-group-top .arrow-box:before { border-color: rgba(119, 119, 119, 0); border-right-color: #bbb; border-width: 4px; margin-top: -4px; } #sns-group-top [class^="icon-"],#sns-group-top [class*=" icon-"] { line-height: 1.5; } #sns-group-top .sns-buttons-pc { height: 50px; } /************************************ ** アイコンフォント用スタイル ************************************/ @font-face { font-family: 'icomoon'; src:url('fonts/icomoon.eot?-qz7pb2'); src:url('fonts/icomoon.eot?#iefix-qz7pb2') format('embedded-opentype'), url('fonts/icomoon.woff?-qz7pb2') format('woff'), url('fonts/icomoon.ttf?-qz7pb2') format('truetype'), url('fonts/icomoon.svg?-qz7pb2#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-evernote:before { content: "\e004"; } .icon-feedly:before { content: "\e007"; } .icon-pocket:before { content: "\e008"; } .icon-line:before { content: "\e009"; } .icon-hatena:before { content: "\e00a"; } .icon-feedly-square:before { content: "\e601"; } .icon-googleplus:before { content: "\e608"; } .icon-facebook:before { content: "\e60d"; } .icon-instagram:before { content: "\e610"; } .icon-twitter:before { content: ""; display: inline-block; background: url(/i-engineer/wp-content/images/sns-x-white.png) no-repeat center center / cover; width: 26px; height: 26px; } .icon-feed:before { content: "\e614"; } .icon-youtube:before { content: "\e617"; } .icon-flickr2:before { content: "\e61e"; } .icon-githubmark:before { content: "\e626"; } .icon-github:before { content: "\e627"; } .icon-wordpress:before { content: "\e629"; } .icon-tumblr:before { content: "\e62d"; } .icon-yahoo:before { content: "\e62f"; } .icon-apple:before { content: "\e631"; } .icon-android:before { content: "\e633"; } .icon-windows:before { content: "\e634"; } .icon-windows8:before { content: "\e635"; } .icon-skype:before { content: "\e636"; } .icon-delicious:before { content: "\e638"; } .icon-pinterest:before { content: "\e63a"; } ul.web-logo-font { padding: 0; font-family: sans-serif; } ul.web-logo-font li { float: left; list-style-type: none; margin-left: 5px; padding-right: 5px; } ul.web-logo-font li a{ font-size: 40px; text-decoration: none; color: #000; } ul.web-logo-font li a:hover{ opacity: 0.6; } ul.web-logo-font { padding: 0; font-family: sans-serif; } ul.web-logo-font li { float: left; list-style-type: none; margin-left: 5px; padding-right: 5px; } ul.web-logo-font li a{ font-size: 40px; text-decoration: none; } ul.web-logo-font li a:hover{ opacity: 0.6; } /*フォント色を設定*/ ul.web-logo-font { padding: 0; font-family: sans-serif; } ul.web-logo-font li { float: right; list-style-type: none; margin-left: 5px; padding-right: 5px; } ul.web-logo-font li a{ font-size: 30px; text-decoration: none; color: #000; } ul.web-logo-font li a:hover{ opacity: 0.6; } /*強調するためにあらためて記入しただけでまとめて書いてもOK*/ ul.web-logo-font li a{ color: #F8F8F8; padding: 9px 7px 4px; border-radius: 5px; } /*背景色を設定*/ ul.web-logo-font a{background-color:#999;} /* 記事が良かったらいいね */ /*記事がよかったら、いいねPC*/ .p-entry__push { margin:0 auto 40px; display: table; table-layout: fix; width: 100%; background-color: #FFF; color: #333; border: 1px solid #ccc; width: 60%; } .p-entry__pushThumb { display: table-cell; min-width: 240px; background-position: center; background-size:cover; } .p-entry__pushLike { display: table-cell; padding: 20px; text-align: center; vertical-align: middle; line-height: 1.4; font-size: 20px; } .p-entry__pushLike a { color: #3B5998; font-weight: bold; } .p-entry__pushLike a:hover { text-decoration: underline; } .p-entry__pushButton { margin-top: 15px; display: inline-block; width: 200px; height: 40px; line-height: 40px; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .p-entry__pushButtonLike { line-height: 1 } .p-entry__note { margin-top: 15px; font-size: 12px; color: #666; } /*記事がよかったら、いいねスマホ*/ .p-shareButton-bottom { padding-bottom: 15px; overflow: hidden } .p-shareButton__buttons { font-weight: 700; color: #fff; font-size: 13px; text-align: center } .p-shareButton__buttons>li { padding-left: 3px; padding-right: 4px } .p-shareButton__buttons .c-btn { padding: 8px 0; border-radius: 2px } .p-shareButton__buttons .c-ico { display: block; margin: auto auto 5px } .p-shareButton__fb { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); width: 115px } .p-shareButton__fb-cont { position: relative; width: 108px; margin: 0 auto } .p-shareButton__fb-unable { position: absolute; top: 0; left: 0; width: 20px; height: 20px } .p-shareButton__cont { margin: 15px 0 0 } .p-shareButton__a-cont { background: #FFF; display: table; width: 100%; color: #333; border: 1px solid #999; width: 90%; margin: 0 auto; } .p-shareButton__a-cont__img { display: table-cell; min-width: 130px; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center } .p-shareButton__a-cont__btn { display: table-cell; padding: 12px; text-align: center } .p-shareButton__a-cont__btn p { font-size: 15px; color: #333; font-weight: 700; padding: 5px 0 15px; line-height: 1.4; margin-bottom: 0px; } .p-shareButton__a-cont__btn p a { color: #3B5998; } .fb-like iframe { max-width: none!important; } .p-shareButton__a-cont__btn p.p-shareButton_entry__note { margin-top: 15px; font-size: 12px; color: #999; padding-bottom: 5px; } /* TOPへ戻るボタンスタイル */ div#scrolltop { color:#fff; text-align:center; position:fixed; right:20px; bottom:20px; display:none; width: 40px; height: 40px; margin-bottom: 1px; border: 1px #6a6a6a solid; border-color: rgba(140,140,140,1); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3); box-shadow: 0 0 2px 1px rgba(0,0,0,0.3); padding-top: 10px; z-index: 101; background-color: rgba(0,0,0,0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #scrolltop p{ font-size: 24px; }#scrolltop p i{ line-height: 15px; } /*会話形式のデザイン ※toydoctor用*/ /** .talk-bc { padding: 20px 10px; max-width: 100%; margin: 15px auto; text-align: right; font-size: 1.1em; } **/ /*左側のコメント*/ /** .leftballoon { width: 100%; margin: 10px 0; overflow: hidden; } .leftballoon .faceicon { float: left; margin-right: -35px; width: 100px; text-align: center; } .leftballoon .faceicon img{ width: 100%; height: auto; border-radius: 50%; } .leftballoon .chatting { width: 100%; text-align: left; } .leftballoon .says { display: inline-block; position: relative; margin: 0 0 0 50px; padding: 10px; border-radius: 12px; background: #ededed; } .leftballoon .says:after { content: ""; display: inline-block; position: absolute; top: 3px; left: -19px; border: 8px solid transparent; border-right: 18px solid #ededed; -webkit-transform: rotate(35deg); transform: rotate(35deg); } .leftballoon .says p, .rightballoon .says p { margin: 0 0 -30px 0; !important padding: 0; } **/ /*右側の緑コメント*/ /** .rightballoon { width: 100%; margin: 10px 0; overflow: hidden; } .rightballoon .faceicon { float: right; margin-left: -35px; width: 100px; text-align: center; } .rightballoon .faceicon img{ width: 100%; height: auto; border-radius: 50%; } .rightballoon .chatting { width: 100%; text-align: left; } .rightballoon .says { float: right; display: inline-block; position: relative; margin: 0 50px 0 0; padding: 8px; border-radius: 12px; background: #ededed; } .rightballoon .says:after { content: ""; position: absolute; top: 3px; left: 220px; border: 8px solid transparent; border-left: 18px solid #ededed; -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } @media screen and (max-width: 480px) { .says, .rightballoon .says { max-width: 250px; } }**/ /*吹き出し*/ .balloon_l, .balloon_r{ margin: 30px 0; display:flex; justify-content: flex-start; align-items: flex-start; /*縦位置を上揃え*/ /* align-items: center; */ /*縦位置を真ん中揃え*/ } .balloon_r{ justify-content:flex-end; } .faceicon{ text-align: center; } .faceicon img{ max-width: 100px !important; /*任意のサイズ*/ height: auto; } .faceicon span{ display: block; font-size: 1.2em; } .balloon_r .faceicon{ margin-left:25px; } .balloon_l .faceicon{ margin-right:25px; } .balloon_r .faceicon{ order:2 !important; } .says { display: flex; flex-wrap: wrap; position: relative; padding: 17px 13px 15px 18px; border-radius: 12px; background: #f1f1f1;/*色は任意*/ box-sizing:border-box; margin:0 !important; line-height:1.5; /* align-items: center; */ } .says p{ margin:8px 0 0 !important; } .says p:first-child{ margin-top:0 !important; } .says:after { content: ""; position: absolute; border: 10px solid transparent; /* margin-top:-3px; */ } .balloon_l .says:after { left: -26px; border-right: 22px solid #f1f1f1; } .balloon_r .says:after { right: -26px; border-left: 22px solid #f1f1f1; } /*登録・ログイン　全幅*/ .p-section--lv2:last-of-type { margin-bottom: 0; } .p-section--lv2 .p-register-login { background: #f2f2f2; border-width: 1px; border-style: solid; border-color: #e6e6e6; margin: 0 auto; padding: 25px 0 30px; line-height: 1.5; } .p-section--lv2 .p-register-login .p-register-top__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; } .p-section--lv2 .p-register-login .p-register-top__list .p-register-top__item { width: 240px; margin-right: 30px; } .p-section--lv2 .p-register-login .p-register-top__list .p-register-top__item.freelance { width: 300px; margin-right: 15px; } .p-section--lv2 .p-register-login .p-register-top__list .p-register-top__item h3.p-register-top__sub { font-size: 1rem !important; font-weight: normal !important; color: #53565a; text-align: center; font-weight: normal; border-left: 0; letter-spacing: 0; margin: 0; padding: 0; } .p-section--lv2 .p-register-login .p-register-top__list .p-register-top__item .c-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 100%; border-radius: 60px; -webkit-box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 10%); box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 10%); padding: 12px 0; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-size: 1.05rem; font-weight: bold; border-width: 1px; border-style: solid; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .3s; transition-duration: .3s; line-height: 1.5; text-decoration: none; } .p-section--lv2 .p-register-login .p-register-top__list .p-register-top__item .c-button--orange { background: #f39800; border-color: #f39800; color: #fff !important; } .p-section--lv2 .p-register-login .p-register-top__list .p-register-top__item .c-button--white { background: #fff; border-color: #00bfb3; color: #007672 !important; } @media screen and (max-width: 480px) { .balloon_l, .balloon_r{ margin: 30px 0; display: block; justify-content: flex-start; align-items: flex-start; /*縦位置を上揃え*/ } .faceicon{ text-align: left; } .faceicon span{ display: inline-block; } .balloon_r .faceicon { margin-left: 0px; } .balloon_l .says:after { top: -20px; left: 20px; right: 100%; border: 10px solid transparent; border-bottom: 15px solid #f1f1f1; } .balloon_r .says:after { top: -20px; left: 20px; right: 100%; border: 10px solid transparent; border-bottom: 10px solid #f1f1f1; } } @media only screen and (min-width : 321px) and (max-width: 480px) { /*登録・ログイン　全幅*/ .p-section--lv2 .p-register-login .p-register-top__list { flex-direction: column; } .p-section--lv2 .p-register-login .p-register-top__list .p-register-top__item:first-child { margin-bottom: 26.5px; } }