/* Theme Name: Tabiwaza1.0 Theme URI: https://www.tabiwaza.jp Description: Version: 999.0 Author: Author URI: License: GNU General Public License License URI: http://www.opensource.org/licenses/gpl-license.php Tags: */ @-ms-viewport {width: device-width;} @viewport {width: device-width;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body { margin: 0px; padding: 0px; font-size: 100%; color: #383838; background-color: white; /* font-family: inherit;*/ } html, body {line-height: 1.4em;} .cleariefloat {margin: 0px; padding: 0px; float: left; height: 3em; width: 100%;} .flex-control-nav {display: none;} .clearfix {clear: both;} #container .twitterbox a, .footer-top .twitterbox a {color: #52C0D4; text-decoration: underline;} #container .twitterbox a.time {color: #999; text-decoration: none;} a:link, a:visited {color: #0097b2; text-decoration: none;} a:hover, a:active {text-decoration: none; color: #111;} .twitterbox li.followme a, li.flickrmore a {border-bottom: 0 none !important;} #wp-calendar a {} :focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse: separate; border-spacing: 0; margin: 1em 0 2em 0;} caption, th, td {font-weight: normal; text-align: left;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} .widget table {clear: both;} ul.the-icons {list-style: none; margin: 0 0 0 1em !important;} .post-content .btn {padding: 5px 12px; background: #f7f7f7; border: 1px solid #ccc; color: #444; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .post-content .btn:hover {background: #f5f5f5; border: 1px solid #aaa; color: #222;} iframe.fb {margin: 0px; padding: 8px 0px; float: left; height: 30px; width: 100%;} img {border: 0 none;} .alignleft {display: inline; float: left; margin-right: 1.625em;} .alignright {display: inline; float: right; margin-left: 1.625em;} .aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} hr {background-color: #ddd; border: 0; height: 1px; margin-bottom: 1.625em;} p {margin: 0 0 1.6em;} ul, ol {margin: 0 0 1.625em 0em; padding: 0;} ul {list-style: square;} ol {list-style: decimal;} ol ol {list-style: upper-alpha;} ol ol ol {list-style: lower-roman;} ol ol ol ol {list-style: lower-alpha;} ul ul, ol ol, ul ol, ol ul {margin: 0 0 0 1em; padding: 0;} .post-content ul ul, .post-content ol ol, .post-content ul ol, .post-content ol ul {margin-bottom: 0; font-size: 92%;} .post-content ul li, .post-content ol li {margin: 0 0 0.6em;} .post-content ul li ul li, .post-content ol li ol li {margin: 0.2em 0 0;} .post-content ul, .post-content ol {margin: 0 0 1.6em 3em;} .post-content ul ul, .post-content ol ol {margin: 0 0 0em 2em;} * {zoom: 1;} .post-content h1 {font-size: 1.8em; margin: 0 0 1em;} .post-content h2 {font-size: 1.7em; margin: 0 0 1em;} .post-content h3 {font-size: 1.35em; margin: 0 0 1em;} .post-content h4 {font-size: 1.5em; margin: 0 0 1em;} .post-content h5 {font-size: 1.35em; margin: 0 0 1em;} .post-content h6 {font-size: 1em; margin: 0 0 1em;} dl {} dt {font-weight: bold;} dd {margin-bottom: 1.625em;} strong {font-weight: bold;} cite, em, i {font-style: italic;} blockquote em, blockquote i, blockquote cite {font-style: normal;} blockquote cite {font-weight: 300; letter-spacing: 0.05em; font-size: 85%;} pre {font-family: "Courier New", Courier, monospace; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; width: 80%; display: block; clear: both; white-space: pre-wrap; word-wrap: break-word; font-size: 90%; color: #333; border: 1px solid #ccc; background-color: #eee; background-image: url(images/textures/body-bg3.png); background-repeat: repeat;} code, kbd {font-size: 90%; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} abbr, acronym, dfn {border-bottom: 1px dotted #666; cursor: help;} .post-meta abbr {border-bottom: 0 none;} address {display: block; margin: 0 0 1.625em;} address {font-family: "Courier New", Courier, monospace; font-size: 1em;} ins {background: none !important; text-decoration: none;} sup, sub {font-size: 80%; height: 0; line-height: 1; position: relative; vertical-align: baseline;} sup {bottom: 1ex;} sub {top: .5ex;} i {margin: 0 7px 0 0;} ul.the-icons {margin: 0 0 1.4em 1em !important;} .post-content img {max-width: 100%; height: auto;} .widget img {max-width: 100%; height: auto;} img[class*="align"], img[class*="wp-image-"] {height: auto;} img.size-full {max-width: 97.5%; width: auto;} .content img.wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0;} img.alignleft, img.alignright, img.aligncenter {margin-bottom: 1.625em;} p img, .wp-caption {margin-top: 0.4em;} .format-image .wp-caption {margin-bottom: 1.625em; max-width: 100%; padding: 1em 0; box-shadow: 0 0 0 none; background-color: transparent;} .format-image .wp-caption img {margin: 0 0 1em; max-width: 100%; padding: 0;} .wp-caption {margin-bottom: 1.625em; max-width: 96%; padding: 16px 9px 9px; box-shadow: 0 0px 2px #999; background-color: #eee;} .wp-caption img {display: block; margin: 0 auto; max-width: 95%;} .wp-caption .wp-caption-text, .gallery-caption {color: #333; font-size: 90%;} .wp-caption .wp-caption-text {margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; color: #333;} .wp-caption p {margin: 0px;} .wp-caption .wp-caption-text:before {content: '\2014'; font-size: 1.125em; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px;} .content .gallery a img {border: none;} img#wpstats {display: block; margin: 0 auto 1.625em;} img[class*="align"], img[class*="wp-image-"], .content .gallery .gallery-icon img {padding: 0px;} .wp-caption img {border: #eee;} a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], .content .gallery .gallery-icon a:focus img, .content .gallery .gallery-icon a:hover img, .content .gallery .gallery-icon a:active img {background: #eee; border: #bbb;} .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {background: #fff; border: #ddd;} .post-content td, .comment-content td {border-top: 1px solid #ddd; padding: 6px 10px 6px 0; font-size: 0.91em;} .post-content table, .comment-content table {margin: 0 0 1.625em; max-width: 100%; clear: both; width: 100%;} .post-content table {border-collapse: collapse;} .post-content tr th {background: #eee; color: #333;} .post-content th {} .post-content th, .post-content td {padding: 3px 10px; text-align: left; vertical-align: top;} .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} video {max-width: 100%; height: auto;} .post-content iframe {max-width: 100%;} .no-display {display: none;} footer .innerwrap, #bodywrap, .innerwrap-custom-header, #main-navigation .innerwrap, #header .innerwrap{margin: 0px auto; padding: 0px; max-width: 1200px; width: auto;} #flex-wrapper .innerwrap {margin: 0px auto; padding: 0px; max-width: 1120px; width: auto;} #wrapper {margin: 0px; padding: 0px; width: 100%; float: none;} #wrapper-main {float: left; margin: 0; width: 100%;} #wrapper-main, footer .innerwrap {font-size: 0.75em;} #bodywrap #bodycontent {float: left; width: 100%; margin: 0; padding: 0;} #container { width: 100%; margin: 0; padding: 0; } .container-wrap {float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 15px 0%;} .content {float: left; width: 73%; padding: 1.25em 0 0 0;} #wrapper .single-entry {float: left; width: 729px !important; background: #FFF; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-bottom-style: none; border-left-style: none; padding-right: 20px;} #left-sidebar.sidebar {} #left-sidebar {float: left; width: 100%; padding: 0%; font-size: 0.9em;} #right-sidebar { float: right; width: 26%; padding: 1.25em 0 0; } #right-sidebar .sidebar-inner {} .sidebar {} .content.wide-content {margin: 0 380px 0 0 !important; overflow: hidden;} .content.full-width {margin: 0px; width: 100%; float: left; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} .content-inner {width: 100%; float: left;} #post-entry {margin: 0px; padding: 0%; position: relative; float: left; width: 100%;} .full-width #post-entry {position: relative; overflow: hidden; float: left; width: 100%; border-right: 0px none; border-left: 0px none; border-top-width: 0px; border-bottom-width: 0px; border-top-style: none; border-bottom-style: none; margin: 0px; padding: 0%; background: transparent none;} #sidebar {margin: 0 0 0 -360px; padding-bottom: 25px; position: relative; float: right;} .portfolio-sidebar {padding: 4em 0 0 !important;} #sidebar.sidebar {} * html #sidebar, * html #left-sidebar, * html #right-sidebar {} .sidebar-inner {} footer {width: 100%; float: left; margin: 0; padding: 0;} p#site-description {font-size: 1em; line-height: 1.3em; margin: 0px; padding: 0.5em 0px 0px;} .innerwrap-custom-header {margin: 0 auto 0 auto !important;} .full-width #post-entry article {float: left; margin: 0px 0px 1em 0px !important; border: 0 none;} #post-entry article {float: left; width: 100%; padding: 0 0 2em 0; margin: 0 0 2em; position: relative; border-bottom: 1px solid #ddd;} #post-entry article:last-of-type {border-bottom: 0 none;} #post-entry article.home-post {width: 45%; float: left; border: 0px none; padding: 0% !important; margin: 0px 0px 2em; background: transparent none; height: 320px; overflow: hidden;} #post-entry article.home-post.alt-post {margin: 0px 8% 2em 0;} #post-entry article.home-post .article-blk {width: 94%; float: left; height: 290px; padding: 0% 5% 4% 0% !important;} div.paperdown {height: 5px; width: 97%; background: #f4ea7c; border-right: 1px solid #ECDC1A; border-bottom: 1px solid #ECDC1A; border-left: 1px solid #ECDC1A; margin: 0px auto; padding: 0px; float: none; text-align: center; clear: both;} #post-entry article.post-single {margin: 0; border: 0px none;} #post-entry article img.rounded {-webkit-border-radius: 4px; border-radius: 4px;} h2.header-title {font-size: 1.5em; font-weight: normal; color: #fff; margin-top: 0px; margin-bottom: 2em; position: relative; background-color: #52C0D4; padding: 1% 2%; width: 95%;} h2.header-title a, h2.header-title a:hover {color: white; font-size: 0.9em; font-weight: normal !important; text-decoration: none !important;} h2.header-title p {margin:6px 0 15px 0;font-size:13px;line-height:16px;} .separator {display: block; float: left; width: 100%; height: 2px; border-bottom: 1px solid #ddd; margin: 1em 0px 2em; padding: 0px; border-top: 1px solid #eee;} #post-entry article a {text-decoration: none;} #post-entry article a:hover {text-decoration: none;} #container #post-entry article.home-post.alt-post {} .post-thumb-alt {width: 100%; height: 150px; margin: 0 0 8px 0; overflow: hidden; float: left; position: relative;} .home-post .slidecaption {float: left; position: absolute; background: #000 url(images/link.png) no-repeat center center; height: 100%; text-align: center; width: 100%; opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; top: -999em;} .home-post .slidecaption h1 {color: white; font-size: 1.25em; position: absolute; bottom: 50px; width: 100%; text-align: center;} #post-entry div.post-thumb {} #post-entry div.post-thumb.in-archive {padding: 0%; overflow: hidden; float: left; background: center center;} #post-entry div.post-thumb.in-mobile {} #post-entry div.post-thumb img {margin: 0; border: 0px none; float: left; height: auto; width: auto; max-width: 100%;} #post-entry div.post-thumb.size-medium img {width: 100%;} #post-entry div.post-thumb.alignright {padding: 0%; margin: 0px 0px 0px 15px; float: right;} #post-entry div.post-thumb.alignleft {padding: 0%; margin: 0px 15px 0px 0px; float: left;} .post-thumb p {margin: 0px; padding: 0px; float: left; width: 100%; overflow: hidden;} #post-entry div.post-thumb a:hover img {} #post-entry div.post-thumb .aligncenter {padding: 0px; margin: 0px auto; border-width: 0px 0px; border-style: none none;} #post-entry div.post-thumb:hover {} #post-entry article .post-right {margin: 0px 0px 0px 320px; padding: 0px;} #post-entry article.has_no_thumb .post-right {margin: 0px;} #post-entry article.home-post h1.post-title,#post-entry article.home-post h2.post-title {padding: 0px; font-size: 1.8em; line-height: 1.3em; margin: 0px 0px 0px 55px; position: relative; float: none; width: auto;} #post-entry article.home-post h1.post-title a,#post-entry article.home-post h2.post-title a {text-decoration: none; color: #333;} #post-entry article.home-post h1.post-title a:hover,#post-entry article.home-post h2.post-title a:hover {text-decoration: none; color: #666;} #post-entry .home-post img.alignleft {margin: 0px; padding: 0px;} .full-width #post-entry article .post-top {} #post-entry article.page-single .post-top {} #post-entry article .post-top {padding: 0px; margin: 0px; width: 100%; float: left; position: relative;} #post-entry article .post-top .calendar-wrap {margin: 0px; float: left; width: 45px; line-height: 100%; padding-top: 5px;} #post-entry article .post-top .calendar-wrap .cdate {margin: 0px; background-color: #ededed; text-align: center; width: 100%; padding: 5px 0; float: left; box-shadow: inset 1px 1px 3px #CCC; -webkit-box-shadow: inset 1px 1px 3px #CCC;} #post-entry article .post-top .calendar-wrap .cmonth {margin: 0px; background-color: #333; text-align: center; padding: 5px 0; color: #FFF; width: 100%; float: left;} #post-entry article h1.post-title, #post-entry article h2.post-title { font-size: 2em; margin: 0px; color: #333; padding: 0px; float: none; width: 100%; line-height: 110%; word-wrap: break-word; } .full-width #post-entry h1.post-title {} #post-entry article h1.post-title a,#post-entry article h2.post-title a {text-decoration: none;} #post-entry article h1.post-title a:hover, #post-entry article h2.post-title a:hover {text-decoration: none; color: #222;} #post-entry article.post-single h1.post-title, h1.folio {font-size: 2.8em;line-height:130%;} #post-entry div.post-meta_header { border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; text-align:left; font-size:small; color:#444; margin-bottom:20px; padding-top: 0.3em; padding-right: 0; padding-bottom: 0.3em; padding-left: 0; margin-top: 10px; } #post-entry div.post-meta_header span.entry-date{ color: #666; } #post-entry div.post-meta_header .readtime{ float:right; } #post-entry article div.post-meta {font-size: 1em; margin: 0px; padding: 1em 0; float: left; width: 100%; position: relative; color: #999; line-height: 1.2em;} .post-meta-top {font-size: 1.25em; text-align: center; color: #666; display: inline-block; padding: 1em 0.85em 0.25em; background: #bbb; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: inset 1px 1px 1px #555; -webkit-box-shadow: inset 1px 1px 1px #555; -moz-box-shadow: inset 1px 1px 1px #555;} .post-meta-top a {color: #666; text-decoration: none;} .post-single .post-meta-top {font-size: 1.85em;} h4#more-blog {font-size: 2em; margin: 0px 0px 1em; padding: 2%; float: left; width: 96%; border-top: 1px solid #ddd; border-bottom: 1px solid #DDD;} .post-meta i {font-size: 1.025em !important; color: #999; margin-right: 5px;} #post-entry article .post-meta a {text-decoration: none !important; color: #999;} #post-entry article .post-meta a:hover {text-decoration: underline !important; color: #52C0D4;} #post-entry article .post-meta span {margin-right: 0px;} #post-entry article .post-meta span.last {margin-right: 0px;} span.post-author{} span.post-time{} span.post-category{} .home-post span.post-category a {} span.post-tags{} span.post-edit{} span.post-comment{} .post-single span.post-comment{} span.post-view {} span.post-comment a, span.post-view a {} #wrapper span.post-comment a:hover, #wrapper span.post-view a:hover {} #post-entry article.home-post .post-content {font-size: 1.125em; float: left; width: 100%; padding: 0.6em 0px 0px; margin: 0px; line-height: 1.4em;} #post-entry article .post-content {font-size: 1.25em; float: left; width: 100%; padding: 0 10px 0 0; line-height: 1.6em; word-wrap: break-word;} .page .post-content {padding-top:0 !important;} #post-entry article.post-single .post-content {font-size: 1.29em; margin-top: 0px; line-height: 1.65em;} #post-entry article .post-right .post-content {} #custom .blog-full-content #post-entry article {padding:0 0 5px;margin:0 0 4em;} .blog-full-content article .post-content {margin:1.5em 0 0 !important;} #post-entry article .post-more {margin: 1em 0 0; padding: 0px; float: left; width: 100%; font-size: 0.786em; font-weight: bold;} #post-entry article .post-more a {color: #666; text-decoration: none !important; border: 1px solid #ccc; display: inline-block; margin: 0px; padding: 0.5em 1em; float: left; font-weight: bold; text-shadow: 0 1px 1px #fff; background: #f7f7f7;} #post-entry article .post-more a:hover {color: #222; text-decoration: none; border: 1px solid #ccc; background: #f1f1f1;} .post-content a {text-decoration: underline !important;} #post-entry div.social {margin-bottom: 5px; display: block; clear: both; margin-top: 5px;} div.skewbottom {background: #000; margin: 0px; padding: 0px; float: left; height: 20px; width: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 99; -webkit-transform: matrix(1.000, -0.029, 0.029, 1.000, 0, 0); -moz-transform: matrix(1.000, -0.029, 0.029, 1.000, 0px, 0px); -ms-transform: matrix(1.000, -0.029, 0.029, 1.000, 0, 0); -o-transform: matrix(1.000, -0.029, 0.029, 1.000, 0, 0); transform: matrix(1.000, -0.029, 0.029, 1.000, 0, 0);} .adsense-loop, .adsense-post {width: 100%; padding: 0em !important; overflow: hidden; text-align: center; margin: 0 0 1.5em; float: left;} .adsense-single {border: 0px none; margin: 0px 0px 10px; padding: 0px; clear: both; float: left; width: 100%; overflow: hidden; text-align: left;} .adsense-single.adbottom {margin:1em 0;} .adsense-loop img,.adsense-post img,.adsense-single img {max-width:100%;} .post-single .share_box {} .sharebox-wrap {margin: 0; padding: 0; position: relative; float: left; width: 100%;} .share_box {margin: 0px; padding: 6px 0px 0px; float: left; width: 100%;} .share_box:hover, .share_box:focus {} .page-single .share_box {} .share_box .share_btn {margin: 0px 0px 0px; width: auto; padding: 0px; float: left;} .share_box .twitter_share {width: 85px !important; overflow: hidden;} .share_box .fb_share {margin-right: 10px !important;} .share_box .gplus_share {width: 70px !important; overflow:hidden !important;} #social-head div.side_share_btn {margin: 5px 20px 0px 0px; float: left; padding: 0px; width: auto !important;} #custom .share-box div, #custom .share-box iframe, #custom .share-box a {margin: 0 10px 0 0; width:auto !important;} #post-related {padding: 0px; margin: 2em 0px 0px; clear: both; float: left; width: 100%;} #post-share {float: left; width: 50%;} #related-post {float: right; width: 50%;} #socialbox {} #socialbox-alt {font-size: 2em; float: left; padding-top: 0.4em;} #socialbox-alt a {color: #777; float: left;} #socialbox-alt a:hover {color: #F33;} #socialbox p {margin: 5px 3px 0px; padding: 0px; float: left;} #socialbox p:hover {} #socialbox p.sto {padding-top: 8px;} #socialbox p a {width: 26px; height: 26px; display: block; font-size: 0px; } #socialbox p.rss {background: url(images/rss.png) no-repeat center center;} #socialbox p.twitter {background: url(images/twitter.png) no-repeat center center;} #socialbox p.facebook {background: url(images/facebook.png) no-repeat center center;} #socialbox p.linkedin {background: url(images/linkedin.png) no-repeat center center;} #socialbox p.youtube {background: url(images/youtube.png) no-repeat center center;} #socialbox p.gplus {background: url(images/googleplus.png) no-repeat center center;} #socialbox p.facebook {background: url(images/facebook.png) no-repeat center center;} #socialbox p.flickr {background: url(images/flickr.png) no-repeat center center;} #socialbox p.pinterest {background: url(images/pinterest.png) no-repeat center center;} .widget select {width: 80%; padding: 2px; border: 1px solid #ddd; color: #444;} #searchform label {display: none;} #searchform input[type='text'],.search-form .search-field {background-color: #f7f7f7; padding: 0.5em 0.75em; border: 1px solid #ddd; color: #666; width: 60%;} #searchform input[type='submit'], #searchform input[type='button'],.search-form .search-submit {clear: both; font-size: 1.125em; color: #FFF; background: #52C0D4 none; margin: 0.5em 0px 0px; padding: 0.5em 0.75em; border: 0px none;} #searchform input[type='submit']:hover, #searchform input[type='button']:hover,.search-form .search-submit:hover {cursor: pointer;border:0 none;color: #FFF;background: #52C0D4 none;} .widget-area {float: left; width: 100%; margin: 0px; padding: 0px; overflow: hidden;} .widget-area small {font-size: 0.875em;} .widget-area img {margin-bottom: 0.3em;} .widget-area aside {float: left; width: 100%; list-style: none; margin: 0px 0px 3em; padding: 0%;} #left-sidebar .widget-area aside ul:first-of-type {float: left; width: 88%; list-style: none; margin: 0px; padding: 0% 6%;} footer .widget-area aside {border-radius: 0px; -webkit-border-radius: 0px; box-shadow: 0 0 0 none; -webkit-box-shadow: 0 0 0 none;} .widget-area aside ul {float: left; width: 100%; list-style: none; margin: 0px; padding: 0px; overflow: hidden;} .widget-area aside ul li {list-style: none; margin: 0px; padding: 1px 0px; float: left; width: 100%;} .widget-area aside ul li:hover {} #custom .widget li:last-of-type {border-bottom:0 none !important;} .widget-area aside ul li, .textwidget, .ctwidget {font-size: 1.125em;} #right-sidebar .widget-area aside ul li, #right-sidebar .textwidget, #right-sidebar .ctwidget {} .widget-area aside ul li ul {} .widget-area aside ul li ul li {float: left; width: 90%; list-style: none; margin: 0em !important; padding: 0px 0px 0px 15px; font-size: 90%; background: url(images/children.png) no-repeat left 3px; border: 0px none; display: inline;} #right-sidebar .widget-area aside ul li ul li {} .widget-area aside ul li ul li:hover {background: transparent url(images/children.png) no-repeat left 3px;} footer .widget-area aside ul li ul li {background: url(images/children_alt.png) no-repeat left 3px;} .widget-area aside .textwidget, #right-sidebar div.ctwidget {line-height: 1.4em;} .widget table {margin: 0px; padding: 0px; float: left; width: 100%;} #right-sidebar .widget #wp-calendar caption {text-align: center; padding: 0.25em;} .widget-area aside h2, .widget-area aside h3 {} .widget-area aside h2 a, .widget-area aside h3 a {text-decoration: none;} #left-sidebar #wp-calendar caption {font-size: 1em; background: transparent none !important;} .widget-area table {clear: both;} .widget-area #sponsorlinks {} .widget-area #sponsorlinks img {width: auto; margin: 10px !important; float: left;} #right-sidebar aside > ul, #left-sidebar aside > ul, .sidebar #searchform, .ctwidget,.sidebar div.textwidget, #socialbox, #sponsorlinks, .sidebar aside div.tagcloud, .sidebar #calendar_wrap, div.extra-block {margin: 0px; padding: 0%; float: left; width: 100%;} aside div.textwidget, #right-sidebar div.ctwidget, aside div.tagcloud {} #wrapper-main .widget-area #sponsor-links {} #right-sidebar div.ctwidget {} #right-sidebar div.ctwidget a {text-decoration: none; color: #565656;} #right-sidebar div.ctwidget a:hover {font-weight: normal; text-decoration: none !important; color: #69C;} footer aside div.tagcloud, footer aside div.textwidget {padding: 0 !important; margin: 0 !important; float: left; width: 100% !important;} .widget_tag_cloud .widget-title {margin: 0 0 10px 0 !important;} #right-sidebar aside {} #right-sidebar .sidepagedown {background: #ddd; margin: 0px auto; clear: both; float: none; height: 5px; width: 97%; display: none;} #right-sidebar caption {color: #666; font-size: 1.2em;} #left-sidebar aside li a, #left-sidebar aside div a {color: #666; text-decoration: none; font-weight: normal;} #right-sidebar aside li a, #right-sidebar aside div a {color: #555; text-decoration: none;} #left-sidebar aside li a:hover, #left-sidebar aside div a:hover,.sidefeat h4 a:hover {color: #9A2103; text-decoration: none;} #right-sidebar aside li a:hover, #right-sidebar aside div a:hover,#right-sidebar table a {color: #52C0D4; text-decoration: none;} aside.widget_recent_entries li {margin-bottom: 0.75em !important; line-height: 1.4em;} #custom .gravatar_recent_comment li {position: relative; width: 100%; float: left; background: transparent none !important; padding-left: 0; margin: 0 0 1em 0 !important;} .gravatar_recent_comment li .gravatar-meta {margin: 0 0 0 40px;} #custom .most-commented li {background: transparent none !important; padding: 0 0 5px 0;} #custom footer .most-commented li {background: transparent none !important; padding-left: 0; margin-bottom: 0.65em;} #custom ul#flickr-widget li {background-image: none; background-color: transparent;} div.featured-category {margin: 0px; padding: 0px; float: left; width: 31%; font-size: 1em; line-height: 1.4em;} div.featured-category.wider-cat {width: 31%; padding-right: 4%; padding-left: 3%;} div.featured-category h6 {margin: 0px 0px 1em; padding: 2% 3%; float: left; width: 95%; font-size: 1em; color: #444; text-decoration: none; background: #d9d9d9; font-weight: bold; -webkit-text-shadow: 0 0 1px #fff; text-shadow: 0 0 1px #fff;} div.featured-category #sidebar h6 {margin: 0px !important; padding: 2% 3%; float: left; width: 95%; font-size: 1em; color: #444; text-decoration: none; background: #d9d9d9; font-weight: bold; -webkit-text-shadow: 0 0 1px #fff; text-shadow: 0 0 1px #fff;} div.featured-category h2 {margin: 0px; padding: 0px; float: left; width: 100%; font-size: 1em; color: #444; text-decoration: none; font-weight: bold !important; -webkit-text-shadow: 0 0 1px #fff; text-shadow: 0 0 1px #fff; line-height: 18px;} div.featured-category .feat-cat-meta {margin: 0px 0px 10px; padding: 0px; float: left; width: 100%; border-bottom: 1px solid #ededed;} div.featured-category .postmeta {float: left; width: 100%; margin: 0px; padding: 0px;} div.featured-category .smallmeta {float: left; width: 200px !important; margin: 0px; padding: 0px 0px 0px 12px;} div.featured-category .thumb {margin: 0px 0px 11px; padding: 0px; float: left; width: 285px !important; border: 0px none; overflow: hidden !important; height: 130px;} div.featured-category .smallthumb {margin: 0px 0px 11px; padding: 0px; float: left; width: 48px !important; border: 0px none; overflow: hidden !important; height: 48px;} div.featured-category .thumb img {margin: 0px; padding: 0px; border: 0px none; float: left; max-width: 100%; height: auto;} #wrapper .sidefeat {margin-top: 1em !important;} .sidefeat h4 {font-size: 1.35em; line-height: 1.3em; margin: 0;} #wrapper .sidefeat li {float: left; width: 100%; padding-bottom: 0.6em; margin-bottom: 0.6em; position: relative; background-color: transparent; background-image: none; padding-left: 0px;} .sidefeat span {color: #333; font-size: 0.9em !important;} .sidefeat span a {color: #333 !important;} #container .sidefeat h4 a {text-decoration: none;} #wrapper .sidefeat-meta {margin-left: 96px;} .sidefeat h4 a:hover {text-decoration: none !important;} .sidefeat img.alignleft {margin: 0 8px 0 0; width: 75px; height: auto; float: left; border: 3px solid #fff;} .sidefeat i {font-size: 1.125em !important; margin: 0px;} p.sidetext {font-size: 1em; line-height: 1.2em; padding-top: 6px;} footer {} footer a {} footer a:hover {} footer #devlink {font-size: 0.85em; margin: 0.5em 0 0; padding: 0px; float: left; width: 100%;} footer #devlink a {} div.fbox {width: 23%; padding: 0% 2% 0% 0%; float: left;} div.fbox:hover {} div.fbox.wider-cat {display: inline;} .footer-top {margin: 0px; float: left; width: 100%; padding: 0%;} .footer-top .footer-sec {} .footer-bottom {float: left; width: 100%; padding: 0; background-color: #52C0D4;} .footer-left {margin: 0px; padding: 0px; float: left; width: 49%; text-align: left;} .footer-right {margin: 0px; padding: 0px; float: right; width: 49%; text-align: right;} .ftop {padding: 2% 0%; margin: 0px; float: left; width: 100%; text-decoration: none;} .ftop, .ftop div.textwidget {color: #7c7c7c !important; line-height: 1.4em;} .ftop div.textwidget a, .ftop .widget_my_theme_twitter_widget a {text-decoration: underline; color: #52C0D4;} .ftop .container-wrap {width: 100%; float: left; padding:0% !important;} .fbottom{float: left; width: 100%; margin: 0px; padding: 1% 0%; color: #FFF;} .fbottom .footer-left, .fbottom a {} .fbottom a:hover {text-decoration: none;} footer .ftop a{text-decoration: none; color: #666;} footer .ftop a:hover {text-decoration: none; color: #52C0D4;} footer .fbottom a {text-decoration: none; color: #fff;} footer .fbottom a:hover {text-decoration: none; color: #FFF;} footer .ftop a:hover, footer div.textwidget a, footer .fbottom a:hover, footer .twitterbox a {text-decoration: none;} .ftop aside, .ftop div.textwidget, .ftop div.tag-cloud {padding: 0px 5% 0px 0px; float: left; width: 95%; border: 0 none !important; background: transparent;} #custom .ftop div.tagcloud, #custom .extra-block {padding-top: 14px !important;} .ftop .widget-area aside ul li, .ftop .widget-area aside ul li:hover {margin: 0 0 0.5em; padding: 0px; background: transparent none;} .ftop .widget-area aside ul ul {margin: 0.5em 0 0;} .ftop .widget-area aside ul ul ul {margin: 0.5em 0;} .ftop .widget-area aside ul li ul li {padding-right: 0px; padding-left: 15px; background: url(images/children.png) no-repeat left 3px;} .ftop .widget-area aside ul li:hover {background: transparent none;} .ftop .widget-area aside ul li ul li:hover {padding-right: 0px; padding-left: 15px; background: transparent url(images/children.png) no-repeat left 3px !important;} .ftop .widget-area aside ul li ul li a {} .ftop .widget-area aside ul li {} .ftop .widget-area aside ul li {} .ftop .widget caption {font-size: 0.9em !important; background: #333 !important; color: #CCC; font-weight: bold;} .ftop h3.widget-title {color: #181919; font-size: 1.125em; padding: 0px 0px 10px; float: left; margin: 0px 0px 1em; width: 100%; font-weight: bold; line-height: 1.2em; border-bottom: 5px solid #52C0D4;} .ftop h3.widget-title a {color: #52C0D4; text-decoration: none;} .footer-right ul {margin: 0px; padding: 0px; width: auto; list-style: none; display: block; float: right;} .footer-right ul li {display: inline-block; margin: 0px 0px 0px 13px; padding: 0px; float: left; } .footer-right li a {} .footer-right p {margin: 0px; padding: 0px; width: 100%; list-style: none; display: block; float: right;} .fbottom .footer-right span {font-size: 0.85em;} #custom .form-submit #submit {color: #666; text-decoration: none !important; border: 1px solid #ccc; display: inline-block; margin: 0px; padding: 0.5em 1em; float: left; background: #f7f7f7; font-size: 1.2em;} #custom .form-submit #submit:hover {cursor: pointer; border: 1px solid #bbb; background: #f1f1f1; color: #111;} p.form-allowed-tags {color: #999;} #respond p.must-log-in {display: block; width: 100%; float: left; clear: both; margin: 1em 0;} #ctr-ad .textwidget {text-align: center; display: block;} .post-thumb.in-mobile {display: none;} .effect-1:before, .effect-1:after {content: ""; position: absolute; z-index: -500; bottom: 20px; left: 10px; width: 50%; height: 20%; max-width: 300px; -webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75); box-shadow: 0 20px 10px rgba(0, 0, 0, 0.75); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg);} .effect-1:after {right: 10px; left: auto; -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg);} .effect-4:before, .effect-4:after {content: ""; position: absolute; z-index: -500; bottom: 12px; left: 2%; width: 49%; height: 55%; -webkit-box-shadow: 0 12px 18px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 12px 18px rgba(0, 0, 0, 0.75); box-shadow: 0 12px 18px rgba(0, 0, 0, 0.75); -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg);} .effect-4:after {right: 2%; left: auto; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);} #tabber-widget .effect-4:before, #tabber-widget .effect-4:after {top: -110px;} .pricebox {padding: 0.5em 1.25em; margin: -80px 20px 0; background: #D73828; float: right;} .theme-messages {background-position: 15px 14px !important; background-repeat: no-repeat !important; border-radius: 5px 5px 5px 5px; border: 1px solid; box-shadow: 0 1px 0 #FFFFFF inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset; clear: both; margin: 10px 100px 20px 0px; padding: 12px 12px 12px 42px !important;} .theme-messages.alert {background-color: #F7F3DE; background-image: url("images/alert.png"); border: #E1CA59; color: #837639;} .theme-messages.error {background-color: #F8E4E2; background-image: url("images/error.png"); border: #E69D94; color: #BB5A4D;} .post-schema {width: 1px; height: 1px; overflow: hidden; position: absolute; left: -9999em;} .post-nav-image {padding:0 !important;} span[itemprop='provider'] {font-size: 10px;} p.result-notice {clear: both; padding: 1em 0 0 !important; font-size: 14px;} img.home-feat-rss {margin: 4px 0 0; float: right;} span.header-seo-span {position: absolute; left: -999em;} ul.subcat {width: 100%; float: left; margin: 0; padding: 1em 0 0;} ul.subcat ul {width: auto; float: left; margin: 0; padding: 0;} ul.subcat li, ul.subcat li li {width: auto; float: left; margin: 0; padding: 0; display: inline;} ul.subcat li a {text-decoration: underline; font-size: 1.125em; font-weight: bold; width: auto; float: left; margin: 0 0 0 20px; padding: 0; display: inline-block;} .post-meta abbr, .feat-meta abbr {border: 0 none; cursor: default;} .meta-no-display {width: 1px; height: 1px; overflow: hidden; position: absolute; left: -9999em;} #bp-docs-single-doc-header {clear: both;} ul.the_champ_login_ul li {width: auto !important;} #custom .post .post-content i {margin: 0 0 0 0;} #flags li {width: auto;} div.ctw {width: 88%; float: left; clear: both; margin: 0 0 1.2em;} .widget .screen-reader-text {display:none;} .gravatar_recent_comment li { padding:0px; font-size: 1.025em; line-height:1.5em; } .gravatar_recent_comment span.author { font-weight:bold; } .gravatar_recent_comment img { width:32px; height:32px; float:left; margin: 0 10px 0 0; } .featured-cat-posts {width: 100%; float: left; margin: 0; padding: 0;} #custom .featured-cat-posts li {list-style:none !important;width: 100%; float: left; margin: 0 0 1em; padding: 0 0 1em;position: relative;} #custom .featured-cat-posts li:last-of-type {margin:0;padding:0;border:0 none;} .featured-cat-posts img {margin: 0; padding: 0; border: 0 none;} .featured-cat-posts .has_thumb.the-sidefeat-thumbnail .feat-post-meta {margin: 0 0 0 60px;} .featured-cat-posts .the-sidefeat-medium .feat-post-meta {margin: 10px 0 0 0;} .featured-cat-posts .the-sidefeat-medium img {width: 100%; height: auto; max-width: 100%; margin: 0 0 8px;} .featured-cat-posts h5.feat-title {line-height: 1.2em; font-size: 1.125em; margin: 0 0 5px; padding: 0;} .featured-cat-posts .feat-meta {line-height: 1.3em; font-size: 0.9em; margin: 0; padding: 0; font-weight: normal;} .featured-cat-posts .feat-meta a {} footer .widget.buddypress span.activity, footer .featured-cat-posts .feat-meta, footer .featured-cat-posts .feat-meta a,.featured-cat-posts .feat-meta {color: #888 !important;opacity: 1;} .featured-cat-posts li{border-bottom: 1px solid #ddd;} footer .featured-cat-posts li,#custom footer .item-list li {} #custom footer .item-list li {margin: 0 0 1em; padding: 0 0 1em;} aside.featured-post-widget {text-align:left !important;} /* 初期状態ではPC用DIVを表示、SP用は非表示 */ .sp_div{ display:none; } .pc_div{ display:block; } /* トップページの記事リスト */ #post-entry .home-feat-cat h4 { font-size: 12pt; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 6px; padding-bottom: 4px; } #post-entry .home-feat-cat a{ color: #585858; } #post-entry .home-feat-cat article { float: left; width: 24%; display: block; background-color: #FFF; margin-right:0.5%; margin-left:0.5%; padding: 0 0 1em 0; height:210px; position: relative; box-shadow: 0px 0px 2px #CCC; overflow:hidden; border-radius:10px; } #post-entry .home-feat-cat article:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter: “alpha( opacity=70 )”; } #post-entry .home-feat-cat article .feat-inner { width:90%; margin:0 5%; } #post-entry .home-feat-cat article img{ min-height:120px; min-width:100%; height:auto; border-radius:10px 10px 0 0 ; } #post-entry .home-feat-cat article .feat-thumb{ height:120px; width:100%; overflow: hidden; margin-bottom:10px; } #post-entry .home-feat-cat article h2{ color: #666; font-size: 10pt; line-height: 140%; } #post-entry .home-feat-cat article .home-feat-renewicon{ display: inline-block; font-size: 8pt; padding-top: 0px; padding-bottom: 0px; background-color: rgba(0,0,0,0.6); border: 1px solid #CCC; border-radius:1px; position: absolute; z-index: 99; left: 10px; top: 10px; padding-right: 5px; padding-left: 5px; color: #FFF; } #post-entry .home-feat-cat article.w3 { width:32.3%; } #post-entry .home-feat-cat article.w3 h2{ font-size: 11.5pt; } #post-entry .home-feat-cat article .entry-date{ display:none; } #post-entry .home-feat-cat article.w3 .entry-date{ border-bottom:#E2E2E2 1px dashed; padding-bottom:3px; margin-bottom:5px; font-size: 8pt; display:block; } /* 引用 */ blockquote { position: relative; padding: 15px 10px 5px; box-sizing: border-box; font-style:normal; background-color:#FFF; border-radius:8px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #CCC; color: #666; margin:0 20px 15px 20px; } blockquote:before{ display: inline-block; position: absolute; top: -8px; left: 9px; width: 40px; height: 30px; vertical-align: middle; text-align: center; content: "\f10d"; font-family: FontAwesome; color: #FFF; font-size: 18px; line-height: 30px; background: #52c0d4; border-radius:0 0 5px 5px; } blockquote:after{ position: absolute; content: ''; top: -8px; left: 49px; border: none; border-bottom: solid 8px #6cacb5; border-right: solid 9px transparent; } blockquote p { position: relative; padding: 0; margin: 10px 0; z-index: 3; font-size: 10pt; line-height: 150%; } blockquote img{ border-radius:10px; } blockquote img.aligncenter{ margin-bottom:10px; } blockquote.left{ text-align:left; } /*　ポイント・装飾ボックス　*/ .point{ background-color: #FAFAFA; background-image: url(/wp-content/themes/tabiwaza/images/point.gif); background-repeat: no-repeat; background-position: left bottom; border: 2px dashed #CCC; padding:20px 20px 0px 100px; border-radius:10px; min-height:85px; margin:19px 5%; box-shadow: 0px 0px 0px 5px #fff; } .point ul li,.point ol li{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DADADA; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; } .point ul li:last-child,.point ol li:last-child{ border-bottom-style:none; } .point p, .dan p, .freeze p, .call p, .taxi p{ margin: 0 0 1.1em; } .dan{ background-color: #FAFAFA; background-image: url(/wp-content/themes/tabiwaza/images/dan.gif); background-repeat: no-repeat; background-position: left bottom; border: 2px dashed #CCC; padding:20px 20px 0px 100px; border-radius:10px; min-height:80px; margin:19px 5%; box-shadow: 0px 0px 0px 5px #fff; } .freeze{ background-color: #FAFAFA; background-image: url(/wp-content/themes/tabiwaza/images/freeze.gif); background-repeat: no-repeat; background-position: left bottom; border: 2px dashed #CCC; padding:20px 20px 0px 100px; border-radius:10px; min-height:80px; margin:19px 5%; box-shadow: 0px 0px 0px 5px #fff; } .call{ background-color: #FAFAFA; background-image: url(/wp-content/themes/tabiwaza/images/call.gif); background-repeat: no-repeat; background-position: left bottom; border: 2px dashed #CCC; padding:20px 20px 0px 100px; border-radius:10px; min-height:80px; margin:19px 5%; box-shadow: 0px 0px 0px 5px #fff; } .taxi{ background-color: #FAFAFA; background-image: url(/wp-content/themes/tabiwaza/images/taxi.gif); background-repeat: no-repeat; background-position: left bottom; border: 2px dashed #CCC; padding:20px 20px 0px 100px; border-radius:10px; min-height:80px; margin:19px 5%; box-shadow: 0px 0px 0px 5px #fff; } .box1{ background-color: #FAFAFA; border: 2px dotted #CCC; padding:12px; border-radius:10px; min-height:65px; margin:19px 5%; box-shadow: 0px 0px 0px 5px #fff; } .box0{ background-color: #FFF; padding:12px; border-radius:10px; min-height:65px; margin:19px 5%; } .indent{ margin-left:5%; } /*　リスト　*/ ul.list1, ol.list1{ margin: 1.6em 2%; border-radius:10px; border-right-width: 7px; border-left-width: 7px; border-right-color: #690; border-left-color: #690; border-right-style: double; border-left-style: double; background-color: #E2E2E2; } ul.list1 li:first-child, ol.list1 li:first-child{ border-radius:10px 10px 0 0; } ul.list1 li:last-child, ol.list1 li:last-child{ border-radius:0 0 10px 10px; } ul.list1 li, ol.list1 li{ list-style-type: none; background-color: #FFF; margin-bottom: 2px; padding:10px; } /*　ソーシャルボタン（TOP）　*/ ul.socialBtn{ margin:0px; } ul.socialBtn .fa-hatena:before { content: "B!"; font-family: Verdana; font-weight: bold; } ul.socialBtn li{ list-style-type: none; float: left; width:auto; padding-top: 1px; padding-right: 10px; padding-bottom: 1px; padding-left: 10px; border: 1px solid #CCC; border-radius:8px; font-size:10pt; margin:0 10px 10px 0; display:inline-block; } ul.socialBtn li span{ padding-left:5px; } /*　ソーシャルボタン（BOTTOM）　*/ ul.socialBtn.sbbottom li{ list-style-type: none; float: left; width:16.6%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border:none; border-radius:0px; font-size:100%; margin:0; display:inline-block; } ul.socialBtn.sbbottom:after{ clear: both; content: ''; display: block; height:30px; } ul.socialBtn.sbbottom a{ display:inline-block; font-size: 14px; text-align: center; width:100%; color:#FFF; padding: 5px 0; text-decoration: none !important; } ul.socialBtn.sbbottom .twitter{ background-color: #349CF2; border-radius:0 0 0 10px; } ul.socialBtn.sbbottom .facebook{ background-color: #2e4a88; } ul.socialBtn.sbbottom .google{ background-color: #D85634; } ul.socialBtn.sbbottom .line{ background-color: #40CD12; } ul.socialBtn.sbbottom .hatena{ background-color: #21A1DE; } ul.socialBtn.sbbottom .feedly{ background-color: #00B449; border-radius:0 0 10px 0; } /*気に入ったらシェアして下さい*/ .snsshare { height: 150px; clear: both; background-color: #333; margin-top: 20px; width:99.6%; border-radius:10px 10px 0 0; } .snsshare .thumbnail { height: 150px; width: 20%; overflow: hidden; float: left; border-radius:10px 0 0 0; } .snsshare .snsbody { text-align: center; padding-top: 25px; } .snsshare .snsbody p { color: #FFF; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } .snsshare .snsbody .twitter{ background-color: #349CF2; border-radius:5px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; color: #FFF; text-decoration: none !important; } .snsshare .snsbody .hatena{ background-color: #21A1DE; border-radius:5px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; color: #FFF; text-decoration: none !important; } .snsshare .snsbody .fa-hatena:before { content: "B!"; font-family: Verdana; font-weight: bold; } /* ウィジェットエリア */ #search-3 .search-submit{ border-radius:8px; width:25%; } #search-3 .search-field{ width:70%; border-radius:8px; } .widget-area aside ul.children{ padding-left:15px; } #right-sidebar .widget-title{ position: relative; display: inline-block; margin: 0 0 15px 0; padding: 7px 5%; width: 90%; background:#FFF; border-radius:8px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #CC0; font-size: 11pt; } #right-sidebar .widget-title:before{ content: ""; position: absolute; bottom: -21px; left: 50%; margin-left: -15px; border: 10px solid transparent; border-top: 10px solid #CC0; z-index: 2; } #right-sidebar .widget-title hr{ margin:5px 0; } #right-sidebar .widget-title p{ margin:0; font-size: 8pt; line-height: 150%; color: #999; } /* サイドバー 人気の記事 */ #wpp-3 .wpp-list .wpp-thumbnail{ border-radius: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; } #right-sidebar .widget-area aside ul.wpp-list li{ font-size:10pt; line-height:1.5em; width:auto; height:80px; margin-bottom: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; padding-top: 0; padding-right: 5px; padding-bottom: 5px; padding-left: 0; } body{ background-color:#f3f3f3; } #header{ background-image: url(images/bgimg.png); background-repeat: repeat-x; background-position: left top; } #header .header-inner{ padding:0 10px 7px 10px; } #header .innerwrap{ padding-top:13px; background-image: url(images/header_tree.gif); background-repeat: no-repeat; background-position: 220px bottom; padding-bottom:9px; } #header.transform{ display:none; opacity:0.7; filter:alpha(opacity=70); -ms-filter: “alpha( opacity=70 )”; } .header_button{ float:right; } /*　テーブル　*/ .post-content table{ border:none; border-collapse: separate; border-spacing: 3px; } .post-content table td{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: #FFF; vertical-align: middle; } .post-content table th{ border-bottom-style: none; vertical-align: middle; background-color: #075ca8; color: #FFF; border-top-style: none; border-right-style: none; border-left-style: none; text-align: center; line-height: 120%; font-weight: bold; padding: 10px; } #wrapper{ max-width:1400px; margin-left:auto; margin-right:auto; } .footer-top{ background-color:#272f32; } .footer-top a:link, footer-top a:visited{ color:#b0b3b5; } #custom .footer-top h3.widget-title{ border-bottom:none; color:#FFF; } .footer-top aside.widget_recent_entries li{ border-bottom:solid 1px #2f383c; } .footer-top aside.widget_recent_entries li a{ display:inline-block; padding:10px 0 20px 0; } .footer-top .tagcloud a{ display:inline-block; color:#545e65; background-color:#24292e; padding:7px 13px; margin:3px; border-radius:5px; } ol.meta_pankuzu{ display:inline; } ol.meta_pankuzu li{ display: inline; list-style-type: none; } .post-content h2{ /*background-color:#52c0d4;*/ margin-top:60px; color:#414141; line-height:120%; background-image: url(images/h2_tree.png); background-repeat: no-repeat; background-position:right bottom; border-top-width: 4px; border-bottom-width: 3px; border-top-style: solid; border-bottom-style: solid; border-top-color: #52c0d4; border-bottom-color: #CCC; background-color: #FFF; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 10px; border-radius:8px; } .post-content h3{ position: relative; background-color:#FFF; padding: 5px 5px 5px 44px; font-size: 120%; border-radius: 0 10px 10px 0; margin:2.5em 0 1em 10px; } .post-content h3:before { font-family: "FontAwesome"; content: "\f0f2"; display: inline-block; line-height: 43px; position: absolute; padding: 0em; color: white; background: #52c0d4; font-weight: normal; width: 43px; text-align: center; height: 43px; left: -10px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: solid 3px white; border-radius: 50%; } .post-content table h3{ margin:0 0 1em 0; background-color:transparent; padding: 5px; } .post-content table h3:before{ display:none; } .post-content h4{ font-size: 100%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #52c0d4; padding-bottom: 2px; padding-right:30px; display:inline-block; } .post-content h4:before { font-family:"FontAwesome"; content:"\f072"; padding-right:7px; color:#2caec6; } .blockbox{ padding:0 0 0 22px; } /* リンクアイコンの設定 */ .entry2-content a[href^="http://"], .entry2-content a[href^="https://"] { background-image: url(/wp-content/themes/tabiwaza/images/newopen.png); background-repeat: no-repeat; background-position: left center; padding:0 0 0 17px; margin:0 5px; } .entry-content .blog_card a{ display:block; position: relative; margin: 40px 0 16px 0; padding: 6px 10px 6px 10px; border: 2px solid #999; background-color: #fff; border-radius:8px; box-shadow: 0px 0px 0px 2px #fff; width:90%; } .entry-content .blog_card a:before, .entry-content .linklist:before { position: absolute; top: -20px; left: 6px; padding: 0 10px 0 10px; content: " \f0f2 関連記事 "; font-family: FontAwesome; background-color: #999; border-radius:5px 5px 0 0; color: #fff; font-size: 14px; font-weight: normal; line-height: 20px; } .entry-content .linklist{ display:block; position: relative; margin: 40px 0 16px 0; padding: 6px 10px 6px 10px; border: 2px solid #999; background-color: #fff; box-shadow: 0px 0px 0px 2px #fff; width:90%; border-radius:8px; list-style-type: none; } .entry-content .linklist .blog_card a{ display:inline; position: relative; margin: 0; padding: 0; border:none; border-radius:8px; box-shadow: 0px 0px 0px 0px #fff; } .entry-content .linklist .blog_card a:before{ display:none; } /* .entry-content a[href^="https://www.tabiwaza.jp"]:before, .entry-content a[href^="https://track.affiliate-b"], .entry-content .wp_rp_wrap a, .entry-content .yarpp-related a, .entry-content .rakuten a, .entry-content .socialBtn a, .entry-content .noicon a{ background-image:none !important; content:none !important; padding:0px !important; margin:0px !important; } .entry-content a[href^="https://www.tabiwaza.jp"] { background-image: url(/wp-content/themes/tabiwaza/images/kanren_bgicon.gif); background-repeat: no-repeat; background-position: left center; background-color:#FFF; padding:0px 20px 4px 50px; border:#CCC 1px solid; border-radius:8px; line-height:260%; font-size:11pt; display:inline-block; } .entry-content .wp_rp_wrap a, .entry-content .yarpp-related a, .entry-content .rakuten a, .entry-content .noicon a{ background-image:none; background-color:transparent; padding:0px; border:none; border-radius:0px; line-height:160%; } .entry-content .wp_rp_wrap a{ background-image: none; padding-left:0px; } */ /*　ブログカード　*/ .blog_card img{ vertical-align: middle; height: 25px; width: 25px; margin-right: 10px; } /*　スポンサーリンク　*/ .mobile_sponsor_link, .m_s_link{ padding:10px 0 20px 0; } .sponsor_link, .s_link{ padding:10px 0; margin:10px auto; text-align:center; width:336px; /* height:280px;*/ } .sponsor_left, .s_left{ padding:0px; width:50%; float:left; text-align:center; } .sponsor_right, .s_right{ padding:0px; width:50%; float:right; text-align:center; } .sponsor:after, .swrap:after{ clear: both; content: ''; display: block; } /*　楽天テーブル広告用　*/ .post-content .rakuten{ text-align: center; } .post-content .rakuten table{ width:100%; border-spacing:0; } /*　タグクラウド　*/ .tagcloud{ margin:10px;padding:10px; } .tagcloud a{ background-color:#D4D4D4; padding-right: 15px; padding-left: 15px; margin-right: 5px; margin-bottom: 5px; border-radius:8px; display:inline-table; vertical-align: middle; padding-top: 7px; padding-bottom: 7px; } /* アーカイブカテゴリーページのレイアウト用 */ #post-entry article.post-style-magazine{ border-bottom:none; width:48%; margin:0 1% 2em 1%; background-color:#FFF; box-shadow: 1px 1px 2px #CCC; border-radius:10px; } #post-entry article.post-style-magazine a{ color:#333; } #post-entry article.post-style-magazine .archive_post-thumb{ height: 200px; width: 100%; overflow: hidden; } #post-entry article.post-style-magazine .archive_post-thumb img{ min-width:100%; max-width:100%; height:auto; border-radius:10px 10px 0 0; } #post-entry article.post-style-magazine .archive_post-main{ padding:10px; } #post-entry article.post-style-magazine .archive_post-main h2{ font-size:14pt; line-height:130%; margin-bottom:5px; } #post-entry article.post-style-magazine .archive_post-main .entry-date{ color: #999; font-size: 9pt; } #post-entry article.post-style-magazine .archive_post-main .post-content{ color: #999; font-size: 10pt; line-height:130%; padding-top:7px; margin-top:7px; border-top-width: 1px; border-top-style: dashed; border-top-color: #DADADA; } /*　目次用　*/ #toc_container{ margin-top:20px; border-radius:5px; display:block; background-color: #FAFAFA; border: 2px #CCC dashed; box-shadow: 0px 0px 0px 5px #fff; margin-right: 5%; margin-left: 5%; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } #toc_container p.toc_title{ font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; text-align: center; } #toc_container p.toc_title+ul.toc_list{ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-image: none; list-style-type: decimal; margin: 0px; list-style-position: inside; } #toc_container .toc_list li a{ text-decoration: none !important; } #toc_container .toc_list li{ line-height:1.6em; font-size: 10.5pt; } #toc_container .toc_list li li{ line-height:1.6em; font-size: 10.5pt; list-style-type: decimal; margin-left: 30px; } /*　まとめ枠用　*/ .matome{ background-image: url(/wp-content/themes/tabiwaza/images/matome_face.png); background-repeat: no-repeat; background-position: 12.5% top; padding-top: 80px; position: relative; } .matome:before{ content:''; width:100%; height:23px; position: absolute; top: 71px; background-image: url(/wp-content/themes/tabiwaza/images/matome_hands.png); background-repeat: no-repeat; background-position: 11% top; } .matome .fukidashi{ border-radius:15px; color: #666; font-size: 14pt; font-weight: bold; position: absolute; border: 4px solid #DDD; top: 20px; max-width: 50%; background-color: #FFF; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; left: 25%; line-height: 130%; } .matome .fukidashi:before{ content: ''; position: absolute; display: block; width: 0; height: 0; left: -15px; top: 4px; border-right: 15px solid #DDD; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } .post-content .matome ul, .post-content .matome ol{ border-radius:15px; border-right-width: 10px; border-left-width: 10px; border-right-style: double; border-left-style: double; border-right-color: #4ec4d3; border-left-color: #4ec4d3; margin-top: 0px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: #FFF; border-bottom-width: 7px; border-bottom-style: solid; border-bottom-color: #E3E3E3; } .post-content .matome ul li, .post-content .matome ol li{ list-style-position: outside; list-style-image: url(/wp-content/themes/tabiwaza/images/icon3.gif); padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #E0E0E0; font-weight: bold; color:#666; padding-top: 15px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; } .post-content .matome ul li:last-child, .post-content .matome ol li:last-child{ border-bottom-style: none; padding-bottom: 0px; margin-bottom: 0px; } .post-content .matome ul li.up, .post-content .matome ol li.up{ list-style-image: url(/wp-content/themes/tabiwaza/images/icon_up.gif); } .post-content .matome ul li.down, .post-content .matome ol li.down{ list-style-image: url(/wp-content/themes/tabiwaza/images/icon_down.gif); } /*　★評価用　*/ .starbox{ border-left-width: 5px; border-left-style: solid; border-left-color: #CCC; padding-left: 10px; border-radius:10px; background-color: #F9F9F9; display: inline-block; padding-right: 10px; border-right-width: 5px; border-right-style: solid; border-right-color: #CCC; margin-bottom: 10px; } .starbox p{ display:inline; } .starbox .star_title{ font-size:80%; padding-right:10px; } .starbox .star{ color:#F90; font-size: 110%; } .starbox .star span{ color: #CCC; } .starbox .star_num{ font-size:80%; } .starbox .star_num span{ font-size:130%; font-weight: bold; color: #F60; padding-right: 2px; padding-left: 2px; } .box1 .starbox{ border-right-style: none; border-left-style: none; padding-left: 0px; padding-right: 0px; } /*ヘッダー評価用*/ .h_star{ color:#F90; font-size: 110%; } .h_star span{ color: #CCC; } .h_star_num span{ font-weight: bold; color: #F60; padding-right: 2px; padding-left: 2px; } /*　関連投稿　*/ .post-content ol.yarpp-related, .post-content .yarpp-related{ padding:0px; clear: both; margin:0px; } ol.yarpp-related li a{ line-height: 14pt; text-decoration: none !important; font-size: 10.5pt; } ol.yarpp-related li{ list-style-type: none; width: 19%; margin-right: 1%; padding: 0px; margin-top: 0px; margin-bottom: 15px; margin-left: 0px; float: left; vertical-align: top; } ol.yarpp-related li span{ display: block; font-weight: bold; text-decoration: none; font-size: 10.5pt; height: 42pt; overflow: hidden; color: #333; } ol.yarpp-related img{ max-width:95%; border-radius:8px; } ol.yarpp-related li a:hover span{ text-decoration: underline; } /*　文字の装飾　*/ .entry-content .mark{ border-bottom-width: 3px; border-bottom-style:solid; border-bottom-color: #52c0d4; background: linear-gradient(transparent 80%, #FFF 0%); } .entry-content .mark_green{ border-bottom-width: 3px; border-bottom-style:solid; border-bottom-color: #090; background: linear-gradient(transparent 80%, #FFF 0%); } .entry-content .mark_red{ border-bottom-width: 3px; border-bottom-style:solid; border-bottom-color: #C00; background: linear-gradient(transparent 80%, #FFF 0%); } .entry-content .mark_dblue{ border-bottom-width: 3px; border-bottom-style:solid; border-bottom-color: #069; background: linear-gradient(transparent 80%, #FFF 0%); } /* テーマごとにデザインを変更 */ body.hslug_beauty #header{ background-image: url(images/bgimg_beauty.png); } body.hslug_beauty #header .innerwrap{ background-image: url(images/header_logohslug_beauty_copy.png); background-repeat: no-repeat; background-position: 190px 40px; } body.hslug_beauty h2.header-title { background-color: #e0578e; } /*　ハンバーガーメニュー　*/ .hamburger { position:absolute; top:18px; left:14px; width: 30px; height: 25px; cursor: pointer; z-index:1000; display:none; } .hamburger, .hamburger span { -webkit-transition: all 0.8s; transition: all 0.8s; box-sizing: border-box; } .hamburger span { display: inline-block; position: absolute; left: 0; width: 100%; height: 4px; background-color: #fff; border-radius: 4px; } .hamburger span:nth-of-type(1) { top: 0; } .hamburger span:nth-of-type(2) { top: 10px; } .hamburger span:nth-of-type(3) { bottom: 0; } .hamburger.active span:nth-of-type(1) { -webkit-transform: translateY(11px) rotate(-45deg); transform: translateY(11px) rotate(-45deg); } .hamburger.active span:nth-of-type(2) { opacity: 0; } .hamburger.active span:nth-of-type(3) { -webkit-transform: translateY(-11px) rotate(45deg); transform: translateY(-11px) rotate(45deg); } .mobile_nav { position: fixed; left: 0; top: 0; display: none; z-index: 990; background-color:#FFF; width: 100vw; height: auto; min-height: 100vh; text-align:center; padding-top:85px; } .mobile_nav .nav_global{ margin:0 0 0.6em 0; } .mobile_nav li{ background-color: rgba(0, 0, 0, 0.8); border: 1px solid #000; width: 45%; margin-right: 1.5%; margin-bottom:1.5%; text-align: center; vertical-align: middle; display:inline-block; padding-top: 10px; padding-bottom: 10px; } .mobile_nav li a{ color: #FFF; } .mobile_nav h4{ background-color: #4DB7D2; margin-bottom: 7px; padding-top: 4px; padding-bottom: 4px; font-size: 90%; color: #FFF; border-radius:5px; width:94%; display: block; margin-right: auto; margin-left: auto; } .mobile_nav .t_beauty{ background-color: rgba(255, 102, 153, 0.9); border: 1px solid #FFF; } .mobile_nav .t_green{ background-color: rgba(102, 153, 0, 0.9); border: 1px solid #FFF; } .mobile_nav .t_orange{ background-color: rgba(243, 145, 24, 0.9); width: 94%; margin-right: auto; margin-left: auto; border: 1px solid #FFF; border-radius:10px; } .mobile_nav .t_beauty span,.mobile_nav .t_baby span,.mobile_nav .t_search span{ font-size: 9pt; display: block; } /*　スマホアプリ紹介　*/ .apps_shokai{ padding: 10px; margin-top: 10px; margin-bottom: 10px; border-radius:10px; margin-right: auto; margin-left: auto; width:60%; background-color: #FFF; } .apps_shokai h4{ border-bottom-style:none; padding-bottom: 2px; padding-right: 0px; display: block; margin: 0 0 0 0; } .apps_shokai h4:before{ display:none; } .apps_shokai .apps_button{ float: left; margin-right: 20px; } .apps_shokai .apps_button a{ padding: 0 0 0 0 !important; background-image:none !important; } .apps_shokai .app_icon{ float: left; margin-right: 20px; } .apps_shokai:after{ clear: both; content: ''; display: block; } /*　カテゴリーの表示をカスタマイズ　*/ .widget_categories .children{ display:none; } .widget_categories li{ color: #69C; list-style:inside square !important; } /*　セール情報の表示　*/ ul.air_sale li{ border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: #CCC; font-size: 10pt; } .air_sale .sale_campany{ color: #360; font-weight: bold; } .air_sale .sale_campany:before { font-family:"FontAwesome"; content:"\f072"; padding-right:7px; color:#693; } .air_sale .sale_date{ display:block; font-size: 8pt; color: #999; float:right; } .air_sale .sale_price{ display:block; font-size: 10pt; } .air_sale .sale_price .sale_price_num{ color: #C03; font-size: 13pt; font-weight: bold; } .air_sale .sale_price .sale_price_yen{ color: #C03; font-weight: bold; } .air_sale a{ display: block; padding-top: 5px; padding-bottom: 5px; } .air_sale a:hover{ background-color: #FFF; } /*　個別投稿のページ分割用ページナビ　*/ .single_pagenavi{ text-align:center; } .single_pagenavi a{ background-image:none !important; content:none !important; padding:10px 20% !important; margin:0px 10px 0px 0px !important; border-radius:0px !important; border: 1px solid #999; } /*　index用　*/ .otacoupon_banner img{ vertical-align: bottom; } .otacoupon_banner li{ display:inline-block; width: 12.5%; text-align:center; } .otacoupon_banner li img{ width:96%; } .index_lcc td{ padding:0 0 0 10px; border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: #CCC; } .index_lcc td:first-child{ padding:0 10px 0 0; } .index_lcc .sale_date{ display:block; font-size: 8pt; color: #999; float:right; } .index_lcc .sale_campany{ display:block; color: #360; font-weight: bold; } .index_lcc .sale_price{ display:block; font-size: 10pt; color: #666; } .index_lcc .sale_price .sale_price_num{ color: #C03; font-size: 13pt; font-weight: bold; } .index_lcc .sale_price .sale_price_yen{ color: #C03; font-weight: bold; } .index_lcc a{ display: block; padding-top: 5px; padding-bottom: 5px; } .index_lcc a:hover{ background-color: #FFF; } /*　クーポン横断検索＜検索結果＞　*/ ul.coupon_list{ margin: 0; } ul.coupon_list .noicon{ margin:0 0 20px 0; background-color: #FFF; padding:10px; border-radius:8px; list-style-type: none; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #C6C6C6; } .coupon_list h3{ margin:0px; padding:0px; font-size:13pt; } .coupon_list h3:before { content: ""; display:none; } .coupon_list .leftimg{ width:150px; float:left; text-align:center; } .coupon_list .leftimg img{ display:block; margin-right: auto; margin-left: auto; margin-bottom:10px; } .coupon_list .rightmore{ margin-left:165px; overflow: hidden; } .coupon_list .rightmore .desc a{ display:block; color: #4A4A4A; text-decoration: none !important; } .coupon_list .rightmore .desc a:hover{ color:#09C; text-decoration: underline !important; } .coupon_list .pref{ font-size: 9pt; color: #FFF; background-color: #F90; padding-right: 5px; padding-left: 5px; border-radius:3px; display: inline-block; margin-bottom:3px; line-height: 180%; } .coupon_list .category{ font-size: 9pt; color: #FFF; background-color: #09C; padding-right: 5px; padding-left: 5px; border-radius:3px; display: inline-block; margin-bottom:3px; line-height: 180%; } .coupon_list .coupon{ font-size: 8pt; color: #FFF; background-color: #C30; padding-right: 5px; padding-left: 5px; border-radius:3px; display: inline-block; margin-left:10px; line-height: 180%; vertical-align: top; } .coupon_list .hotel_coupon{ font-size: 8pt; color: #FFF; background-color: #090; padding-right: 5px; padding-left: 5px; border-radius:3px; display: inline-block; margin-left:10px; line-height: 180%; vertical-align: top; } .coupon_list .tour{ font-size: 8pt; color: #FFF; background-color: #666; padding-right: 5px; padding-left: 5px; border-radius:3px; display: inline-block; margin-left:10px; line-height: 180%; vertical-align: top; } .coupon_list li ul{ margin:0px; padding:0px; } .coupon_list li li{ border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: #CCC; font-size:11.5pt; padding:15px 0; list-style-type: none; } .coupon_list li li:last-child{ border-bottom-style:none; padding:15px 0 0 0; } .coupon_list li li .img{ margin-right:20px; } .coupon_list li li .price{ color: #900; font-weight: bold; width:15%; float:right; margin-left:10px; } .coupon_list li li .hotelc{ width:30%; } .coupon_list li li .price span{ font-size: 19pt; } /* あそび検索バナー用 */ .asobi_search_banner{ background-image: url(/wp-content/themes/tabiwaza/images/asobi_banner_bg.gif); background-repeat: no-repeat; background-position: right bottom; height: 180px; width: 800px; margin-bottom:0px; } .asobi_search_banner h4{ width:70%; } .asobi_search_banner p{ font-size: 10pt; width: 70%; padding-top:5px; } /*　クーポン検索　検索結果ページ　*/ .coupon_search #pref, .coupon_search #category_org{ vertical-align:bottom; height:auto; border:solid 3px #ddd; background-color:#FFF; font-size:130%; padding:0 5px; margin-bottom:10px; height:50px; } .coupon_search #q{ vertical-align:bottom; height: 44px; padding:0 10px; width:45%; font-size:200%; border-radius:2px; border:solid 3px #ddd; outline: 0; margin-bottom:10px; text-align:left; } .coupon_search #submit{ vertical-align:bottom; overflow:visible; height:50px; border:solid 3px #ddd; background-color:#FFF; padding:0 15px; margin-bottom:10px; } .coupon_search_navi li{ display:inline-block; margin:0 7px 5px 0 !important; list-style-type: none; font-size: 11pt; } .coupon_search_navi li.active{ padding-top: 4px; padding-right: 15px; padding-bottom: 4px; padding-left: 15px; border: 1px solid #CCC; font-weight: bold; } .coupon_search_navi li a{ display: inline-block; padding-top: 4px; padding-right: 15px; padding-bottom: 4px; padding-left: 15px; border: 1px solid #CCC; background-color: #FFF; } /*　クーポンサーチ詳細画面用　*/ .coupon_search_detali_table{ width:100%; line-height:130%; } ul.kanren_coupon{ margin: 0px; } ul.kanren_coupon li{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding:0; border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: #CCC; list-style-type: none; margin:0px; } .kanren_coupon li:last-child{ border-bottom-style:none; } .kanren_coupon li strong{ margin-bottom: 5px; line-height: 130%; display: block; } .kanren_coupon li .imgcn{ width:40%; display: block; float: left; margin-right: 10px; height: 80px; overflow: hidden; } .kanren_coupon li .imgcn img{ width:100%; } .kanren_coupon li p{ color: #666; margin-bottom:0px; font-size: 9pt; line-height: 130%; } .kanren_coupon li a{ display: block; padding-top: 10px; padding-bottom: 10px; height:80px; overflow: hidden; text-decoration: none !important; } .kanren_coupon li a:hover{ background-color: #FFF; } /*　クーポン検索詳細画面　ヘッダー用　*/ .h_button{ clear: both; padding-top: 5px; } .h_review{ text-align:right; } ol.h_meta_pankuzu{ float:left; display:inline; margin:0; } ol.h_meta_pankuzu li{ display: inline; list-style-type: none; } #post-entry article.post-single h1.h_coupon{ font-size:2.3em; margin-bottom:5px; } .sisetsu_img{ max-width:100%; max-height:180px; margin-right:10px; float:left; } .h_button_like{ float:right; font-size:large; } /*クーポン詳細画面　ウインドウ*/ #overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); display: none; z-index: 1 } #modalWindow { width: 30%; position: fixed; border: 4px solid #F60; background-color: #FFF; display: none; z-index: 99999; padding: 15px; border-radius:8px; box-shadow: 0px 0px 0px 5px #FFF; font-size: 12pt; } /* クーポン横断検索　トップページ用 */ .coupon_search_index{ text-align:center; padding-right: 0; padding-bottom: 90px; padding-left: 0; padding-top:60px; } .coupon_search_index .comment{ width:75%; padding-left:5%; text-align:left; height:180px; background-image: url(/wp-content/themes/tabiwaza/images/asobi_banner_bg.gif); background-repeat: no-repeat; background-position: right bottom; } .coupon_search_index .comment p{ padding:50px 0 0 0; font-size:15pt; line-height:25pt; font-weight: bold; color: #333; width:49%; } .coupon_search_index #pref, .coupon_search_index #category_org{ vertical-align:bottom; height:56px; border:solid 3px #ddd; background-color:#FFF; font-size:150%; padding:0 5px; margin-bottom:10px; } .coupon_search_index #q{ vertical-align:bottom; height: 50px; padding:0 10px; width:50%; font-size:200%; border-radius:2px; border:solid 3px #ddd; outline: 0; margin-bottom:10px; } .coupon_search_index #submit{ vertical-align:bottom; overflow:visible; height:56px; border:solid 3px #ddd; background-color:#FFF; padding:0 20px; margin-bottom:10px; } .hotelbook{ border: 4px dashed #53BDD3; background-color: #FFF; padding: 10px; max-width:80%; min-width:40%; margin-right: auto; margin-left: auto; margin-top:10px; margin-bottom:10px; text-align:center; font-size: 12pt; font-weight: bold; border-radius:8px; } .couponwrap{ border: 3px dashed #699; background-color: #FFF; padding: 10px; max-width:100%; margin-right: auto; margin-left: auto; margin-top:10px; margin-bottom:10px; text-align:center; font-size: 10.5pt; font-weight: bold; border-radius:8px; } /*　クーポン検索詳細　口コミ　*/ .coupon_comment{ display: block; width: 80%; margin-right: auto; margin-left: auto; } .coupon_comment #star{ vertical-align:bottom; height:45px; border:solid 3px #ddd; background-color:#FFF; font-size:120%; padding:0 5px; margin-bottom:10px; color: #F60; } .coupon_comment #name{ vertical-align:bottom; height: 39px; padding:0 10px; width:50%; font-size:120%; border-radius:2px; border:solid 3px #ddd; outline: 0; margin-bottom:10px; } .coupon_comment #comment{ vertical-align:bottom; width:100%; font-size:120%; border-radius:2px; border:solid 3px #ddd; outline: 0; margin-bottom:10px; display: block; } .coupon_comment #submit{ vertical-align:bottom; overflow:visible; height:45px; font-size:120%; border:solid 3px #ddd; background-color:#FFF; padding:0 20px; margin-bottom:10px; } .coupon_user_comments p{ font-size: small; margin-bottom: 5px; } .coupon_user_comments{ background-color: #FFF; border: 2px dashed #CCC; padding:12px; border-radius:10px; min-height:65px; margin:15px 5%; } .coupon_user_comments .starbox{ background-color: #FFF; display:block; border-right-style: none; border-left-style: none; padding-left: 0px; padding-right: 0px; text-align: right; margin: 0px; } /*　モバイル用記事最上部の関連投稿　*/ .kanren_m_top{ margin-top:5px; } .kanren_m_top li:first-child{ border-top-width: 2px; border-top-style: solid; border-top-color: #CCC; } .kanren_m_top li:last-child{ border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CCC; } .kanren_m_top li{ background-color: #FFF; list-style-type: none; border-bottom-width: 1px; border-bottom-style:dashed; border-bottom-color: #CCC; background-image: url(/wp-content/themes/tabiwaza/images/icon5.gif); background-repeat: no-repeat; background-position: 5px 10px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 18px; font-size: 11pt; } .kanren_m_top li a span{ text-decoration: none; display:block; color: #666; font-size: 9pt; } /*　色々使えるCSSボタン系　*/ a.button_blue, .button_blue a{ position: relative; display: inline-block; text-decoration: none !important; color: #FFF; background-color: #53BDD3; border-radius: 5px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); font-weight: normal; font-size: 10pt; padding:5px 20px !important; background-image:none !important; border: 1px solid #39C; margin:5px 0; } a.button_red, .button_red a{ position: relative; display: inline-block; text-decoration: none !important; color: #FFF; border-radius: 5px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); font-weight: normal; font-size: 10pt; padding:5px 20px !important; background-image:none !important; border: 1px solid #C30; background-color: #D25653; margin:5px 0; } a.button_yellow, .button_yellow a{ position: relative; display: inline-block; text-decoration: none !important; color: #FFF; border-radius: 5px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); font-weight: normal; font-size: 10pt; padding:5px 20px !important; background-image:none !important; border: 1px solid #C2740A; background-color: #E88F17; margin:5px 0; } a.button_green, .button_green a{ position: relative; display: inline-block; text-decoration: none !important; color: #FFF; border-radius: 5px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); font-weight: normal; font-size: 10pt; padding:5px 20px !important; background-image:none !important; border: 1px solid #390; background-color: #6CB748; margin:5px 0; } a.button_gray, .button_gray a{ position: relative; display: inline-block; text-decoration: none !important; color: #666; border-radius: 5px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); font-weight: normal; font-size: 10pt; padding:5px 20px !important; background-image:none !important; border: 1px solid #CCC; background-color: #E8E8E8; margin:5px 0; } a.button_favorite, .button_favorite a{ position: relative; display: inline-block; text-decoration: none !important; color: #666; border-radius: 5px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); font-weight: normal; font-size: 10pt; padding:5px 10px !important; background-image:none !important; border: 1px solid #F66; background-color: #F66; margin:5px 0; } a.button_blue:hover, a.button_red:hover, a.button_yellow:hover, a.button_green:hover, a.button_gray:hover, .button_blue a:hover, .button_red a:hover, .button_yellow a:hover, .button_green a:hover, .button_gray a:hover{ box-shadow: 0 0 3px rgba(0, 0, 0, 0.40); } /*色々使えるボタン　大き目*/ a.button_blue_large, .button_blue_large a{ position: relative; display: inline-block; text-decoration: none !important; color: #FFF; background-color: #53BDD3; border-radius: 5px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); font-weight: normal; font-size: 10pt; padding:10px 30px !important; background-image:none !important; border: 1px solid #39C; margin-bottom:5px; } a.button_red_large, .button_red_large a{ position: relative; display: inline-block; text-decoration: none !important; color: #FFF; border-radius: 5px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); font-weight: normal; font-size: 10pt; padding:10px 30px !important; background-image:none !important; border: 1px solid #C30; background-color: #D25653; margin-bottom:5px; } a.button_yellow_large, .button_yellow_large a{ position: relative; display: inline-block; text-decoration: none !important; color: #FFF; border-radius: 5px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); font-weight: normal; font-size: 10pt; padding:10px 30px !important; background-image:none !important; border: 1px solid #C2740A; background-color: #E88F17; margin:5px 0; } a.button_green_large, .button_green_large a{ position: relative; display: inline-block; text-decoration: none !important; color: #FFF; border-radius: 5px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05); font-weight: normal; font-size: 10pt; padding:10px 30px !important; background-image:none !important; border: 1px solid #390; background-color: #84CD58; margin-bottom:5px; } a.button_blue_large:hover, a.button_red_large:hover, a.button_yellow_large:hover, a.button_green_large:hover, .button_blue_large a, .button_red_large a, .button_yellow_large a, .button_green_large a{ box-shadow: 0 0 3px rgba(0, 0, 0, 0.40); } /*　カードキャンペーン用　*/ .card_campaign_link{ border-radius:5px; width:70%; background-color: #FAFAFA; margin:5px auto 15px auto; text-align:center; padding:10px; border-top-width: 1px; border-right-width: 3px; border-bottom-width: 1px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #F60; border-bottom-color: #CCC; border-left-color: #F60; } .point .card_campaign_link, .dan .card_campaign_link, .box1 .card_campaign_link{ width:95%; } .card_campaign_link p{ margin:0px; padding:0px; } .card_campaign_link span{ font-size: 11pt; font-weight: bold; color: #777; } /*　会員ページイイネリスト　*/ .post-content ul.likelist{ margin:0px; } .likelist li { padding: 5px; border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: #E5E5E5; list-style-type: none; height: 110px; margin: 0px; } .likelist li .leftimg { width: 20%; float:left; height: 105px; overflow: hidden; } .likelist li .rightmore { margin-left: 22%; } /*　会員ページ　*/ .member_top_visual{ background-image: url(images/member_top.gif); background-repeat: no-repeat; background-position: 80% top; padding-top: 150px; } .member_top_visual .box1{ margin:19px 0; } .member_top_visual h1{ padding-left: 10%; } .header_nav { float: right; padding: 3px; border-radius:8px; } .header_nav li { display: inline; list-style-type: none; margin-right:10px; line-height: 40px; } .header_nav li a { color: #f3f3f3; font-size: 10pt; } .header_nav li a span { color: #C00; font-weight: bold; } .logout { font-size: small; float: right; } #member_top_form label { width: 24%; display: inline-block; } #member_login_signup_form{ display:block; width:45%; margin:0 auto; } /*この記事を書いた人*/ .writer { background-color: #FAFAFA; padding:12px; margin:15px 0; box-shadow: 0px 0px 0px 5px #fff; } .writer h5 { display:block; margin-bottom: 10px; font-size: 12pt; font-weight: bold; } .writer .profile_picture { float: left; margin-right: 10px; } .writer p { margin: 0px; font-size: 10pt; line-height: 150%; }