/* Theme Name:BlogPress Theme URI: Description:WordPressテーマ「BlogPress (TCD010)」 Author:Design Plus Author URI:http://design-plus1.com/tcd-w/ Version:3.1 */ /* ---------------------------------------------------------------------- basic setting ---------------------------------------------------------------------- */ a img { border:none; verticle-align:top; } a, a:visited { outline:none; } a:hover { } p { margin:0 0 1em 0; padding:0; line-height:240%; } ul { list-style-type:none; margin:0 0 2em 0; padding:0; line-height:0%; } ul li { margin:0; padding:0; line-height:normal; zoom:1; } ol { margin:0 0 2em 19px; padding:0; } ol li { padding:0 0 5px 0; line-height:normal; } dl { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; } dl dt, dl dd { margin:0; padding:0; line-height:normal; zoom:1; } dl dt { font-weight:bold; } form,table,input,textarea,dl,dt,dd { margin:0; padding:0; } table { border-collapse:collapse; width:100%; border:0; } cite { text-align:right; display:block; } object { display:block; margin:0 auto; height:auto; } del { color:#333; } hr { border:1px solid #ccc; margin:40px 0; } .wp-caption-text { text-align:center; } .alignright { float:right; } .alignleft { float:left; } .aligncenter { margin-left:auto; margin-right:auto; } .centered { margin-left:auto; margin-right:auto; } .clear { clear:both; } input[type="text"], input[type="password"], textarea, select { outline: none; } /* --- WordPress preset CSS ----------------------------------------------------------------------------------------- */ /* image */ .post img { height:auto; max-width:100%; } .post img.centered,div.centered { display:block; margin:15px auto; } .post img.aligncenter,div.aligncenter { display:block; margin:15px auto; } .post img.alignright,div.alignright { margin:10px 0 30px 30px; display:inline; } .post img.alignleft,div.alignleft { margin:10px 30px 30px 0; display:inline; } .post .wp-caption { background:#fff; border:1px solid #ccc; max-width:96%; padding:14px 3px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .post .wp-caption img { display:block; margin:0 auto; max-width:100%; } .post .wp-caption .wp-caption-text { padding:10px 0 0; } /* table */ .post table { margin:0 0 1em 0; } .post td, .post th { border:1px solid #c1c1c1; padding:15px; } .post th { background:#eee; font-weight:normal; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); } /* block quote */ .post blockquote { margin:0 0 1em 0; padding:50px 50px 40px; background:#f2f2f2; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; border:1px solid #c1c1c1; } .post blockquote:before { content: '"'; font-style:italic; font-size:40px; font-weight:bold; line-height:40px; width:30px; height:30px; position:absolute; top:20px; left:20px; color:#999; } .post blockquote:after { content: '"'; font-style:italic; font-size:40px; font-weight:bold; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:20px; right:20px; color:#999; } /* list */ .post li, .post dt, .post dd { margin:0; line-height:200%; } .post ul li { background:url(https://0c2c76.claudeassets.com/20260309154656im_/https://burenyu.com/wp-content/themes/BlogPress/img/common/bullet1.gif) no-repeat left 11px; padding:0 0 0 9px; } .post ul ul, .post ol ol { margin:0 0 0 1em; } /* ---------- clearfix hack ---------- */ .clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; } .clearfix { display: inline-block; } /* exlude MacIE5 \*/ * html .clearfix { height:1% } .clearfix {display:block;} /* end MacIE5 */ /************************************************************* 【ボタン 青・緑】aタグに使えます *************************************************************/ a.button { color:#fff; font-size:11px; font-weight:bold; padding:0px 15px 0px; height:34px; line-height:35px; margin:0 4px 4px 0; background:#008ece; display:inline-block; text-decoration:none; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top, rgba(0,216,255,1) 0%, rgba(0,142,206,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,216,255,1)), color-stop(100%,rgba(0,142,206,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8ff', endColorstr='#008ece',GradientType=0 ); border:1px solid #009de1; text-shadow: 1px 1px 0px #0085bf; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } a.button:hover { color:#fff; text-decoration:none; background:#0ddaff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ddaff', endColorstr='#0ddaff',GradientType=0 ); } a.button:active { box-shadow:none; bottom:-2px; position:relative; } .post a.button2 { color:#fff; font-size:11px; font-weight:bold; padding:0px 15px 0px; height:34px; line-height:35px; margin:0 4px 4px 0; background:#36bf00; display:inline-block; text-decoration:none; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top, rgba(65,231,0,1) 0%, rgba(54,191,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,231,0,1)), color-stop(100%,rgba(54,191,0,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41e700', endColorstr='#36bf00',GradientType=0 ); border:1px solid #2da000; text-shadow: 1px 1px 0px #227a00; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } a.button2:hover { color:#fff; text-decoration:none; background:#7bf013; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bf013', endColorstr='#7bf013',GradientType=0 ); } a.button2:active { box-shadow:none; bottom:-2px; position:relative; } /* ---------------------------------------------------------------------- ソーシャルボタン ---------------------------------------------------------------------- */ @font-face { font-family: 'icomoon'; src: url('https://38efbc.claudeassets.com/20260309154656im_/https://burenyu.com/wp-content/themes/BlogPress/fonts/icomoon.eot?evfvw0'); src: url('https://923f5f.claudeassets.com/20260309154656im_/https://burenyu.com/wp-content/themes/BlogPress/fonts/icomoon.eot?evfvw0#iefix') format('embedded-opentype'), url('https://a820fe.claudeassets.com/20260309154656im_/https://burenyu.com/wp-content/themes/BlogPress/fonts/icomoon.ttf?evfvw0') format('truetype'), url('https://f61c1d.claudeassets.com/20260309154656im_/https://burenyu.com/wp-content/themes/BlogPress/fonts/icomoon.woff?evfvw0') format('woff'), url('https://828cb6.claudeassets.com/20260309154656im_/https://burenyu.com/wp-content/themes/BlogPress/fonts/icomoon.svg?evfvw0#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; 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-feedly:before { content: "\e907"; } .icon-hatebu:before { content: "\e908"; } .icon-line:before { content: "\e909"; } .icon-pocket:before { content: "\e90a"; } .icon-google-plus:before { content: "\e900"; } .icon-google-plus2:before { content: "\e901"; } .icon-facebook:before { content: "\e902"; } .icon-facebook2:before { content: "\e903"; } .icon-twitter:before { content: "\e904"; } .icon-rss:before { content: "\e90b"; } .icon-rss2:before { content: "\e906"; } .icon-pinterest:before { content: "\e905"; } #share_top1 ul li a, #share_top2 ul li a, #share_btm1 ul li a, #share_btm2 ul li a { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } /*-------------------------------- share_top1（Style1） ---------------------------------*/ #share_top1 { width:100%; margin:0 0 15px; } #share_top1 h2 { color:#666666; font-weight:400; } #share_top1 ul { margin:0; padding:0; list-style:none; } #share_top1 ul li { display:inline-block; padding:0; text-align:center; } #share_top1 ul li a { min-width:27px; text-decoration:none; display:inline-block; margin:0 5px 5px 0; font-size:12px; font-weight:400; color: #fff!important; background:#fafafa; border-radius:2px; box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; text-align:center; line-height:25px; padding:1px 5px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #share_top1 ul li a i { position:relative; top:3px; color:#fff; font-size:1.3em; text-shadow:1px 1px 0 rgba(255, 255, 255, .1); } #share_top1 ul li a .ttl { margin:0 3px 0 2px; text-align:center; line-height:20px; } #share_top1 ul li a .share-count { display:inline; font-size:9px; color:#fff; padding:0; line-height:25px; margin:0; border-radius:0 1px 1px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #share_top1 ul li > a:hover { -webkit-transform:translate3d(0, 1px, 0); transform:translate3d(0, 1px, 0) } @media screen and (max-width:480px) { #share_top1 { width:100%; margin:0 0 15px; } #share_top1 ul {} #share_top1 ul li a { margin-right:2px; } #share_top1 ul li a i { left:1px; } #share_top1 ul li>a span { display:none; } #share_top1 ul li a .share-count { margin-left:3px; } } /*-------------------------------- share_btm1（Style3） ---------------------------------*/ #share_btm1 { margin:-10px 0 15px; } #share_btm1 .sns { text-align:center; } #share_btm1 ul { margin:0 0 2%; list-style:none; } #share_btm1 li { float:left; width:48%; margin:0 1% 1.5%; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .post #share_btm1 ul li { list-style:none; background-image:none; padding:0; } #share_btm1 ul li a { position:relative; display:block; top:3px; font-size:13px; padding:10px 2px; color:#fff; border-radius:2px; text-align:center; text-decoration:none; vertical-align:middle; } #share_btm1 ul li a i { position:relative; top:3px; font-size:140%; } #share_btm1 ul li a .ttl { margin:0 3px 0 4px; display:inline-block; text-align:center; font-size:12px; } #share_btm1 ul li a .share-count { position:absolute; bottom:-2px; right:8px; font-size:10px; padding:0; line-height:25px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #share_btm1 ul li a:hover { -webkit-transform: translate3d(0px, 2px, 1px); -moz-transform: translate3d(0px, 2px, 1px); transform: translate3d(0px, 2px, 1px); } @media only screen and (min-width:480px) { #share_btm1 { width:100%; margin:-5px 0 15px; } #share_btm1 ul { margin-right:-1%; list-style:none; overflow:hidden; } #share_btm1 li { width:24%; margin:0 1% 1% 0; } #share_btm1 li a { font-size:12px; padding:10px 2px; } #share_btm1 li:nth-child(4n) { margin-right:0; } } /*------------- share_top1 & share_btm1 button_color -------------*/ /* Twitter */ #share_top1 ul li.twitter a, #share_btm1 ul li.twitter a { color:#fff; background-color:#55acee; } #share_top1 ul li.twitter a:hover, #share_btm1 ul li.twitter a:hover { background-color:#468ec5; } /* Facebook */ #share_top1 ul li.facebook a, #share_btm1 ul li.facebook a { background-color:#35629a; } #share_top1 ul li.facebook a:hover, #share_btm1 ul li.facebook a:hover { background-color:#1f3669; } /* Google+ */ #share_top1 ul li.googleplus a, #share_btm1 ul li.googleplus a { background-color:#dd4b39;} #share_top1 ul li.googleplus a:hover, #share_btm1 ul li.googleplus a:hover { background-color:#b94031;} #share_top1 ul li.googleplus a i { top:4px; } /* Hatena */ #share_top1 ul li.hatebu>a, #share_btm1 ul li.hatebu a { background-color:#3c7dd1;} #share_top1 ul li.hatebu>a:hover, #share_btm1 ul li.hatebu a:hover { background-color:#0270ac;} /* Pocket */ #share_top1 ul li.pocket a, #share_btm1 ul li.pocket a { background-color:#ee4056; } #share_top1 ul li.pocket a:hover, #share_btm1 ul li.pocket a:hover { background-color:#c53648; } /* rss */ #share_top1 ul li.rss a, #share_btm1 ul li.rss a { background-color:#ffb53c; } #share_top1 ul li.rss a:hover, #share_btm1 ul li.rss a:hover { background-color:#e09900; } /* Feedly */ #share_top1 ul li.feedly a, #share_btm1 ul li.feedly a { background-color:#6cc655; } #share_top1 ul li.feedly>a:hover, #share_btm1 ul li.feedly>a:hover { background-color:#5ca449; } /* Pinterest */ #share_top1 ul li.pinterest a, #share_btm1 ul li.pinterest a { background-color:#d4121c; } #share_top1 ul li.pinterest a:hover, #share_btm1 ul li.pinterest a:hover { background-color:#a42f35; } /*-------------------------------- share_top2（Style2） ---------------------------------*/ #share_top2 { width:100%; margin:0 0 15px; } #share_top2 h2 { color:#444; font-weight:400; } #share_top2 ul.type2 { margin:0; padding:0; list-style:none; } #share_top2 ul.type2 li { display:inline-block; padding:0; text-align:center; } #share_top2 ul.type2 li a { text-decoration:none; display:inline-block; margin:0 5px 5px 0; font-size:12px; font-weight:400; border-radius:2px; color:#222 !important; text-align:center; background:#fafafa !important; border:1px solid rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; line-height:25px; padding:1px 5px 0; } #share_top2 ul.type2 li a i { position:relative; top:3px; color:#222; font-size:1.3em; text-shadow:1px 1px 0 rgba(255, 255, 255, .1); } #share_top2 ul.type2 li a .ttl { margin:0 3px 0 2px; text-align:center; line-height:20px; } #share_top2 ul.type2 li a .share-count { color:#444; font-size:9px; padding:0; line-height:25px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #share_top2 ul.type2 li a:hover, #share_top2 ul.type2 li a:hover i, #share_top2 ul.type2 li a:hover .share-count { color:#fff !important; } #share_top2 ul.type2 li a:hover { border-color:rgba(255,255,255,.1); } @media screen and (max-width:480px) { #share_top2 { width:100%; margin:0 0 15px; } #share_top2 ul.type2 {} #share_top2 ul.type2 li a { margin-right:2px; } #share_top2 ul.type2 li a i { left:1px; } #share_top2 ul.type2 li>a span.ttl { display:none; } #share_top2 ul.type2 li a .share-count { margin-left:3px; } } /*-------------------------------- share_btm2（Style4） ---------------------------------*/ #share_btm2 { margin:-10px 0 15px; text-align:center; } #share_btm2 .sns {} #share_btm2 ul.type4 { margin:0 0 2%; list-style:none; } #share_btm2 ul.type4 li { float:left; width:48%; margin:0 1% 1.5%; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .post #share_btm2 ul li { list-style:none; background-image:none; padding:0; } #share_btm2 ul.type4 li a { position:relative; display:block; top:5px; font-size:13px; padding:10px 2px; text-decoration:none; border-radius:2px; color:#222 !important; text-align:center; background:#fafafa !important; border:1px solid rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; } #share_btm2 ul.type4 li a i { position:relative; top:3px; font-size:140%; color:#222 !important; } #share_btm2 ul.type4 li a .ttl { margin:0 3px 0 4px; display:inline-block; text-align:center; font-size:12px; } #share_btm2 ul.type4 li a .share-count { position:absolute; bottom:-2px; right:8px; font-size:10px; padding:0; line-height:25px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; color:#222 !important; } #share_btm2 ul.type4 li a:hover, #share_btm2 ul.type4 li a:hover i, #share_btm2 ul.type4 li a:hover .share-count { color:#fff !important; } @media only screen and (min-width:480px) { #share_btm2 { width:100%; margin:-5px 0 15px; } #share_btm2 ul.type4 { margin-right:-1%; list-style:none; overflow:hidden; } #share_btm2 ul.type4 li { width:24%; margin:0 1% 1% 0; } #share_btm2 ul.type4 li a { font-size:12px; padding:10px 2px; } #share_btm2 ul.type4 li:nth-child(4n) { margin-right:0; } } /*------------- share_top2 & share_btm4 button_color -------------*/ /* Twitter */ #share_top2 ul.type2 li.twitter a, #share_btm2 ul.type4 li.twitter a { color:#222 !important; background-color:#fafafa !important; } #share_top2 ul.type2 li.twitter a:hover, #share_btm2 ul.type4 li.twitter a:hover { color:#fff !important; background-color:#55acee !important; } /* Facebook */ #share_top2 ul.type2 li.facebook a, #share_btm2 ul.type4 li.facebook a { color:#222 !important; background-color:#fafafa !important; } #share_top2 ul.type2 li.facebook a:hover, #share_btm2 ul.type4 li.facebook a:hover { color:#fff !important; background-color:#35629a !important; } /* Google+ */ #share_top2 ul.type2 li.googleplus a, #share_btm2 ul.type4 li.googleplus a { color:#222 !important; background-color:#fafafa !important; } #share_top2 ul.type2 li.googleplus a:hover, #share_btm2 ul.type4 li.googleplus a:hover { color:#fff !important; background-color:#dd4b39 !important;} #share_top2 ul.type2 li.googleplus a i, #share_btm2 ul.type4 li.googleplus a i { top:4px; } /* Hatena */ #share_top2 ul.type2 li.hatebu a, #share_btm2 ul.type4 li.hatebu a { color:#222 !important; background-color:#fafafa !important; } #share_top2 ul.type2 li.hatebu a:hover, #share_btm2 ul.type4 li.hatebu a:hover { color:#fff !important; background-color:#3c7dd1 !important;} /* Pocket */ #share_top2 ul.type2 li.pocket a, #share_btm2 ul.type4 li.pocket a { color:#222 !important; background-color:#fafafa !important; } #share_top2 ul.type2 li.pocket a:hover, #share_btm2 ul.type4 li.pocket a:hover { color:#fff !important; background-color:#ee4056 !important; } /* rss */ #share_top2 ul.type2 li.rss a, #share_btm2 ul.type4 li.rss a { color:#222 !important; background-color:#fafafa !important; } #share_top2 ul.type2 li.rss a:hover, #share_btm2 ul.type4 li.rss a:hover { color:#fff !important; background-color:#ff8c00 !important; } /* Feedly */ #share_top2 ul.type2 li.feedly a, #share_btm2 ul.type4 li.feedly a { color:#222 !important; background-color:#fafafa !important; } #share_top2 ul.type2 li.feedly a:hover, #share_btm2 ul.type4 li.feedly a:hover { color:#fff !important; background-color:#6cc655 !important; } /* Pinterest */ #share_top2 ul.type2 li.pinterest a, #share_btm2 ul.type4 li.pinterest a { color:#222 !important; background-color:#fafafa !important; } #share_top2 ul.type2 li.pinterest a:hover, #share_btm2 ul.type4 li.pinterest a:hover { color:#fff !important; background-color:#d4121c !important; } /*-------------------------------- share_top5（公式ボタン） ---------------------------------*/ #share5_top { margin:-10px 0 -20px; } #share5_btm { margin:0 0 -40px; } .sns_default_top { margin:0; padding:0; overflow:hidden; } .sns_default_top ul, .sns_default_top ul li { list-style:none; background-image:none; padding:0; } .sns_default_top ul li { display:inline-block; margin:0 5px 3px 0; line-height:1!important; overflow:hidden; vertical-align:top; } .sns_default_top ul li.twitter_button { width:62px; } .sns_default_top ul li.fbshare_button:hover { text-decoration:none; } .sns_default_top ul li.google_button { width:58px; } .sns_default_top ul li.pocket_button { width:88px; } @media only screen and (max-width: 480px) { #share5_top { margin:0 0 -15px; } #share5_btm { margin:10px 0 -30px; } .sns_default_top { margin:0; } .sns_default_top ul li { margin-bottom:6px; } .sns_default_top ul li.twitter_button { margin-left:0; } } /* ----------------------- TCD Advanced Style ------------------------ */ /* ---------------------------------------------------------------------- Column layout - カラムレイアウト ---------------------------------------------------------------------- */ .post .post_row { margin-left:-15px; margin-right:-15px; line-height:2; } .post .post_col, .post .post_col-2, .post .post_col-3 { position:relative; min-height:1px; width:100%; padding-right:15px; padding-left:15px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:2em; } @media screen and (min-width:768px){ .post .post_col-2 { width:50%; /* 2カラム */ } .post .post_col-3 { width:33.33333%; } } @media screen and (min-width:1024px){ .post .post_col-2 { width:50%; /* 2カラム */ } .post .post_col-3 { width:33.33333%; } } .post .post_row:before, .post .post_row:after { content: " "; display: table; } .post .post_row:after { clear: both; } /* ---------------------------------------------------------------------- headline - 見出しのスタイル ---------------------------------------------------------------------- */ .post h3, .post h4, .post h5, .post h6 { line-height:1.6; } /* h3 */ .post .style3a { margin:3em -1.04em 1.5em; padding:1.1em 1em 1em; font-size:22px; font-weight:400; color:#333; border-top:1px solid #333; border-bottom:1px solid #333; } .post .style3b { margin:3em -1.04em 1.5em; padding:1.1em 1em 1em; font-size:22px; font-weight:400; color:#333; border-top:2px solid #333; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; } @media screen and (max-width:640px) { .post .style3a, .post .style3b { margin:3em -.4em 1.5em; padding:1.1em .5em 1em; } } /* h4 */ .post .style4a { margin:2.5em 2px 1.2em; padding:.3em 0 .3em .8em; font-size:20px; font-weight:400; border-bottom:none; border-left:2px solid #333; } .post .style4b { margin:2.5em 0 1.2em; padding:.9em 0 .8em; font-size:20px; font-weight:400; border-bottom:1px dotted #aaa; } /* h5 */ .post .style5a { margin:2em 0 1em; padding:.5em .8em .3em 1em; font-weight:700; font-size:18px; color:#333; background:#f5f5f5; box-shadow:0px 2px 0px 0px #f2f2f2; } .post .style5b { margin:2em 0 1em; padding:.5em .8em .4em 1em; font-weight:400; font-size:18px; color:#fff; background:#222; border-radius:4px; box-shadow:0px 2px 0px 0px #f2f2f2; } /* h6 */ .post .style6 { position:relative; margin:2em 0 1em; padding:.5em .8em .8em 1.3em; color:#222; font-weight:bold; font-size:16px; } .post .style6:before { position:absolute; width:12px; height:12px; top:.5em; left:.2em; background:#222; content:""; } .post .news_headline1{ position:relative; margin:80px 0 25px 0; padding:.5em; border-left:8px solid #444; line-height:1.2; font-size:1.2em; } .post .news_headline1:after { content:""; position:absolute; bottom:0px; left:0; height:0; width:100%; border-bottom:1px dotted #ddd; } .post .news_headline2{ margin:40px 0 20px 0; padding:0 .5em; border-left:6px solid #545454; line-height:26px; font-size:1.1em;} .post .balloon { clear:both; display:block; position:relative; margin:50px 0 22px; padding:.5em 18px .5em; width:auto; min-width:115px; color:#fff; text-align:left; font-size:20px; font-weight:400; background:#333; z-index:0; border-bottom:0; } .post .balloon:after { content:""; position:absolute; bottom:-10px; left:30px; margin-left:-10px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 10px; border-color:#333 transparent transparent transparent; } /* ---------------------------------------------------------------------- flame - 囲み枠 ---------------------------------------------------------------------- */ .well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); } .well2 { margin:1em 0 30px; padding:1em 1.5em; line-height:2; border:1px solid #cdcdcd; background:#fcfcfc; box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); } .well3 { margin:2em 0 2.5em; padding:1em 1.5em;line-height:2.0; border:1px dashed #cdcdcd; background:#fcfcfc; box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); } .wl_red { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .wl_yellow { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .wl_blue { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .wl_green { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } /* ---------------------------------------------------------------------- button - CSSボタンのスタイル ---------------------------------------------------------------------- */ .q_button { min-width:200px; max-width:90%; background-color:#535353; display:inline-block; vertical-align:middle; padding:.6em 1.3em .5em; font-weight:400; font-size:100%; color:#fff; margin:0; text-decoration:none; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; transition:all 0.3s ease-in-out 0s; box-shadow:0 1px 3px rgba(0,0,0,.15); } .q_button:hover, .q_button:focus { text-decoration:none; color:#fff; background-color:#7d7d7d; box-shadow:0 2px 2px rgba(0,0,0,.15) inset; } /* Button option */ .rounded { border-radius:6px; } .pill { border-radius:50px; } .sz_full { min-width:100px; max-width:100%; display:block; font-size:110%; padding:1em 1.5em .9em; } .sz_l { min-width:350px; max-width:90%; font-size:110%; padding:.8em 1.5em .7em; } @media screen and (max-width: 479px) { .sz_l { min-width:320px; max-width:95%; } } .sz_s { min-width:100px; max-width:90%; font-size:85%; padding:.4em 1em .3em; } .bt_red{ background:#c01f0e; color:#fff; } .bt_red:hover, .bt_red:focus { background-color:#d33929; color:#fff; } .bt_yellow{ background:#f1c40f; color:#fff; } .bt_yellow:hover, .bt_yellow:focus { background-color:#f9d441; color:#fff; } .bt_blue{ background:#2980b9; color:#fff; } .bt_blue:hover, .bt_blue:focus { background-color:#3a91c9; color:#fff; } .bt_green{ background:#27ae60; color:#fff; } .bt_green:hover, .bt_green:focus { background-color:#39c574; color:#fff; } /* ---------------------------------------------------------------------- Youtube responsive - Youtube動画のレスポンシブ表示 ---------------------------------------------------------------------- */ .ytube { position:relative; height:0; margin-top:20px; margin-bottom:20px; padding-bottom:56.25%; padding-top:30px; overflow:hidden; } .ytube iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; } /* ---------------------------------------------------------------------- Table responsive - テーブルのレスポンシブ表示 ---------------------------------------------------------------------- */ @media only screen and (max-width:480px) { tbody tr { display:block; margin-bottom:1em; } tbody th, tbody td{ display: list-item; list-style-type:none; border: none; } } /* ---------------------------------------------------------------------- Cardlink style - カードリンクのスタイル ---------------------------------------------------------------------- */ .cardlink { padding:12px 12px 8px; margin:10px 0; border:1px solid #ddd; word-wrap:break-word; max-width:100%; background:#fafafa; } .cardlink_thumbnail { float:left; margin:0 20px 0 0; } .cardlink_content { margin-top:3px; line-height:1.6; } .cardlink .timestamp { margin:0; padding:0; font-size:12px; font-weight:400; line-height:100%; color:#333; } .cardlink_title { font-size:14px; margin:2px 0 4px; } .cardlink_title a { font-weight:bold; color:#000; text-decoration:none; } .cardlink_title a:hover { text-decoration:underline; } .cardlink_excerpt { color:#333; font-size:12px; overflow:hidden; line-height:1.8; } .cardlink_footer { clear:both; } .clear { clear:both; } @media screen and (max-width: 767px) { .cardlink_thumbnail { float:none; } } @media screen and (max-width: 479px) { .cardlink_excerpt { float:none; } } /* ---------------------------------------------------------------------- Contactform - お問い合わせフォーム ---------------------------------------------------------------------- */ .wpcf7 { width:100%; border:1px solid #ddd; background:#fafafa; padding:0; margin:0 0 2.5em !important; font-size:14px;} .wpcf7 form{ margin:1.5em 1.5em 0;} .wpcf7 p { margin-bottom:1em; font-size:12px; } .wpcf7 input, .wpcf7 textarea { width:auto; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; border:1px solid #ccc; line-height:1.2; padding:8px; } .wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { width:auto; max-width:97%; border:1px solid #ccc; padding:8px; } .wpcf7 select, .wpcf7 .wpcf7-list-item-label { line-height:1.2; font-size:14px; } .wpcf7-list-item { display:block; } .wpcf7 textarea { height:300px; } .wpcf7 input:focus, .wpcf7 textarea:focus { outline:none; border:1px solid #bbb; -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow:inner 0 0 5px rgba(0, 0, 0, 0.5); } .wpcf7 input.wpcf7-submit { position:relative; display:block; width:225px; height:48px; margin:30px auto 0; background-color:#333333; cursor:pointer; border:none !important; color:#fff; text-align:center; text-decoration:none; font-size:14px; line-height:1.5; outline:none; -webkit-transition: all .3s; transition: all .3s; } .wpcf7 input.wpcf7-submit, .wpcf7 input.wpcf7-submit::before, .wpcf7 input.wpcf7-submit::after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .wpcf7 input.wpcf7-submit:hover { background-color:#666666; } .wpcf7 .wpcf7-not-valid { background:pink; } .wpcf7 .wpcf7-response-output { margin:10px 0 0; padding:8px 35px 8px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .wpcf7 .wpcf7-validation-errors { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7; } .wpcf7 .wpcf7-mail-sent-ok { color:#3A87AD; background-color:#D9EDF7; border:1px solid #BCE8F1; } /* ---------------------------------------------------------------------- font-size - フォントサイズ ---------------------------------------------------------------------- */ .text70{font-size:70%} /* フォントサイズ70% */ .text80{font-size:80%} .text90{font-size:90%} .text100{font-size:100%} .text110{font-size:110%} .text120{font-size:120%} .text130{font-size:130%} .text140{font-size:140%} .text150{font-size:150%} .text160{font-size:160%} .text170{font-size:170%} .text180{font-size:180%} .text190{font-size:190%} .text200{font-size:200%} .text210{font-size:210%} .text220{font-size:220%} .b{font-weight:700} /* 太字 */ .u{text-decoration:underline} /* 下線 */ .del{text-decoration:line-throug} /* 打ち消し線 */ /* ---------------------------------------------------------------------- font-color - フォントカラー ---------------------------------------------------------------------- */ .red{color:red} /* 赤色 */ .blue{color:#2ca9e1} /* 青色 */ .green{color:#82ae46} /* 緑色 */ .orange{color:#ff7d00} /* 橙色 */ .yellow{color:#fff000} /* 黄色 */ .pink{color:#ff0084} /* ピンク */ .gray{color:#999999} /* グレー */ /* ---------------------------------------------------------------------- background-color - 背景色 ---------------------------------------------------------------------- */ .bg-yellow{padding:2px;background-color:#ff0} /* 黄色の文字背景 */ .bg-blue{padding:2px;background-color:#4ab0f5} /* 青色の文字背景 */ .bg-red{padding:2px;background-color:red} /* 赤色の文字背景 */ /* ---------------------------------------------------------------------- text-align - 配置 ---------------------------------------------------------------------- */ .align1{text-align:center !important} /* 中央寄せ */ .align2{text-align:right !important} /* 右寄せ */ .align3{text-align:left !important} /* 左寄せ */ /* ---------------------------------------------------------------------- float - 回り込み ---------------------------------------------------------------------- */ .r-flo{float:right;margin:10px} /* 右に回り込み */ .l-flo{float:left;margin:10px} /* 左に回り込み */ .f-clear{clear:both} /* 回り込みの解除 */ /* ---------------------------------------------------------------------- hover - 画像リンクマウスオーバー時の不透明度 ---------------------------------------------------------------------- */ a img.fade { background:none !important; outline:none; -webkit-transition:all .3s; transition:all .3s; } a:hover img.fade { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )"; background:none !important; } /* ---------------------------------------------------------------------- text-style - テキストスタイル ---------------------------------------------------------------------- */ .att {padding-left:1em;text-indent:-1em;} /* 注意書き等で二行目以降を字下げ */ .att_box { margin:2em 0 2.5em; padding:1em 1.2em; line-height:2.0; border:1px dotted #cccccc; background:#fcfcfc; box-shadow:0px 4px 0px 0px #f7f7f7; } /* テキストボックス */ /* ---------------------------------------------------------------------- margin - 要素の外側の余白 ---------------------------------------------------------------------- */ .m0{margin:0 !important} /* margin 0px を指定するクラス */ .mt0{margin-top:0 !important} /* margin-top0px を指定するクラス */ .mr0{margin-right:0 !important} /* margin-right0px を指定するクラス*/ .mb0{margin-bottom:0 !important} /* margin-bottom0px を指定するクラス*/ .ml0{margin-left:0 !important} /* margin-left0px を指定するクラス*/ .m5{margin:5px !important} .mt5{margin-top:5px !important} .mr5{margin-right:5px !important} .mb5{margin-bottom:5px !important} .ml5{margin-left:5px !important} .m10{margin:10px !important} .mt10{margin-top:10px !important} .mr10{margin-right:10px !important} .mb10{margin-bottom:10px !important} .ml10{margin-left:10px !important} .m15{margin:15px !important} .mt15{margin-top:15px !important} .mr15{margin-right:15px !important} .mb15{margin-bottom:15px !important} .ml15{margin-left:15px !important} .m20{margin:20px !important} .mt20{margin-top:20px !important} .mr20{margin-right:20px !important} .mb20{margin-bottom:20px !important} .ml20{margin-left:20px !important} .m25{margin:25px !important} .mt25{margin-top:25px !important} .mr25{margin-right:25px !important} .mb25{margin-bottom:25px !important} .ml25{margin-left:25px !important} .m30{margin:30px !important} .mt30{margin-top:30px !important} .mr30{margin-right:30px !important} .mb30{margin-bottom:30px !important} .ml30{margin-left:30px !important} .m35{margin:35px !important} .mt35{margin-top:35px !important} .mr35{margin-right:35px !important} .mb35{margin-bottom:35px !important} .ml35{margin-left:35px !important} .m40{margin:40px !important} .mt40{margin-top:40px !important} .mr40{margin-right:40px !important} .mb40{margin-bottom:40px !important} .ml40{margin-left:40px !important} .m45{margin:45px !important} .mt45{margin-top:45px !important} .mr45{margin-right:45px !important} .mb45{margin-bottom:45px !important} .ml45{margin-left:45px !important} .m50{margin:50px !important} .mt50{margin-top:50px !important} .mr50{margin-right:50px !important} .mb50{margin-bottom:50px !important} .ml50{margin-left:50px !important} .m55{margin:55px !important} .mt55{margin-top:55px !important} .mr55{margin-right:55px !important} .mb55{margin-bottom:55px !important} .ml55{margin-left:55px !important} .m60{margin:60px !important} .mt60{margin-top:60px !important} .mr60{margin-right:60px !important} .mb60{margin-bottom:60px !important} .ml60{margin-left:60px !important} .m65{margin:65px !important} .mt65{margin-top:65px !important} .mr65{margin-right:65px !important} .mb65{margin-bottom:65px !important} .ml65{margin-left:65px !important} .m70{margin:70px !important} .mr70{margin-right:70px !important} .mb70{margin-bottom:70px !important} .ml70{margin-left:70px !important} .m75{margin:75px !important} .mt75{margin-top:75px !important} .mr75{margin-right:75px !important} .mb75{margin-bottom:75px !important} .ml75{margin-left:75px !important} .m80{margin:80px !important} .mt80{margin-top:80px !important} .mr80{margin-right:80px !important} .mb80{margin-bottom:80px !important} .ml80{margin-left:80px !important} /* ---------------------------------------------------------------------- padding - 要素の内側の余白 ---------------------------------------------------------------------- */ .p0{padding:0 !important} /* padding-0px を指定するクラス */ .pt0{padding-top:0 !important} /* padding-top0px を指定するクラス */ .pr0{padding-right:0 !important} /* padding-right0px を指定するクラス */ .pb0{padding-bottom:0 !important} /* padding-bottom0px を指定するクラス */ .pl0{padding-left:0 !important} /* padding-left0px を指定するクラス */ .p5{padding:5px !important} .pt5{padding-top:5px !important} .pr5{padding-right:5px !important} .pb5{padding-bottom:5px !important} .pl5{padding-left:5px !important} .p10{padding:10px !important} .pt10{padding-top:10px !important} .pr10{padding-right:10px !important} .pb10{padding-bottom:10px !important} .pl10{padding-left:10px !important} 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 /*================================================================================= カエレバ・ヨメレバ・トマレバ =================================================================================*/ .cstmreba { width:98%; height:auto; margin:36px auto; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif; line-height: 1.5; word-wrap: break-word; box-sizing: border-box; display: block; } .cstmreba a { transition: 0.8s ; color:#285EFF; /* テキストリンクカラー */ } .cstmreba a:hover { color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */ } .cstmreba .booklink-box, .cstmreba .kaerebalink-box, .cstmreba .tomarebalink-box { width: 100%; background-color: #fafafa; /* 全体の背景カラー */ overflow: hidden; border-radius: 0px; box-sizing: border-box; padding: 12px 8px; box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26); } /* サムネイル画像ボックス */ .cstmreba .booklink-image, .cstmreba .kaerebalink-image, .cstmreba .tomarebalink-image { width:150px; float:left; margin:0 14px 0 0; text-align: center; background: #fff; } .cstmreba .booklink-image a, .cstmreba .kaerebalink-image a, .cstmreba .tomarebalink-image a { width:100%; display:block; } .cstmreba .booklink-image a img, .cstmreba .kaerebalink-image a img, .cstmreba .tomarebalink-image a img { margin:0 ; padding: 0; text-align:center; background: #fff; } .cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info { overflow:hidden; line-height:170%; color: #333; } /* infoボックス内リンク下線非表示 */ .cstmreba .booklink-info a, .cstmreba .kaerebalink-info a, .cstmreba .tomarebalink-info a { text-decoration: none; } /* 作品・商品・ホテル名 リンク */ .cstmreba .booklink-name>a, .cstmreba .kaerebalink-name>a, .cstmreba .tomarebalink-name>a { border-bottom: 1px solid ; font-size:16px; } /* タイトル下にPタグ自動挿入された際の余白を小さく */ .cstmreba .kaerebalink-name p, .cstmreba .booklink-name p, .cstmreba .tomarebalink-name p { margin: 0; } /* powered by */ .cstmreba .booklink-powered-date, .cstmreba .kaerebalink-powered-date, .cstmreba .tomarebalink-powered-date { font-size:10px; line-height:150%; } .cstmreba .booklink-powered-date a, .cstmreba .kaerebalink-powered-date a, .cstmreba .tomarebalink-powered-date a { color:#333; border-bottom: none ; } .cstmreba .booklink-powered-date a:hover, .cstmreba .kaerebalink-powered-date a:hover, .cstmreba .tomarebalink-powered-date a:hover { color:#333; border-bottom: 1px solid #333 ; } /* 著者・住所 */ .cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address { font-size:12px; } .cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img { display:none !important; } .cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 { display: inline-block; width: 100%; margin-top: 5px; } .cstmreba .booklink-link2>div, .cstmreba .kaerebalink-link1>div, .cstmreba .tomarebalink-link1>div { float:left; width:24%; min-width:128px; margin:0.5%; } /***** ボタンデザインここから ******/ .cstmreba .booklink-link2 a, .cstmreba .kaerebalink-link1 a, .cstmreba .tomarebalink-link1 a { width: 100%; display: inline-block; text-align: center; box-sizing: border-box; margin: 1px 0; padding:3% 0.5%; border-radius: 8px; font-size: 13px; font-weight: bold; line-height: 180%; color: #fff; box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26); } /* トマレバ */ .cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */ .cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */ .cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */ .cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */ .cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */ .cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */ .cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */ .cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/ /* カエレバ */ .cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */ .cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;} /* ベルメゾン */ .cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */ .cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */ /* ヨメレバ */ .cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */ .cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */ .cstmreba .booklink-link2 .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */ .cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */ .cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */ .cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */ /* カエレバ・ヨメレバ共通 */ .cstmreba .kaerebalink-link1 .shoplinkamazon a, .cstmreba .booklink-link2 .shoplinkamazon a { background:#FF9901; border: 2px solid #ff9901; } /* Amazon */ .cstmreba .kaerebalink-link1 .shoplinkrakuten a, .cstmreba .booklink-link2 .shoplinkrakuten a { background: #bf0000; border: 2px solid #bf0000; } /* 楽天 */ .cstmreba .kaerebalink-link1 .shoplinkseven a, .cstmreba .booklink-link2 .shoplinkseven a { background:#225496; border: 2px solid #225496; } /* 7net */ /****** ボタンカラー ここまで *****/ /***** ボタンデザイン　マウスオーバー時ここから *****/ .cstmreba .booklink-link2 a:hover, .cstmreba .kaerebalink-link1 a:hover, .cstmreba .tomarebalink-link1 a:hover { background: #fff; } /* トマレバ */ .cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */ .cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */ .cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */ .cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */ .cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */ .cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */ .cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */ .cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/ /* カエレバ */ .cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */ .cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; } /* ベルメゾン */ .cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */ .cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */ /* ヨメレバ */ .cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */ .cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */ .cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */ .cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */ .cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */ .cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */ /* カエレバ・ヨメレバ共通 */ .cstmreba .kaerebalink-link1 .shoplinkamazon a:hover, .cstmreba .booklink-link2 .shoplinkamazon a:hover { color:#FF9901; } /* Amazon */ .cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover, .cstmreba .booklink-link2 .shoplinkrakuten a:hover { color: #bf0000; } /* 楽天 */ .cstmreba .kaerebalink-link1 .shoplinkseven a:hover, .cstmreba .booklink-link2 .shoplinkseven a:hover { color:#225496;} /* 7net */ /***** ボタンデザイン　マウスオーバー時ここまで *****/ .cstmreba .booklink-footer { clear:both; } /***** 解像度768px以下のスタイル *****/ @media screen and (max-width:768px){ .cstmreba .booklink-image, .cstmreba .kaerebalink-image, .cstmreba .tomarebalink-image { width:100%; float:none; } .cstmreba .booklink-link2>div, .cstmreba .kaerebalink-link1>div, .cstmreba .tomarebalink-link1>div { width: 32.33%; margin: 0.5%; } .cstmreba .booklink-info, .cstmreba .kaerebalink-info, .cstmreba .tomarebalink-info { text-align:center; padding-bottom: 1px; } } /***** 解像度480px以下のスタイル *****/ @media screen and (max-width:480px){ .cstmreba .booklink-link2>div, .cstmreba .kaerebalink-link1>div, .cstmreba .tomarebalink-link1>div { width: 49%; margin: 0.5%; } } /* FILE ARCHIVED ON 06:54:09 Aug 20, 2023 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:53:41 Jun 30, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.375 exclusion.robots: 0.045 exclusion.robots.policy: 0.038 esindex: 0.006 cdx.remote: 6.189 LoadShardBlock: 60.221 (3) PetaboxLoader3.datanode: 88.901 (4) PetaboxLoader3.resolve: 117.807 (2) load_resource: 148.823 */