ロレックスデイトジャスト "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http //www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" Transitional//EN" ボーイズ スーパーコピー178274 ホワイトローマ スーパーコピーブランド専門店! eYGxfkhkohorクロエコピー最安値特集. ロレックスデイトジャスト "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http //www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" Transitional//EN" ボーイズ スーパーコピー178274 ホワイトローマ スーパーコピーブランド専門店! eYGxfkhkohorクロエコピー最安値特集. ロレックスデイトジャスト ボーイズ..."> <style> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } .broken_link, a.broken_link { text-decoration: line-through; } @charset "UTF-8"; /*! normalize.css v3.0.2 | MIT License | git.io/normalize*/ html{ font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body{ margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ display: block; } audio, canvas, progress, video{ display: inline-block; vertical-align: baseline; } audio:not([controls]){ display: none; height: 0; } [hidden], template{ display: none; } a{ background-color: transparent; } a:active, a:hover{ outline: 0; } abbr[title]{ border-bottom: 1px dotted; } b, strong{ font-weight: bold; } dfn{ font-style: italic; } h1{ margin: 0.67em 0; font-size: 2em; } mark{ background: #ff0; color: #000; } small{ font-size: 80%; } sub, sup{ vertical-align: baseline; line-height: 0; position: relative; font-size: 75%; } sup{ top: -0.5em; } sub{ bottom: -0.25em; } img{ border: 0; } svg:not(:root){ overflow: hidden; } figure{ margin: 1em 40px; } hr{ height: 0; -moz-box-sizing: content-box; box-sizing: content-box; } pre{ overflow: auto; } code, kbd, pre, samp{ font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea{ margin: 0; color: inherit; font: inherit; } button{ overflow: visible; } button, select{ text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"]{ cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled]{ cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner{ padding: 0; border: 0; } input{ line-height: normal; } input[type="checkbox"], input[type="radio"]{ padding: 0; box-sizing: border-box; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{ height: auto; } input[type="search"]{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{ -webkit-appearance: none; } fieldset{ margin: 0 2px; padding: 0.35em 0.625em 0.75em; border: 1px solid #c0c0c0; } legend{ padding: 0; border: 0; } textarea{ overflow: auto; } optgroup{ font-weight: bold; } table{ border-collapse: collapse; border-spacing: 0; } td, th{ padding: 0; } /*------------------------------------------------------------ 賢威テンプレートの共通設定 -------------------------------------------------------------*/ html{ overflow-y: scroll; } body{ font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; } a{ -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #03c; } a:hover, a:active, a:focus{ /* color: #f60; */ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ } address, caption, cite, code, dfn, var, h1, h2, h3, h4, h5, h6{ font-style: normal; font-weight: normal; } q{ quotes: none; } q:before,q:after{ content: ''; content: none; } img{ vertical-align: bottom; -ms-interpolation-mode: bicubic; } div{ word-wrap: break-word; } pre{ overflow: auto; white-space: pre-wrap; word-wrap: break-word; } form{ margin: 0; } button, input, select, textarea, optgroup, option{ vertical-align: baseline; } textarea{ min-height: 100px; vertical-align: top; } button::-moz-focus-inner, input::-moz-focus-inner{ margin: 0; } table{ width: 100%; word-break: break-all; word-wrap: break-word; border-spacing: 0; } caption{ text-align: left; } img{ height: auto; max-width: 100%; } img{ max-width: none9;/*IE8への対応*/ } html:not(:target) img{ max-width: 100%; /*IE9以上への対応*/ } p{ margin: 0 0 1em; } ul, ol{ margin-left: 40px; padding-left: 0; } li{ margin-bottom: 0.5em; } /*引用*/ blockquote{ position: relative; margin: 2em 0; padding: 115px 45px 80px; background: #eeeeee; } blockquote p:last-child{ margin-bottom: 0; } blockquote:before{ position: absolute; top: 40px; left: 30px; width: 58px; height: 45px; content: url(./images/icon/icon-laquo.png); } blockquote:after{ position: absolute; right: 30px; bottom: 20px; width: 58px; height: 45px; content: url(./images/icon/icon-raquo.png); } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ blockquote:before{ display: inline-block; width: 58px; height: 45px; vertical-align: middle; background: url(./images/icon/icon-laquo@2x.png); -webkit-background-size: 58px 45px; background-size: 58px 45px; content: " "; } blockquote:after{ display: inline-block; width: 58px; height: 45px; vertical-align: middle; background: url(./images/icon/icon-raquo@2x.png); -webkit-background-size: 58px 45px; background-size: 58px 45px; content: " "; } } blockquote a{ color: #15a5e6; } blockquote a:hover, blockquote a:active, blockquote a:focus{ /* color: #f60; */ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ } q{ background: #ccc; } table{ width: 100%; margin: 1em 0; padding: 0; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; } th, td{ padding: 1.25em 1em; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; } th{ background-color: #c5e8e1; font-weight: bold; text-align: left; } thead th{ background-color: #5cbdaa; color: #fff; text-align: center; } dd{ margin-left: 0; padding-left: 1em; } figure{ margin: 1em 0; } /*-------------------------------------------------------- テンプレートレイアウト --------------------------------------------------------*/ .container{ position: relative; } .site-header-in, .global-nav-in, .main-image-in, .main-image-in-text, .main-image-in-text-cont, .main-copy, .sub-copy, .main-image-in-text-box, .main-body-in, .site-footer-in{ -webkit-box-sizing: border-box; box-sizing: border-box; width: 1200px; /*サイトの横幅。これより小さければレスポンシブ*/ margin: auto; } .main-image-in img{ width: 100%; } .main-image-in.wide, .main-image-in-text.wide{ width: 100%; } /*1カラムレイアウト*/ .col1 .main-body-in{ width: 100%; } .col1 .breadcrumbs{ width: 1200px; margin-right: auto; margin-left: auto; } /*2カラムレイアウト*/ .col2 .main-conts{ float: left; width: 65%; } .col2 .sub-conts{ float: right; width: 30%; } /*2カラムレイアウト(リバース)*/ .col2r .main-conts{ float: right; width: 65%; } .col2r .sub-conts{ float: left; width: 30%; } /*-------------------------------------------------------- ヘッダー --------------------------------------------------------*/ .site-header-conts{ display: table; width: 100%; padding: 20px 0; } /*ヘッダーロゴ*/ .site-title{ display: table-cell; margin: 0; font-size: 2.25em; } .site-title a{ color: #333; text-decoration: none; } .site-title a:hover, .site-title a:active, .site-title a:focus{ text-decoration: underline; } .normal-screen .site-title{ font-size: 3em; } .normal-screen .lp-catch{ font-size: 1.5em; } /*ヘッダー右側の要素*/ .header-box{ display: table-cell; text-align: right; } /*ヘッダーの全画面表示*/ .full-screen{ background: url(./images/lp-image.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; color: #fff; } .full-screen .site-header-in{ display: table; } .full-screen .site-header-conts{ position:relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; width: 100%; padding: 1em; text-align: center; vertical-align: middle; text-shadow: 1px 1px 8px #666; } .full-screen .site-title{ display: block; } .contact-btn{ margin-bottom: 0; } .full-screen .site-header-conts h1{ width: auto; padding:1em 0 0; margin: 0; } .full-screen .site-header-conts p{ font-size: 2em; } .full-screen .site-header-conts p.lp-catch{ position:absolute; bottom:0; left:0; right:0; padding:0.5em 0; margin-bottom:0!important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);/*IE8の透過対策*/ background-color: rgba(00,00,00, 0.5);/*メインビジュアル背景の透過率*/ } .full-screen .site-header-conts p.lp-catch:not(:target){ filter: none; } .full-screen .site-header-conts p a{ color: #fff; text-decoration: none; } /*-------------------------------------------------------- グローバルナビ --------------------------------------------------------*/ .global-nav{ padding: 0; border-top:3px solid #e6e6e6; /* border-bottom:1px solid #e6e6e6;*/ background:#16A085; } /*グローバルナビの開閉用ボタン*/ .global-nav-panel{ display: none; font-size: 12px; } .global-nav-panel span{ display: block; min-height: 20px; line-height: 20px; } .icon-gn-menu{ padding-left: 25px; background: url(./images/icon/icon-gn-menu.png) left center no-repeat; } .icon-gn-close{ padding-left: 25px; background: url(./images/icon/icon-gn-close.png) left center no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-gn-menu{ background: url(./images/icon/icon-gn-menu@2x.png) left center no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; } .icon-gn-close{ background: url(./images/icon/icon-gn-close@2x.png) left center no-repeat; -webkit-background-size: 20px 20px; background-size: 20px 20px; } } .global-nav .show-menu, .global-nav .show-menu li ul{ display: block!important; } .global-nav-in ul{ display: table; width: 100%; margin: 0; padding: 0; border-left: 1px dotted #bcbcbc; table-layout: fixed; /*メニューの幅を均等に*/ } .global-nav-in li{ display: table-cell; list-style: none; position: relative; vertical-align: middle; margin: 0; /* border-bottom: 3px solid #16A085;*/ text-align: center; border-right: 1px dotted #bcbcbc; } .global-nav-in li a{ display: block; min-height: 1.5em; /*メニュー毎に高さが変わるときに調整*/ padding: 0.8em 1em; /*画像をメニューにする場合は値を0に*/ /* border-right: 1px dotted #bcbcbc; */ background-color: #16A085; color: #ffffff; text-decoration: none; } .global-nav-in li a:hover, .global-nav-in li a:active, .global-nav-in li a:focus, .global-nav-in li:hover > a{ /* background-color: #16A085; */ color: #FFFFFF; opacity:0.7; filter: alpha(opacity=70); /*古いIEブラウザ専用*/ -moz-opacity:0.7; /*古いFireFoxやNetscape用*/ } .global-nav-in li ul{ display: none; position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; border-left: 0; } .global-nav-in li ul:not(:target){ filter: none; } /*ドロップダウンメニューのデザイン*/ .global-nav li ul li{ display: list-item; width: 100%; margin: 0; padding: 0; border-top: 0; border-right: 0; border-bottom: 1px solid #dadada; white-space: normal; } .global-nav li ul li a{ display: block; padding: 0.8em 1em; } .global-nav-in li ul li:hover > a{ background-color: #eeeeee; color: #16A085; } .global-nav-in li ul ul{ top: 0; left: 100%; } /*-------------------------------------------------------- メインビジュアル --------------------------------------------------------*/ .main-image{ margin-bottom: 2em; } .main-image-in-text{ position:relative; min-height:500px; padding:150px 0 0; background-size: cover; } .main-image-in-text-cont{ padding:2em 0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCeeeeee,endColorstr=#CCeeeeee);/*IE8の透過対策*/ background-color: rgba(119, 162, 104, 0.3);/*メインビジュアル背景の透過率*/ box-sizing: border-box; -webkit-box-sizing: border-box; color:#fff; } .main-image-in-text-cont:not(:target){ filter: none; } .main-image-in-text.wide .main-image-in-text-cont{ width: 100%; } .main-image-in-text p:last-child{ margin-bottom: 0; } .main-copy{ margin:0 auto 25px; padding:25px 400px 0 20px; font-size: 3em; text-shadow: 2px 2px 3px #333333; /*メインコピーテキストの影設定*/ -moz-box-shadow: 2px 2px 3px #333333; /* Firefox用 */ -webkit-box-shadow: 2px 2px 3px #333333; /* Safari,Google Chrome用 */ } .sub-copy{ margin:0 auto; padding:0 400px 25px 20px; font-size: 1.725em; text-shadow: 2px 2px 3px #000000; /*サブコピーテキストの影設定*/ -moz-box-shadow: 2px 2px 3px #000000; /* Firefox用 */ -webkit-box-shadow: 2px 2px 3px #000000; /* Safari,Google Chrome用 */ } .main-image-in-text-box{ position:absolute; top: 0; left: 0; right: 0; bottom: 0; z-index:1; height:500px; margin:auto; } .main-image-in-text-box .contact-btn{ position:absolute; left:20px; bottom:60px; } /*-------------------------------------------------------- メインボディ --------------------------------------------------------*/ .main-body{ margin-top: 2em; padding-bottom: 30px; } .no-gn .main-body{ margin-top: 0; } .lp.no-gn .main-body{ margin-top: 2em; } /*-------------------------------------------------------- パンくずリスト --------------------------------------------------------*/ .breadcrumbs-in{ margin: 2em 0; padding: 0; color: #999; } .no-gn .breadcrumbs-in{ margin-top: 0; } .breadcrumbs-in a{ color: #999; } .breadcrumbs-in a:hover, .breadcrumbs-in a:active, .breadcrumbs-in a:focus{ /* color: #f60; */ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ } .breadcrumbs-in li{ display: inline-block; list-style: none; position: relative; margin-right: 15px; padding-right: 15px; background: url(./images/icon/icon-brc.gif) right center no-repeat; } .breadcrumbs-in li:before{ content: url(./images/icon/icon-folder-brc.png); } .breadcrumbs-in li.bcl-first:before{ content: url(./images/icon/icon-home-brc.png); } .breadcrumbs-in li.bcl-last{ background: none; } .breadcrumbs-in li.bcl-last:before{ content: none; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .breadcrumbs-in li{ background: url(./images/icon/icon-brc@2x.gif) right center no-repeat; -webkit-background-size: 5px 9px; background-size: 5px 9px; } .breadcrumbs-in li:before{ width: 12px; height: 12px; background: url(./images/icon/icon-folder-brc@2x.png); } .breadcrumbs-in li.bcl-first:before{ width: 12px; height: 12px; background: url(./images/icon/icon-home-brc@2x.png); } .breadcrumbs-in li:before, .breadcrumbs-in li.bcl-first:before{ display: inline-block; vertical-align: middle; -webkit-background-size: contain; background-size: contain; content: " "; } .breadcrumbs-in li.bcl-last:before{ width: 0; height: 0; background: none; content: none; } } /*-------------------------------------------------------- メインコンテンツ --------------------------------------------------------*/ .main-conts{ line-height: 1.8; } .col1 .main-conts{ margin-bottom: 40px; } /*コンテンツの基本単位(「section-wrap」+「section-in」でコンテンツを覆う)*/ .section-wrap{ -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; padding: 40px; border: 1px solid #ccc; } .section-wrap.wide{ border-right: 0; border-left: 0; } .section-wrap .section-in, .float-area{ -webkit-box-sizing: border-box; box-sizing: border-box; } .float-area{ margin-bottom: 10px; } /*1カラムレイアウト*/ .col1 .section-wrap, .col1 .float-area{ width: 1200px; margin-right: auto; margin-left: auto; } .col1 .section-wrap{ padding: 40px 80px; } .col1 .section-wrap.wide{ width: 100%; padding: 40px 0; } .col1 .section-wrap.wide .section-in{ width: 1200px; margin-right: auto; margin-left: auto; padding: 30px 0; } /*-------------------------------------------------------- サブコンテンツ --------------------------------------------------------*/ .sub-conts .section-wrap{ margin: 0 auto; padding: 0; border: none; } .sub-conts .section-wrap .section-in{ padding: 20px 30px 20px; margin-bottom:30px; border:1px solid #dddddd; background:#f9f9f9; } .col1 .sub-conts .section-wrap .section-in{ padding: 30px 80px 30px; } /*サブコンテンツ用メニューのデザイン*/ .sub-conts .link-menu{ margin-left: 0; padding-left: 0; } .sub-conts .link-menu li{ list-style: none; margin-bottom: 1em; padding-left: 13px; background: url(./images/icon/icon-list-arw.png) left 6px no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .sub-conts .link-menu li{ background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat; -webkit-background-size: 7px 10px; background-size: 7px 10px; } } .sub-conts .link-menu ul{ margin-top: 1em; margin-left: 10px; padding-left: 0; } .sub-conts .link-menu-image{ margin-right: 0; margin-left: 0; } .sub-conts .link-menu-image li{ list-style: none; overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; } .sub-conts .link-menu-image li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .link-menu-image-thumb{ float: left; margin-right: 1em; } .sub-conts .link-menu-image .post-title{ overflow: hidden; margin-bottom: 0; padding: 5px 0; border: none; background: none; font-weight: normal; } /*-------------------------------------------------------- フッター --------------------------------------------------------*/ .site-footer{ background: #aaaaaa; color: #fff; } .site-footer-in a{ color: #fff; } .site-footer-in a:hover, .site-footer-in a:active, .site-footer-in a:focus{ /* color: #f60; */ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ } /*フッターナビ*/ .site-footer-nav{ margin: 0 auto; padding: 1em 0; text-align: center; } .site-footer-nav li{ display: inline; list-style: none; margin-left: 50px; padding: 0 0 0 13px; background: url(./images/icon/icon-arw-next02.png) left center no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .site-footer-nav li{ background: url(./images/icon/icon-arw-next02@2x.png) left center no-repeat; -webkit-background-size: 7px 10px; background-size: 7px 10px; } } .site-footer-nav li:first-child{ margin-left: 0; } .site-footer-conts-area{ padding: 1em 0; } /*コピーライト*/ .copyright{ margin: 0; padding: 15px 0; background: #16A085; color: #fff; text-align: center; } .copyright small{ font-size: 100%; } /*ページトップボタン*/ .page-top{ display: none; position: fixed; right: 20px; bottom: 20px; z-index: 99; line-height: 1.2; margin-bottom: 0; } /*-------------------------------------------------------- 見出し --------------------------------------------------------*/ .section-in > h1:first-child, .section-in > h2:first-child, .section-in > h3:first-child, .section-in > h4:first-child, .section-in > h5:first-child, .section-in > h6:first-child{ margin-top: 0; } .main-body h1{ margin: 60px 0 20px; padding: 10px 18px; background: #909090; color: #fff; font-size: 1.75em; } .main-body h2{ margin: 60px 0 30px; padding: 10px 18px; background:#16A085; color: #fff; font-size: 1.75em; box-shadow: 0 2px 6px rgba(0, 0, 0, .25); } .main-body h3{ position:relative; margin: 60px 0 30px; padding: 0 0 10px; border-bottom: 4px solid #afafaf; box-sizing: content-box; font-weight: bold; font-size: 1.5em; } .main-body h3::after { position: absolute; z-index: 2; left: 0; bottom: -4px; width: 20%; height: 4px; background-color:#16A085; content: ''; } .main-body h4{ margin: 55px 0 25px; padding: 0 0 0 9px; border-left: 6px solid #16A085; background: #f6f6f6; font-weight: bold; font-size: 1.25em; } .main-body h5{ margin: 55px 0 25px; padding: 0 0 0 9px; border-left: 4px solid #16A085; font-weight: bold; font-size: 1.2em; } .main-body h6{ margin: 55px 0 25px; font-weight: bold; font-size: 1.125em; } /*画像を使う場合などに見出しのデザインを解除*/ .main-body .img-title{ padding: 0; border: none; background: none; border-radius: 0; box-shadow: none; font-weight: normal; font-size: 1.0em; } .main-body h1 a, .main-body h2 a{ color: #fff; } .main-body h1 a:hover, .main-body h2 a:hover, .main-body h1 a:active, .main-body h2 a:active, .main-body h1 a:focus, .main-body h2 a:focus{ /* color: #f60; */ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ } /*コンテンツの外にある見出し*/ .main-body .archive-title{ margin: 0 0 30px; background:#16A085; font-size:1.125em; } .col1 .main-body .archive-title{ max-width: 1200px; margin-right: auto; margin-left: auto; } /*記事タイトルや基本単位毎の最初の見出し*/ .section-wrap .section-title{ line-height: 1.5; margin: 0 0 1em; padding: 0; border: none; background: transparent; color: #333; font-size: 2.125em; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .main-body .section-title a{ color: #333; } .main-body .section-title a:hover, .main-body .section-title a:active, .main-body .section-title a:focus{ /* color: #f60; */ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ text-decoration: underline; } .sub-conts .section-wrap .section-in .section-title, .sub-conts .section-wrap .article-header .section-title{ margin: 0 -10px 30px; padding: 0 0 11px; border-bottom: 4px solid #cccccc; font-weight: normal; font-size: 1.125em; } .sub-conts h3{ padding:20px 0 11px; margin: 20px -10px 30px; } .sub-conts h4{ background-color:#f9f9f9; } /*-------------------------------------------------------- パーツ毎のスタイル --------------------------------------------------------*/ /*最新情報*/ .news .news-date{ margin-right: 1em; } .news-item{ padding: 1em; border-bottom: 1px dotted #ccc; } .news-item:first-child{ padding-top: 0; } .news-item:last-child{ border-bottom: 0; } .news .news-thumb{ float: left; margin-right: 15px; margin-bottom: 15px; } .main-body .news-title, .main-body .news-title::after{ margin-top: 20px; padding: 0; border: none; background: none; font-weight: normal; font-size: 1.5em; } .main-body .news-item:first-child .news-title{ margin-top: 0; } .news .news-date, .news .news-cat, .post-cat{ display: inline-block; margin-bottom: 10px; } .cat{ display: inline-block; margin-right: 0.5em; margin-bottom: 5px; padding: 0.1em 0.5em; border-bottom: none; color: #fff; font-size: 0.875em; word-break: break-all; border-radius: 3px; } .cat a{ display: inline-block; margin: -0.1em -0.5em; padding: 0.1em 0.5em; color: #fff; text-decoration: none; } .cat001{ background: #4fc3f7; } .cat002{ background: #ff8a65; } .cat003{ background: #4db6ac; } .cat004{ background: #ba68c8; } .cat005{ background: #90a4ae; } .news .news-cont{ margin-bottom: 0.5em; } /*記述リスト 横並び*/ .dl-style01 dt, .dl-style01 dd{ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; } .dl-style01 dt{ display: block; float: left; width: 35%; } .dl-style01 dd{ padding-left: 35%; border-bottom: 1px dotted #909090; } /*記述リスト 縦並び*/ .dl-style02 dt, .dl-style02 dd{ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; border-bottom: 1px solid #fff; } .dl-style02 dt{ display: block; background: #5cbdaa; color: #fff; } .dl-style02 dd{ background: #f6f6f6; } /*テーブル(横幅がはみ出る場合にテーブルを囲む要素に設定)*/ .table-scroll{ overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-comparison{ margin: 3em 0; border-top: 0; } .table-comparison th, .table-comparison td{ padding: 10px; text-align: center; } .table-comparison thead .highlight span{ display: block; margin: -11px; margin-top: -25px; padding: 11px; padding-top: 25px; border: 1px solid #cfcfcf; border-radius: 8px 8px 0 0; } .table-comparison th.highlight, .table-comparison th.highlight span{ background: #03866C; } .table-comparison tfoot td, .table-comparison tfoot td span{ background: #f2f2f2; } /*カテゴリー*/ .category-list, .sub-conts .widget_categories ul{ margin-left: 0; padding-left: 0; } .category-list li, .sub-conts .widget_categories li{ list-style: none; margin-bottom: 1em; padding-left: 15px; background: url(./images/icon/icon-tag.png) left 6px no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .category-list li, .sub-conts .widget_categories li{ background: url(./images/icon/icon-tag@2x.png) left 6px no-repeat; -webkit-background-size: 12px 12px; background-size: 12px 12px; } } .category-list ul, .sub-conts .widget_categories ul ul{ margin-top: 1em; margin-left: 10px; padding-left: 0; } /*タグクラウド*/ .tagcloud a{ margin-right: 10px; padding-left: 15px; background: url(./images/icon/icon-tag.png) left bottom no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .tagcloud a{ background: url(./images/icon/icon-tag@2x.png) left bottom no-repeat; -webkit-background-size: 12px 12px; background-size: 12px 12px; } } /*カレンダー*/ .calendar{ background: #fff; font-size: 0.875em; } .calendar caption{ font-weight: bold; } .calendar th, .calendar td{ padding: 10px 0; text-align: center; } .calendar tfoot td{ padding: 10px; border-right-width: 0; text-align: left; } .calendar tfoot td:last-child{ border-right-width: 1px; text-align: right; } .calendar td a{ display: block; margin: -10px 0; padding: 10px 0; } /*段組*/ .col4-wrap, .col3-wrap, .col2-wrap{ margin: 0 0 1em; } .col4-wrap .col, .col4-wrap .col_2of4, .col4-wrap .col_3of4, .col3-wrap .col, .col3-wrap .col_2of3, .col2-wrap .col{ -webkit-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2%; } .col4-wrap .col:first-child, .col4-wrap .col_2of4:first-child, .col4-wrap .col_3of4:first-child, .col3-wrap .col:first-child, .col3-wrap .col_2of3:first-child, .col2-wrap .col:first-child{ margin-left: 0; } .col4-wrap .col{ width: 23.5%; } .col4-wrap .col_2of4{ width: 49%; } .col4-wrap .col_3of4{ width: 74.5%; } .col3-wrap .col{ width: 32%; } .col3-wrap .col_2of3{ width: 66%; } .col2-wrap .col{ width: 49%; } .col-link{ border: 1px solid #ccc; } .col-link a{ display: block; color: #333; text-decoration: none; } .col-link a:hover, .col-link a:active, .col-link a:focus{ background: #eee; } /*バナーエリア*/ .banner-list{ margin-left: 0; } .banner-list li{ list-style: none; } .col1 .banner-list{ text-align: center; } .col1 .banner-list li, .main-conts .banner-list li{ display: inline-block; margin-bottom: 1em; } .col1 .banner-list li:first-child, .main-conts .banner-list li:first-child{ margin-left: 0; } /*引用元へのリンク*/ .link-ref{ text-align: right; } /*動画などのレスポンシブ対応*/ embed, iframe, object, video{ max-width: 100%; } /*ボタン*/ .btn{ display: inline-block; padding: 1em; border: 0; background: #16A085; color: #fff; text-decoration: none; border-radius: 8px; box-shadow: 4px 4px 0px #d0d0d0; } .btn:hover, .btn:active, .btn:focus{ background: #38c4a9; color: #FFF; box-shadow: 4px 4px 0px #e9e9e9; cursor: pointer; } .btn span{ padding-left: 18px; background: url(./images/icon/icon-btn-arw.png) left center no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .btn span{ padding-left: 18px; background: url(./images/icon/icon-btn-arw@2x.png) left center no-repeat; -webkit-background-size: 10px 14px; background-size: 10px 14px; } } .btn-green{ padding: 25px 50px; background: #16a085; font-size: 1.25em; /*box-shadow: 4px 4px 0px #58942c;*/ } .btn-green:hover, .btn-green:active, .btn-green:focus{ background: #38c4a9; /*box-shadow: 4px 4px 0px #acca96;*/ cursor: pointer; } .btn-blue{ padding: 25px 50px; background: #1f8ae5; font-size: 1.25em; /*box-shadow: 4px 4px 0px #1767ac;*/ } .btn-blue:hover, .btn-blue:active, .btn-blue:focus{ background: #8fc5f2; /*box-shadow: 4px 4px 0px #8bb3d6;*/ cursor: pointer; } .btn-orange{ padding: 25px 50px; background: #f59e38; font-size: 1.25em; /*box-shadow: 4px 4px 0px #b8762a;*/ } .btn-orange:hover, .btn-orange:active, .btn-orange:focus{ background: #facf9c; /*box-shadow: 4px 4px 0px #dcbb95;*/ cursor: pointer; } .btn-red{ padding: 25px 50px; background: #fe7151; font-size: 1.25em; /*box-shadow: 4px 4px 0px #be3a1c;*/ } .btn-red:hover, .btn-red:active, .btn-red:focus{ background: #ffa792; /*box-shadow: 4px 4px 0px #df9d8e;*/ cursor: pointer; } .btn-green span, .btn-blue span, .btn-orange span, .btn-red span{ padding-left: 20px; background: url(./images/icon/icon-btn-arw01.png) left center no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .btn-green span, .btn-blue span, .btn-orange span, .btn-red span{ background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat; -webkit-background-size: 10px 14px; background-size: 10px 14px; } } .btn-form01{ padding: 25px 50px; background: #16A085; font-size: 1.25em; } .btn-form01 span{ padding-left: 20px; background: url(./images/icon/icon-btn-arw01.png) left center no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .btn-form01 span{ background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat; -webkit-background-size: 10px 14px; background-size: 10px 14px; } } .btn-form02{ padding: 20px 30px; background: #c9c9c9; font-size: 1.125em; color: #666666; } .btn-form02 span{ padding-left: 18px; background: url(./images/icon/icon-btn-arw02.png) left center no-repeat; } .btn-form02:hover span, .btn-form02:active span, .btn-form02:focus span{ padding-left: 18px; background: url(./images/icon/icon-btn-arw01.png) left center no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .btn-form02 span{ background: url(./images/icon/icon-btn-arw02@2x.png) left center no-repeat; -webkit-background-size: 10px 14px; background-size: 10px 14px; } .btn-form02:hover span, .btn-form02:active span, .btn-form02:focus span{ background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat; -webkit-background-size: 10px 14px; background-size: 10px 14px; } } .btn-mail{ padding: 12px 32px; background: #16A085; } .btn-mail span{ padding-left: 30px; background: url(./images/icon/icon-btn-mail.png) left center no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .btn-mail span{ background: url(./images/icon/icon-btn-mail@2x.png) left center no-repeat; -webkit-background-size: 24px 18px; background-size: 24px 18px; } } .btn-detail{ background: #909090; } .btn-detail span{ padding-left: 20px; background: url(./images/icon/icon-btn-arw01.png) left center no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .btn-detail span{ background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat; -webkit-background-size: 10px 14px; background-size: 10px 14px; } } /*検索ボックス*/ .search-box input[type="text"]{ -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; height: 30px; padding-right: 4px; padding-left: 4px; border: 1px solid #ccc; border-radius: 0; box-shadow: inset 1px 3px 2px #eee; } .btn-search{ -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; vertical-align: top; padding: 5px; border: 0; background: #8f8f8f; border-radius: 0; cursor: pointer; } .btn-search img{ width: 21px; height: 20px; vertical-align: top; } /*ソーシャルボタン*/ .sns-list ul{ margin: 0 0 1em; padding: 0; } .sns-list li{ display: inline-block; vertical-align: top; line-height: 1.0; margin-left: 1em; } .sns-list li iframe{ max-width: none; margin: 0; } .sns-list li:first-child{ margin-left: 0; } /*アイキャッチ*/ .eye-catch{ float: left; margin-right: 1em; margin-bottom: 1em; } .post-date, .post-pv{ display: inline-block; margin-right: 1em; margin-bottom: 0.5em; } /*登場人物紹介1*/ .cast-box{ padding: 30px 20px 20px; } .cast-box .cast{ margin: 0 0 1.5em; } .cast-box .cast-name{ margin-bottom:0.5em; padding:0.25em 1em; background:#5cbdaa; color:#FFF; font-weight: bold; font-size: 1.25em; } .cast-box .cast .cast-headshot, .cast-box .cast .cast-profile{ margin-left: 0; margin-bottom: 40px; padding-right: 0; } .cast-box .cast:last-child, .cast-box .cast:last-child .cast-headshot, .cast-box .cast:last-child .cast-profile{ margin-bottom: 0; } .cast-box .cast .cast-headshot{ margin:10px 10px 10px 0; float:left; /*position: absolute; top: -10px; right: 10px;*/ } .cast-box .cast .cast-profile{ padding: 10px 10px 0 130px; } /*登場人物紹介2*/ .cast-box02 .cast{ position: relative; margin-bottom: 20px; } .cast-box02 .cast dd{ padding-left: 0; } .cast-box02 .cast-name{ position:absolute; top:150px; left:0; right:0; z-index:1; width:198px; max-width:100%; margin:0 auto; padding:0.5em 0; border-top:1px solid #848484; border-bottom:1px solid #848484; background-color: rgba(60,60,60,0.5); background-color: #3c3c3c9; /*IE8への対応*/ color:#FFF; text-align:center; font-weight: bold; } html:not(:target) .cast-box02 .cast-name{ background-color: rgba(60,60,60,0.5); /*IE9以上への対応*/ } .cast-box02 .cast .cast-headshot{ position:relative; width: 100%; text-align: center; margin-bottom:1em; } .col1 .cast-box02 .cast{ padding-top: 0; } .col1 .cast-box02 .cast .cast-headshot{ width: auto; } /*吹き出し*/ .chat-l, .chat-r{ position: relative; overflow: hidden; margin: 0 0 2em; } .bubble{ display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 80%; min-height: 60px; margin-bottom: 2em; padding: 1em; border: 1px solid #ccc; background: #fff; } .bubble .bubble-in{ border-color: #fff; } .talker{ display: block; width: 15%; height: auto; text-align: center; } .talker b{ font-weight: normal; } .talker img{ display: block; width: 100px; max-width: 100%; max-width: none9;/*IE8への対応*/ margin: auto; } html:not(:target) .talker img{ max-width: 100%; /*IE9以上への対応*/ } .chat-l .talker{ float: left; margin-right: 2%; } .chat-r .talker{ float: right; margin-left: 2%; } .chat-l .bubble{ float: right; } .chat-r .bubble{ float: left; } .bubble .bubble-in:after, .bubble .bubble-in:before{ position: absolute; top: 50%; width: 0; height: 0; border: solid transparent; content: ""; } /*吹き出しの微調整*/ .bubble .b-arw20:after, .bubble .b-arw20:before{ top: 20%; } .bubble .b-arw30:after, .bubble .b-arw30:before{ top: 30%; } .bubble .b-arw40:after, .bubble .b-arw40:before{ top: 40%; } .bubble .b-arw60:after, .bubble .b-arw60:before{ top: 60%; } .bubble .b-arw70:after, .bubble .b-arw70:before{ top: 70%; } .bubble .b-arw80:after, .bubble .b-arw80:before{ top: 80%; } .chat-l .bubble .bubble-in:after, .chat-l .bubble .bubble-in:before{ right: 100%; } .chat-r .bubble div:after, .chat-r .bubble div:before{ left: 100%; } .chat-l .bubble .bubble-in:after{ margin-top: -8px; border-width: 8px 20px; border-color: transparent; border-right-color: inherit; } .chat-l .bubble .bubble-in:before{ margin-top: -9px; border-width: 9px 21px; border-color: transparent; border-right-color: #ccc; } .chat-r .bubble .bubble-in:after{ margin-top: -8px; border-width: 8px 20px; border-color: transparent; border-left-color: inherit; } .chat-r .bubble .bubble-in:before{ margin-top: -9px; border-width: 9px 21px; border-color: transparent; border-left-color: #ccc; } .bubble p:first-child{ margin-top: 0; } /*吹き出し 会話者が複数人の場合*/ .together .talker, .together .bubble{ width: 100%; } .together .talker b{ display: inline-block; text-align: center; } .together.chat-l .talker, .together.chat-r .talker{ float: none; margin: 0 0 20px; } .together.chat-l .talker{ text-align: left; } .together.chat-r .talker{ text-align: right; } .together.chat-l .bubble, .together.chat-r .bubble{ float: none; } .together .bubble .bubble-in:after, .together .bubble .bubble-in:before{ top: auto; bottom: 100%; } .together.chat-l .bubble .bubble-in:after, .together.chat-l .bubble .bubble-in:before{ right: auto; left: 10%; } .together.chat-r .bubble .bubble-in:after, .together.chat-r .bubble .bubble-in:before{ right: 10%; left: auto; } .together.chat-l .bubble .bubble-in:after{ margin-top: -20px; margin-left: -8px; border-width: 20px 8px; border-color: transparent; border-bottom-color: inherit; } .together.chat-l .bubble .bubble-in:before{ margin-top: -21px; margin-left: -9px; border-width: 21px 9px; border-color: transparent; border-bottom-color: #ccc; } .together.chat-r .bubble .bubble-in:after{ border-width: 20px 8px; margin-top: -20px; margin-right: -8px; border-color: transparent; border-bottom-color: inherit; } .together.chat-r .bubble .bubble-in:before{ margin-top: -21px; margin-right: -9px; border-width: 21px 9px; border-color: transparent; border-bottom-color: #ccc; } .bubble-in p:last-child{ margin-bottom: 0; } /*吹き出し背景色:青(HTML版のみ)*/ .bubble-blue{ border: 1px solid #e1f5fe; background: #e1f5fe; } .chat-l .bubble-blue .bubble-in:after, .chat-l .bubble-blue .bubble-in:before{ border-right-color: #e1f5fe; } .chat-r .bubble-blue .bubble-in:after, .chat-r .bubble-blue .bubble-in:before{ border-left-color: #e1f5fe; } .together.chat-l .bubble-blue .bubble-in:after, .together.chat-l .bubble-blue .bubble-in:before, .together.chat-r .bubble-blue .bubble-in:after, .together.chat-r .bubble-blue .bubble-in:before{ border-bottom-color: #e1f5fe; } /*吹き出し背景色:緑(HTML版のみ)*/ .bubble-green{ border: 1px solid #e8f5e9; background: #e8f5e9; } .chat-l .bubble-green .bubble-in:after, .chat-l .bubble-green .bubble-in:before{ border-right-color: #e8f5e9; } .chat-r .bubble-green .bubble-in:after, .chat-r .bubble-green .bubble-in:before{ border-left-color: #e8f5e9; } .together.chat-l .bubble-green .bubble-in:after, .together.chat-l .bubble-green .bubble-in:before, .together.chat-r .bubble-green .bubble-in:after, .together.chat-r .bubble-green .bubble-in:before{ border-bottom-color: #e8f5e9; } /*吹き出し背景色:黄(HTML版のみ)*/ .bubble-yellow{ border: 1px solid #fff8ba; background: #fff8ba; } .chat-l .bubble-yellow .bubble-in:after, .chat-l .bubble-yellow .bubble-in:before{ border-right-color: #fff8ba; } .chat-r .bubble-yellow .bubble-in:after, .chat-r .bubble-yellow .bubble-in:before{ border-left-color: #fff8ba; } .together.chat-l .bubble-yellow .bubble-in:after, .together.chat-l .bubble-yellow .bubble-in:before, .together.chat-r .bubble-yellow .bubble-in:after, .together.chat-r .bubble-yellow .bubble-in:before{ border-bottom-color: #fff8ba; } /*吹き出し背景色:オレンジ(HTML版のみ)*/ .bubble-orange{ border: 1px solid #ffd699; background: #ffd699; } .chat-l .bubble-orange .bubble-in:after, .chat-l .bubble-orange .bubble-in:before{ border-right-color: #ffd699; } .chat-r .bubble-orange .bubble-in:after, .chat-r .bubble-orange .bubble-in:before{ border-left-color: #ffd699; } .together.chat-l .bubble-orange .bubble-in:after, .together.chat-l .bubble-orange .bubble-in:before, .together.chat-r .bubble-orange .bubble-in:after, .together.chat-r .bubble-orange .bubble-in:before{ border-bottom-color: #ffd699; } /*吹き出し背景色:ピンク(HTML版のみ)*/ .bubble-pink{ border: 1px solid #fbe9e7; background: #fbe9e7; } .chat-l .bubble-pink .bubble-in:after, .chat-l .bubble-pink .bubble-in:before{ border-right-color: #fbe9e7; } .chat-r .bubble-pink .bubble-in:after, .chat-r .bubble-pink .bubble-in:before{ border-left-color: #fbe9e7; } .together.chat-l .bubble-pink .bubble-in:after, .together.chat-l .bubble-pink .bubble-in:before, .together.chat-r .bubble-pink .bubble-in:after, .together.chat-r .bubble-pink .bubble-in:before{ border-bottom-color: #fbe9e7; } /*吹き出し背景色:ピンク(HTML版のみ)*/ .bubble-red{ border: 1px solid #f27573; background: #f27573; color: #fff; } .chat-l .bubble-red .bubble-in:after, .chat-l .bubble-red .bubble-in:before{ border-right-color: #f27573; } .chat-r .bubble-red .bubble-in:after, .chat-r .bubble-red .bubble-in:before{ border-left-color: #f27573; } .together.chat-l .bubble-red .bubble-in:after, .together.chat-l .bubble-red .bubble-in:before, .together.chat-r .bubble-red .bubble-in:after, .together.chat-r .bubble-red .bubble-in:before{ border-bottom-color: #f27573; } /*吹き出し背景色:ブラック(HTML版のみ)*/ .bubble-black{ border: 1px solid #777777; background: #777777; color: #fff; } .chat-l .bubble-black .bubble-in:after, .chat-l .bubble-black .bubble-in:before{ border-right-color: #777777; } .chat-r .bubble-black .bubble-in:after, .chat-r .bubble-black .bubble-in:before{ border-left-color: #777777; } .together.chat-l .bubble-black .bubble-in:after, .together.chat-l .bubble-black .bubble-in:before, .together.chat-r .bubble-black .bubble-in:after, .together.chat-r .bubble-black .bubble-in:before{ border-bottom-color: #777777; } /*ランキング*/ .main-body .ranking-list{ margin-right: 0; margin-left: 0; } .main-body .ranking-list li{ list-style: none; overflow: hidden; margin-bottom: 40px; } .main-body .rank-title{ padding: 5px 0; border: none; background: none; font-weight: normal; font-size: 1.5em; } .main-body .rank-title{ margin-top: 0; } .rank-thumb{ float: left; margin-right: 20px; margin-bottom: 20px; } .sub-conts .ranking-list03 .rank-thumb img{ width: 100px; height: auto; } .col2 .sub-conts .ranking-list01 .rank-thumb, .col2 .sub-conts .ranking-list02 .rank-thumb, .col2r .sub-conts .ranking-list01 .rank-thumb, .col2r .sub-conts .ranking-list02 .rank-thumb{ float: none; text-align: center; } .rank-desc{ overflow: hidden; } /*ランキング用の王冠アイコンのリスト*/ .ranking-list01 > li .rank-title{ padding-left: 60px; } .ranking-list01 .rank01 .rank-title{ background: url(./images/icon/icon-rank01-01.png) left top no-repeat; } .ranking-list01 .rank02 .rank-title{ background: url(./images/icon/icon-rank01-02.png) left top no-repeat; } .ranking-list01 .rank03 .rank-title{ background: url(./images/icon/icon-rank01-03.png) left top no-repeat; } .ranking-list01 .rank04 .rank-title{ background: url(./images/icon/icon-rank01-04.png) left top no-repeat; } .ranking-list01 .rank05 .rank-title{ background: url(./images/icon/icon-rank01-05.png) left top no-repeat; } .ranking-list01 .rank06 .rank-title{ background: url(./images/icon/icon-rank01-06.png) left top no-repeat; } .ranking-list01 .rank07 .rank-title{ background: url(./images/icon/icon-rank01-07.png) left top no-repeat; } .ranking-list01 .rank08 .rank-title{ background: url(./images/icon/icon-rank01-08.png) left top no-repeat; } .ranking-list01 .rank09 .rank-title{ background: url(./images/icon/icon-rank01-09.png) left top no-repeat; } .ranking-list01 .rank10 .rank-title{ background: url(./images/icon/icon-rank01-10.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .ranking-list01 .rank01 .rank-title{ background: url(./images/icon/icon-rank01-01@2x.png) left top no-repeat; } .ranking-list01 .rank02 .rank-title{ background: url(./images/icon/icon-rank01-02@2x.png) left top no-repeat; } .ranking-list01 .rank03 .rank-title{ background: url(./images/icon/icon-rank01-03@2x.png) left top no-repeat; } .ranking-list01 .rank04 .rank-title{ background: url(./images/icon/icon-rank01-04@2x.png) left top no-repeat; } .ranking-list01 .rank05 .rank-title{ background: url(./images/icon/icon-rank01-05@2x.png) left top no-repeat; } .ranking-list01 .rank06 .rank-title{ background: url(./images/icon/icon-rank01-06@2x.png) left top no-repeat; } .ranking-list01 .rank07 .rank-title{ background: url(./images/icon/icon-rank01-07@2x.png) left top no-repeat; } .ranking-list01 .rank08 .rank-title{ background: url(./images/icon/icon-rank01-08@2x.png) left top no-repeat; } .ranking-list01 .rank09 .rank-title{ background: url(./images/icon/icon-rank01-09@2x.png) left top no-repeat; } .ranking-list01 .rank10 .rank-title{ background: url(./images/icon/icon-rank01-10@2x.png) left top no-repeat; } .ranking-list01 .rank01 .rank-title, .ranking-list01 .rank02 .rank-title, .ranking-list01 .rank03 .rank-title, .ranking-list01 .rank04 .rank-title, .ranking-list01 .rank05 .rank-title, .ranking-list01 .rank06 .rank-title, .ranking-list01 .rank07 .rank-title, .ranking-list01 .rank08 .rank-title, .ranking-list01 .rank09 .rank-title, .ranking-list01 .rank10 .rank-title{ -webkit-background-size: 48px 40px; background-size: 48px 40px; } } /*ランキング用のメダルアイコンのリスト*/ .ranking-list02 > li .rank-title{ padding-left: 60px; padding-bottom: 10px; } .ranking-list02 .rank01 .rank-title{ background: url(./images/icon/icon-rank02-01.png) left top no-repeat; } .ranking-list02 .rank02 .rank-title{ background: url(./images/icon/icon-rank02-02.png) left top no-repeat; } .ranking-list02 .rank03 .rank-title{ background: url(./images/icon/icon-rank02-03.png) left top no-repeat; } .ranking-list02 .rank04 .rank-title{ background: url(./images/icon/icon-rank02-04.png) left top no-repeat; } .ranking-list02 .rank05 .rank-title{ background: url(./images/icon/icon-rank02-05.png) left top no-repeat; } .ranking-list02 .rank06 .rank-title{ background: url(./images/icon/icon-rank02-06.png) left top no-repeat; } .ranking-list02 .rank07 .rank-title{ background: url(./images/icon/icon-rank02-07.png) left top no-repeat; } .ranking-list02 .rank08 .rank-title{ background: url(./images/icon/icon-rank02-08.png) left top no-repeat; } .ranking-list02 .rank09 .rank-title{ background: url(./images/icon/icon-rank02-09.png) left top no-repeat; } .ranking-list02 .rank10 .rank-title{ background: url(./images/icon/icon-rank02-10.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .ranking-list02 .rank01 .rank-title{ background: url(./images/icon/icon-rank02-01@2x.png) left top no-repeat; } .ranking-list02 .rank02 .rank-title{ background: url(./images/icon/icon-rank02-02@2x.png) left top no-repeat; } .ranking-list02 .rank03 .rank-title{ background: url(./images/icon/icon-rank02-03@2x.png) left top no-repeat; } .ranking-list02 .rank04 .rank-title{ background: url(./images/icon/icon-rank02-04@2x.png) left top no-repeat; } .ranking-list02 .rank05 .rank-title{ background: url(./images/icon/icon-rank02-05@2x.png) left top no-repeat; } .ranking-list02 .rank06 .rank-title{ background: url(./images/icon/icon-rank02-06@2x.png) left top no-repeat; } .ranking-list02 .rank07 .rank-title{ background: url(./images/icon/icon-rank02-07@2x.png) left top no-repeat; } .ranking-list02 .rank08 .rank-title{ background: url(./images/icon/icon-rank02-08@2x.png) left top no-repeat; } .ranking-list02 .rank09 .rank-title{ background: url(./images/icon/icon-rank02-09@2x.png) left top no-repeat; } .ranking-list02 .rank10 .rank-title{ background: url(./images/icon/icon-rank02-10@2x.png) left top no-repeat; } .ranking-list02 .rank01 .rank-title, .ranking-list02 .rank02 .rank-title, .ranking-list02 .rank03 .rank-title, .ranking-list02 .rank04 .rank-title, .ranking-list02 .rank05 .rank-title, .ranking-list02 .rank06 .rank-title, .ranking-list02 .rank07 .rank-title, .ranking-list02 .rank08 .rank-title, .ranking-list02 .rank09 .rank-title, .ranking-list02 .rank10 .rank-title{ -webkit-background-size: 40px 45px; background-size: 40px 45px; } } /*ランキング用のシンプルなリスト*/ .ranking-list03 > li .rank-title{ padding: 5px 0; padding-left: 58px; font-size: 1.25em; } .sub-conts .ranking-list03 > li .rank-title{ min-height: 30px; padding: 0; padding-left: 40px; font-size: 1.25em; } .ranking-list03 .rank01 .rank-title, .ranking-list03 .rank02 .rank-title, .ranking-list03 .rank03 .rank-title{ border-bottom: 1px solid #909090; } .ranking-list03 .rank01 .rank-title{ background: url(./images/icon/icon-rank03-01.png) left top no-repeat; } .ranking-list03 .rank02 .rank-title{ background: url(./images/icon/icon-rank03-02.png) left top no-repeat; } .ranking-list03 .rank03 .rank-title{ background: url(./images/icon/icon-rank03-03.png) left top no-repeat; } .ranking-list03 .rank04 .rank-title{ background: url(./images/icon/icon-rank03-04.png) left top no-repeat; } .ranking-list03 .rank05 .rank-title{ background: url(./images/icon/icon-rank03-05.png) left top no-repeat; } .ranking-list03 .rank06 .rank-title{ background: url(./images/icon/icon-rank03-06.png) left top no-repeat; } .ranking-list03 .rank07 .rank-title{ background: url(./images/icon/icon-rank03-07.png) left top no-repeat; } .ranking-list03 .rank08 .rank-title{ background: url(./images/icon/icon-rank03-08.png) left top no-repeat; } .ranking-list03 .rank09 .rank-title{ background: url(./images/icon/icon-rank03-09.png) left top no-repeat; } .ranking-list03 .rank10 .rank-title{ background: url(./images/icon/icon-rank03-10.png) left top no-repeat; } .sub-conts .ranking-list03 .rank01 .rank-title{ background: url(./images/icon/icon-rank04-01.png) left top no-repeat; } .sub-conts .ranking-list03 .rank02 .rank-title{ background: url(./images/icon/icon-rank04-02.png) left top no-repeat; } .sub-conts .ranking-list03 .rank03 .rank-title{ background: url(./images/icon/icon-rank04-03.png) left top no-repeat; } .sub-conts .ranking-list03 .rank04 .rank-title{ background: url(./images/icon/icon-rank04-04.png) left top no-repeat; } .sub-conts .ranking-list03 .rank05 .rank-title{ background: url(./images/icon/icon-rank04-05.png) left top no-repeat; } .sub-conts .ranking-list03 .rank06 .rank-title{ background: url(./images/icon/icon-rank04-06.png) left top no-repeat; } .sub-conts .ranking-list03 .rank07 .rank-title{ background: url(./images/icon/icon-rank04-07.png) left top no-repeat; } .sub-conts .ranking-list03 .rank08 .rank-title{ background: url(./images/icon/icon-rank04-08.png) left top no-repeat; } .sub-conts .ranking-list03 .rank09 .rank-title{ background: url(./images/icon/icon-rank04-09.png) left top no-repeat; } .sub-conts .ranking-list03 .rank10 .rank-title{ background: url(./images/icon/icon-rank04-10.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .ranking-list03 .rank01 .rank-title{ background: url(./images/icon/icon-rank03-01@2x.png) left top no-repeat; } .ranking-list03 .rank02 .rank-title{ background: url(./images/icon/icon-rank03-02@2x.png) left top no-repeat; } .ranking-list03 .rank03 .rank-title{ background: url(./images/icon/icon-rank03-03@2x.png) left top no-repeat; } .ranking-list03 .rank04 .rank-title{ background: url(./images/icon/icon-rank03-04@2x.png) left top no-repeat; } .ranking-list03 .rank05 .rank-title{ background: url(./images/icon/icon-rank03-05@2x.png) left top no-repeat; } .ranking-list03 .rank06 .rank-title{ background: url(./images/icon/icon-rank03-06@2x.png) left top no-repeat; } .ranking-list03 .rank07 .rank-title{ background: url(./images/icon/icon-rank03-07@2x.png) left top no-repeat; } .ranking-list03 .rank08 .rank-title{ background: url(./images/icon/icon-rank03-08@2x.png) left top no-repeat; } .ranking-list03 .rank09 .rank-title{ background: url(./images/icon/icon-rank03-09@2x.png) left top no-repeat; } .ranking-list03 .rank10 .rank-title{ background: url(./images/icon/icon-rank03-10@2x.png) left top no-repeat; } .ranking-list03 .rank01 .rank-title, .ranking-list03 .rank02 .rank-title, .ranking-list03 .rank03 .rank-title, .ranking-list03 .rank04 .rank-title, .ranking-list03 .rank05 .rank-title, .ranking-list03 .rank06 .rank-title, .ranking-list03 .rank07 .rank-title, .ranking-list03 .rank08 .rank-title, .ranking-list03 .rank09 .rank-title, .ranking-list03 .rank10 .rank-title{ -webkit-background-size: 40px 48px; background-size: 40px 48px; } .sub-conts .ranking-list03 .rank01 .rank-title{ background: url(./images/icon/icon-rank04-01@2x.png) left top no-repeat; } .sub-conts .ranking-list03 .rank02 .rank-title{ background: url(./images/icon/icon-rank04-02@2x.png) left top no-repeat; } .sub-conts .ranking-list03 .rank03 .rank-title{ background: url(./images/icon/icon-rank04-03@2x.png) left top no-repeat; } .sub-conts .ranking-list03 .rank04 .rank-title{ background: url(./images/icon/icon-rank04-04@2x.png) left top no-repeat; } .sub-conts .ranking-list03 .rank05 .rank-title{ background: url(./images/icon/icon-rank04-05@2x.png) left top no-repeat; } .sub-conts .ranking-list03 .rank06 .rank-title{ background: url(./images/icon/icon-rank04-06@2x.png) left top no-repeat; } .sub-conts .ranking-list03 .rank07 .rank-title{ background: url(./images/icon/icon-rank04-07@2x.png) left top no-repeat; } .sub-conts .ranking-list03 .rank08 .rank-title{ background: url(./images/icon/icon-rank04-08@2x.png) left top no-repeat; } .sub-conts .ranking-list03 .rank09 .rank-title{ background: url(./images/icon/icon-rank04-09@2x.png) left top no-repeat; } .sub-conts .ranking-list03 .rank10 .rank-title{ background: url(./images/icon/icon-rank04-10@2x.png) left top no-repeat; } .sub-conts .ranking-list03 .rank01 .rank-title, .sub-conts .ranking-list03 .rank02 .rank-title, .sub-conts .ranking-list03 .rank03 .rank-title, .sub-conts .ranking-list03 .rank04 .rank-title, .sub-conts .ranking-list03 .rank05 .rank-title, .sub-conts .ranking-list03 .rank06 .rank-title, .sub-conts .ranking-list03 .rank07 .rank-title, .sub-conts .ranking-list03 .rank08 .rank-title, .sub-conts .ranking-list03 .rank09 .rank-title, .sub-conts .ranking-list03 .rank10 .rank-title{ -webkit-background-size: 30px 30px; background-size: 30px 30px; } } /*ランキング用の画像+ランキング番号のリスト*/ .ranking-list .on-image{ } .ranking-list .on-image .rank-title{ padding: 0!important; border: 0; background: none!important; font-size: 1.25em; } .ranking-list .on-image .rank-thumb{ position: relative; } .ranking-list .on-image .rank-thumb:before, .ranking-list .on-image .rank-thumb:before, .ranking-list .on-image .rank-thumb:before{ position: absolute; top: 0; left: 0; } .ranking-list03 > .rank01.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-01.png); } .ranking-list03 > .rank02.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-02.png); } .ranking-list03 > .rank03.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-03.png); } .ranking-list03 > .rank04.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-04.png); } .ranking-list03 > .rank05.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-05.png); } .ranking-list03 > .rank06.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-06.png); } .ranking-list03 > .rank07.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-07.png); } .ranking-list03 > .rank08.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-08.png); } .ranking-list03 > .rank09.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-09.png); } .ranking-list03 > .rank10.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-10.png); } .sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-01.png); } .sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-02.png); } .sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-03.png); } .sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-04.png); } .sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-05.png); } .sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-06.png); } .sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-07.png); } .sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-08.png); } .sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-09.png); } .sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-10.png); } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .ranking-list03 > .rank01.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-01@2x.png); } .ranking-list03 > .rank02.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-02@2x.png); } .ranking-list03 > .rank03.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-03@2x.png); } .ranking-list03 > .rank04.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-04@2x.png); } .ranking-list03 > .rank05.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-05@2x.png); } .ranking-list03 > .rank06.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-06@2x.png); } .ranking-list03 > .rank07.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-07@2x.png); } .ranking-list03 > .rank08.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-08@2x.png); } .ranking-list03 > .rank09.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-09@2x.png); } .ranking-list03 > .rank10.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-10@2x.png); } .ranking-list03 > .rank01.on-image .rank-thumb:before, .ranking-list03 > .rank02.on-image .rank-thumb:before, .ranking-list03 > .rank03.on-image .rank-thumb:before, .ranking-list03 > .rank04.on-image .rank-thumb:before, .ranking-list03 > .rank05.on-image .rank-thumb:before, .ranking-list03 > .rank06.on-image .rank-thumb:before, .ranking-list03 > .rank07.on-image .rank-thumb:before, .ranking-list03 > .rank08.on-image .rank-thumb:before, .ranking-list03 > .rank09.on-image .rank-thumb:before, .ranking-list03 > .rank10.on-image .rank-thumb:before{ display: inline-block; width: 48px; height: 48px; vertical-align: middle; -webkit-background-size: contain; background-size: contain; content: " "; } .sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-01@2x.png); } .sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-02@2x.png); } .sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-03@2x.png); } .sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-04@2x.png); } .sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-05@2x.png); } .sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-06@2x.png); } .sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-07@2x.png); } .sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-08@2x.png); } .sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-09@2x.png); } .sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-10@2x.png); } .sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before, .sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before, .sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before, .sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before, .sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before, .sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before, .sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before, .sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before, .sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before, .sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{ display: inline-block; width: 30px; height: 30px; vertical-align: middle; -webkit-background-size: contain; background-size: contain; content: " "; } } /*画像+テキストのリスト(ランキング用)*/ .ranking-list04 .rank-box{ position: relative; width: 320px; margin-right: auto; margin-left: auto; } .col1 .ranking-list04 li{ display: inline-block; margin-right: 20px; } .ranking-list04 .rank-box img{ width: 100%; } .ranking-list04 .on-image .rank-box:before, .ranking-list04 .on-image .rank-box:before, .ranking-list04 .on-image .rank-box:before{ position: absolute; top: 0; left: 0; } .ranking-list04 .on-image .rank-box .rank-text{ position: absolute; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 10px; background-color: rgba(0,0,0,0.5); background-color: #0000009; /*IE8への対応*/ color: #fff; } html:not(:target) .ranking-list04 .on-image .rank-box .rank-text{ background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/ } .ranking-list04 .on-image .rank-box a{ color: #fff; } .ranking-list04 .on-image .rank-box a:hover, .ranking-list04 .on-image .rank-box a:active, .ranking-list04 .on-image .rank-box a:focus{ /* color: #f60; */ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ } .ranking-list04 > .rank01.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-01.png); } .ranking-list04 > .rank02.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-02.png); } .ranking-list04 > .rank03.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-03.png); } .ranking-list04 > .rank04.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-04.png); } .ranking-list04 > .rank05.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-05.png); } .ranking-list04 > .rank06.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-06.png); } .ranking-list04 > .rank07.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-07.png); } .ranking-list04 > .rank08.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-08.png); } .ranking-list04 > .rank09.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-09.png); } .ranking-list04 > .rank10.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-10.png); } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .ranking-list04 > .rank01.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-01@2x.png); } .ranking-list04 > .rank02.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-02@2x.png); } .ranking-list04 > .rank03.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-03@2x.png); } .ranking-list04 > .rank04.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-04@2x.png); } .ranking-list04 > .rank05.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-05@2x.png); } .ranking-list04 > .rank06.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-06@2x.png); } .ranking-list04 > .rank07.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-07@2x.png); } .ranking-list04 > .rank08.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-08@2x.png); } .ranking-list04 > .rank09.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-09@2x.png); } .ranking-list04 > .rank10.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-10@2x.png); } .ranking-list04 > .rank01.on-image .rank-box:before, .ranking-list04 > .rank02.on-image .rank-box:before, .ranking-list04 > .rank03.on-image .rank-box:before, .ranking-list04 > .rank04.on-image .rank-box:before, .ranking-list04 > .rank05.on-image .rank-box:before, .ranking-list04 > .rank06.on-image .rank-box:before, .ranking-list04 > .rank07.on-image .rank-box:before, .ranking-list04 > .rank08.on-image .rank-box:before, .ranking-list04 > .rank09.on-image .rank-box:before, .ranking-list04 > .rank10.on-image .rank-box:before{ display: inline-block; width: 48px; height: 48px; vertical-align: middle; -webkit-background-size: contain; background-size: contain; content: " "; } } /*背景画像+テキストのリスト(ランキング用)*/ .ranking-list05 .rank-box{ position: relative; margin-right: auto; margin-left: auto; background-position: center center; background-size: cover; } .col1 .ranking-list05 .rank-box{ width:320px; } .col1 .ranking-list05 li{ display: inline-block; margin-right: 20px; } .ranking-list05 .rank-box a{ display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 180px; padding: 3em 1em 1em; background-color: rgba(0,0,0,0.5); background-color: #0000009; /*IE8への対応*/ color: #fff; } html:not(:target) .ranking-list05 .rank-box a{ background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/ } .ranking-list05 .rank-box a:hover, .ranking-list05 .rank-box a:active, .ranking-list05 .rank-box a:focus{ /* color: #f60; */ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ } .ranking-list05 .on-image .rank-box:before, .ranking-list05 .on-image .rank-box:before, .ranking-list05 .on-image .rank-box:before{ position: absolute; top: 0; left: 0; } .ranking-list05 > .rank01.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-01.png); } .ranking-list05 > .rank02.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-02.png); } .ranking-list05 > .rank03.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-03.png); } .ranking-list05 > .rank04.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-04.png); } .ranking-list05 > .rank05.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-05.png); } .ranking-list05 > .rank06.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-06.png); } .ranking-list05 > .rank07.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-07.png); } .ranking-list05 > .rank08.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-08.png); } .ranking-list05 > .rank09.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-09.png); } .ranking-list05 > .rank10.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-10.png); } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .ranking-list05 > .rank01.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-01@2x.png); } .ranking-list05 > .rank02.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-02@2x.png); } .ranking-list05 > .rank03.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-03@2x.png); } .ranking-list05 > .rank04.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-04@2x.png); } .ranking-list05 > .rank05.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-05@2x.png); } .ranking-list05 > .rank06.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-06@2x.png); } .ranking-list05 > .rank07.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-07@2x.png); } .ranking-list05 > .rank08.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-08@2x.png); } .ranking-list05 > .rank09.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-09@2x.png); } .ranking-list05 > .rank10.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-10@2x.png); } .ranking-list05 > .rank01.on-image .rank-box:before, .ranking-list05 > .rank02.on-image .rank-box:before, .ranking-list05 > .rank03.on-image .rank-box:before, .ranking-list05 > .rank04.on-image .rank-box:before, .ranking-list05 > .rank05.on-image .rank-box:before, .ranking-list05 > .rank06.on-image .rank-box:before, .ranking-list05 > .rank07.on-image .rank-box:before, .ranking-list05 > .rank08.on-image .rank-box:before, .ranking-list05 > .rank09.on-image .rank-box:before, .ranking-list05 > .rank10.on-image .rank-box:before{ display: inline-block; width: 30px; height: 30px; vertical-align: middle; -webkit-background-size: contain; background-size: contain; content: " "; } } /*順位の無しのリスト*/ .main-body .post-list01, .main-body .post-list02{ margin-right: 0; margin-left: 0; } .main-body .post-list01 li, .main-body .post-list02 li{ list-style: none; overflow: hidden; margin-bottom: 40px; } /*画像+テキストのリスト*/ .post-list01 .post-box{ position: relative; margin-right: auto; margin-left: auto; } .col1 .post-list01 li{ display: inline-block; margin-right: 20px; } .post-list01 .post-box img{ width: 100%; } .post-list01 .on-image .post-box:before, .post-list01 .on-image .post-box:before, .post-list01 .on-image .post-box:before{ position: absolute; top: 0; left: 0; } .post-list01 .on-image .post-box .post-text{ position: absolute; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 10px; background-color: rgba(0,0,0,0.5); background-color: #0000009; /*IE8への対応*/ color: #fff; } html:not(:target) .post-list01 .on-image .post-box .post-text{ background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/ } .post-list01 .on-image .post-box a{ color: #fff; } .post-list01 .on-image .post-box a:hover, .post-list01 .on-image .post-box a:active, .post-list01 .on-image .post-box a:focus{ /* color: #f60; */ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ } /*背景画像+テキストのリスト*/ .post-list02 .post-box{ position: relative; margin-right: auto; margin-left: auto; background-position: center center; background-size: cover; } .col1 .post-list02 .post-box{ width:320px; } .col1 .post-list02 li{ display: inline-block; margin-right: 20px; } .post-list02 .post-box a{ display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 180px; padding: 1em; background-color: rgba(0,0,0,0.5); background-color: #0000009; /*IE8への対応*/ color: #fff; } html:not(:target) .post-list02 .post-box a{ background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/ } .post-list02 .post-box a:hover, .post-list02 .post-box a:active, .post-list02 .post-box a:focus{ /* color: #f60; */ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ } .post-list02 .on-image .post-box:before, .post-list02 .on-image .post-box:before, .post-list02 .on-image .post-box:before{ position: absolute; top: 0; left: 0; } /*情報比較リスト*/ .review-table{ width: auto; margin-top: 0; border-top: 1px solid #fff; border-left: 1px solid #fff; } .rank-thumb .review-table{ width: 100%; margin-bottom: 0; } .review-table th, .review-table td{ line-height: 1.0; padding: 0.5em; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #e9e9e9; } .review-table th{ font-weight: normal; } .star00, .star05, .star10, .star15, .star20, .star25, .star30, .star35, .star40, .star45, .star50{ padding-left: 105px; white-space: nowrap; } .star00{ background: url(./images/icon/icon-star00.png) left center no-repeat; } .star05{ background: url(./images/icon/icon-star05.png) left center no-repeat; } .star10{ background: url(./images/icon/icon-star10.png) left center no-repeat; } .star15{ background: url(./images/icon/icon-star15.png) left center no-repeat; } .star20{ background: url(./images/icon/icon-star20.png) left center no-repeat; } .star25{ background: url(./images/icon/icon-star25.png) left center no-repeat; } .star30{ background: url(./images/icon/icon-star30.png) left center no-repeat; } .star35{ background: url(./images/icon/icon-star35.png) left center no-repeat; } .star40{ background: url(./images/icon/icon-star40.png) left center no-repeat; } .star45{ background: url(./images/icon/icon-star45.png) left center no-repeat; } .star50{ background: url(./images/icon/icon-star50.png) left center no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .star00{ background: url(./images/icon/icon-star00@2x.png) left center no-repeat; } .star05{ background: url(./images/icon/icon-star05@2x.png) left center no-repeat; } .star10{ background: url(./images/icon/icon-star10@2x.png) left center no-repeat; } .star15{ background: url(./images/icon/icon-star15@2x.png) left center no-repeat; } .star20{ background: url(./images/icon/icon-star20@2x.png) left center no-repeat; } .star25{ background: url(./images/icon/icon-star25@2x.png) left center no-repeat; } .star30{ background: url(./images/icon/icon-star30@2x.png) left center no-repeat; } .star35{ background: url(./images/icon/icon-star35@2x.png) left center no-repeat; } .star40{ background: url(./images/icon/icon-star40@2x.png) left center no-repeat; } .star45{ background: url(./images/icon/icon-star45@2x.png) left center no-repeat; } .star50{ background: url(./images/icon/icon-star50@2x.png) left center no-repeat; } .star00, .star05, .star10, .star15, .star20, .star25, .star30, .star35, .star40, .star45, .star50{ -webkit-background-size: 97px 17px; background-size: 97px 17px; } } .item-data{ margin-bottom: 1em; } .item-data dl, .item-data dt, .item-data dd{ margin: 0; } .item-data dt, .item-data dd{ display: inline-block; } .item-data dd{ padding-left: 0; } .comparative-list01 .rank-desc, .comparative-list02 .rank-desc{ overflow: visible; } .main-body .review-desc-title{ overflow: hidden; margin-top: 0; margin-bottom: 1em; padding: 0 0 0 14px; border: none; border-left: 4px solid #fb8e2d; background: none; font-weight: normal; font-size: 1.125em; } /*情報比較用の王冠アイコン*/ .comparative-list01 > li .rank-title{ padding-left: 60px; } .comparative-list01 .rank01 .rank-title{ background: url(./images/icon/icon-rank01-01.png) left top no-repeat; } .comparative-list01 .rank02 .rank-title{ background: url(./images/icon/icon-rank01-02.png) left top no-repeat; } .comparative-list01 .rank03 .rank-title{ background: url(./images/icon/icon-rank01-03.png) left top no-repeat; } .comparative-list01 .rank04 .rank-title{ background: url(./images/icon/icon-rank01-04.png) left top no-repeat; } .comparative-list01 .rank05 .rank-title{ background: url(./images/icon/icon-rank01-05.png) left top no-repeat; } .comparative-list01 .rank06 .rank-title{ background: url(./images/icon/icon-rank01-06.png) left top no-repeat; } .comparative-list01 .rank07 .rank-title{ background: url(./images/icon/icon-rank01-07.png) left top no-repeat; } .comparative-list01 .rank08 .rank-title{ background: url(./images/icon/icon-rank01-08.png) left top no-repeat; } .comparative-list01 .rank09 .rank-title{ background: url(./images/icon/icon-rank01-09.png) left top no-repeat; } .comparative-list01 .rank10 .rank-title{ background: url(./images/icon/icon-rank01-10.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .comparative-list01 .rank01 .rank-title{ background: url(./images/icon/icon-rank01-01@2x.png) left top no-repeat; } .comparative-list01 .rank02 .rank-title{ background: url(./images/icon/icon-rank01-02@2x.png) left top no-repeat; } .comparative-list01 .rank03 .rank-title{ background: url(./images/icon/icon-rank01-03@2x.png) left top no-repeat; } .comparative-list01 .rank04 .rank-title{ background: url(./images/icon/icon-rank01-04@2x.png) left top no-repeat; } .comparative-list01 .rank05 .rank-title{ background: url(./images/icon/icon-rank01-05@2x.png) left top no-repeat; } .comparative-list01 .rank06 .rank-title{ background: url(./images/icon/icon-rank01-06@2x.png) left top no-repeat; } .comparative-list01 .rank07 .rank-title{ background: url(./images/icon/icon-rank01-07@2x.png) left top no-repeat; } .comparative-list01 .rank08 .rank-title{ background: url(./images/icon/icon-rank01-08@2x.png) left top no-repeat; } .comparative-list01 .rank09 .rank-title{ background: url(./images/icon/icon-rank01-09@2x.png) left top no-repeat; } .comparative-list01 .rank10 .rank-title{ background: url(./images/icon/icon-rank01-10@2x.png) left top no-repeat; } .comparative-list01 .rank01 .rank-title, .comparative-list01 .rank02 .rank-title, .comparative-list01 .rank03 .rank-title, .comparative-list01 .rank04 .rank-title, .comparative-list01 .rank05 .rank-title, .comparative-list01 .rank06 .rank-title, .comparative-list01 .rank07 .rank-title, .comparative-list01 .rank08 .rank-title, .comparative-list01 .rank09 .rank-title, .comparative-list01 .rank10 .rank-title{ -webkit-background-size: 48px 40px; background-size: 48px 40px; } } /*ランキング用のシンプルなリスト*/ .comparative-list02 > .rank01.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-01.png); } .comparative-list02 > .rank02.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-02.png); } .comparative-list02 > .rank03.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-03.png); } .comparative-list02 > .rank04.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-04.png); } .comparative-list02 > .rank05.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-05.png); } .comparative-list02 > .rank06.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-06.png); } .comparative-list02 > .rank07.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-07.png); } .comparative-list02 > .rank08.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-08.png); } .comparative-list02 > .rank09.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-09.png); } .comparative-list02 > .rank10.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-10.png); } .sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-01.png); } .sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-02.png); } .sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-03.png); } .sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-04.png); } .sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-05.png); } .sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-06.png); } .sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-07.png); } .sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-08.png); } .sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-09.png); } .sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-10.png); } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .comparative-list02 > .rank01.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-01@2x.png); } .comparative-list02 > .rank02.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-02@2x.png); } .comparative-list02 > .rank03.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-03@2x.png); } .comparative-list02 > .rank04.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-04@2x.png); } .comparative-list02 > .rank05.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-05@2x.png); } .comparative-list02 > .rank06.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-06@2x.png); } .comparative-list02 > .rank07.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-07@2x.png); } .comparative-list02 > .rank08.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-08@2x.png); } .comparative-list02 > .rank09.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-09@2x.png); } .comparative-list02 > .rank10.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-10@2x.png); } .comparative-list02 > .rank01.on-image .rank-thumb:before, .comparative-list02 > .rank02.on-image .rank-thumb:before, .comparative-list02 > .rank03.on-image .rank-thumb:before, .comparative-list02 > .rank04.on-image .rank-thumb:before, .comparative-list02 > .rank05.on-image .rank-thumb:before, .comparative-list02 > .rank06.on-image .rank-thumb:before, .comparative-list02 > .rank07.on-image .rank-thumb:before, .comparative-list02 > .rank08.on-image .rank-thumb:before, .comparative-list02 > .rank09.on-image .rank-thumb:before, .comparative-list02 > .rank10.on-image .rank-thumb:before{ display: inline-block; width: 48px; height: 48px; vertical-align: middle; -webkit-background-size: contain; background-size: contain; content: " "; } .sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-01@2x.png); } .sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-02@2x.png); } .sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-03@2x.png); } .sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-04@2x.png); } .sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-05@2x.png); } .sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-06@2x.png); } .sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-07@2x.png); } .sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-08@2x.png); } .sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-09@2x.png); } .sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-10@2x.png); } .sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before, .sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before, .sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before, .sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before, .sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before, .sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before, .sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before, .sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before, .sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before, .sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{ display: inline-block; width: 30px; height: 30px; vertical-align: middle; -webkit-background-size: contain; background-size: contain; content: " "; } } /*文章中の間*/ .interval img{ display: block; margin: 60px auto; } /*チェックリスト*/ .check-list, .check-list-l{ margin-left: 0; } .check-list li, .check-list-l li{ list-style: none; } .check-list li{ margin-bottom: 1em; padding-left: 32px; background: url(./images/icon/icon-check-list.png) left 3px no-repeat; } .check-list-l li{ margin-bottom: 2em; padding: 10px 0 10px 55px; background: url(./images/icon/icon-check-list-l.png) left 3px no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .check-list li{ background: url(./images/icon/icon-check-list@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .check-list-l li{ background: url(./images/icon/icon-check-list-l@2x.png) left 3px no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*Q&A*/ .qa-list dt{ display: block; position:relative; margin-bottom: 30px; padding: 15px 0 15px 80px; background: url(./images/icon/icon-q.png) 15px center no-repeat #F6F6F6; font-size: 1.25em; } .qa-list dt:after,.qa-list dt:before { content: ""; position: absolute; top: 100%; height: 0; width: 0; border: #F6F6F6 solid 2px; } .qa-list dt:after { left: 33px; border: 11px solid transparent; border-top: 11px solid #F6F6F6; } .qa-list dt:before { left: 30px; border: 14px solid transparent; border-top: 14px solid #F6F6F6; } .qa-list dd{ margin-left: 0; margin-bottom: 70px; padding: 15px 0 15px 80px; background: url(./images/icon/icon-a.png) 15px 3px no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .qa-list dt{ background: url(./images/icon/icon-q@2x.png) 15px center no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } .qa-list dd{ background: url(./images/icon/icon-a@2x.png) 15px 3px no-repeat; -webkit-background-size: 48px 49px; background-size: 48px 49px; } } /*フロー図*/ .flow-chart{ margin-left: 0; } .flow-chart li{ list-style: none; margin-bottom: 20px; padding-bottom: 60px; background: url(./images/icon/icon-arrow-b-chart.png) center bottom no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .flow-chart li{ background: url(./images/icon/icon-arrow-b-chart@2x.png) center bottom no-repeat; -webkit-background-size: 161px 40px; background-size: 161px 40px; } } .flow-chart li.end, .flow-chart li:last-child{ padding-bottom: 0; background: none; } .flow-chart .process-box{ padding: 30px; background-color: #a3a3a3; color: #fff; } /*予告エリア*/ .info-box{ padding: 30px 20px; } .trailer-text { position: relative; padding: 1em 1.5em 1em 1em; background-color: #f6f6f6; font-weight: bold; font-size: 1.25em; } .trailer-text::after { position: absolute; top: 0; right: 0; content: ''; width: 0; border-width: 0 24px 24px 0; border-style: solid; border-color: #fff #fff #ddd #ddd; box-shadow: -1px 1px 3px rgba(0, 0, 0, .1); } .trailer-text-l{ border-bottom:4px solid #359e89; background:url(./images/icon/icon-trailer-lx.png) no-repeat right bottom; padding:0.5em 2em 0.5em 1em; font-weight: bold; font-size: 1.5em; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .trailer-text-l{ background:url(./images/icon/icon-trailer-lx@2x.png) no-repeat right bottom; -webkit-background-size: 40px 24px; background-size: 40px 24px; } } /*関連記事*/ .related-thumb{ overflow: hidden; width: 100%; } .related-thumb img{ max-width: none; } .related-articles-thumbs01 ul{ margin-left: 0; } .related-articles-thumbs01 li{ list-style: none; } .related-articles-thumbs01 img{ width: auto; max-height: 100px; } .related-articles-thumbs01 .related-thumb{ float: left; width: 100px; margin-right: 20px; margin-bottom: 20px; } .related-articles-thumbs02 ul{ overflow: hidden; margin-left: 0; } .related-articles-thumbs02 li{ list-style: none; float: left; width: 30%; margin-left: 5%; } .related-articles-thumbs02 li:first-child{ margin-left: 0; } .related-articles-thumbs02 img{ width: auto; max-height: 160px; } /*目次*/ #keni_toc{ display: block; width: 80%; margin: auto; margin-bottom: 3em; padding: 25px; border: 2px solid #ccc; font-size: 0.875em; } .keni-toc-title{ font-size: 1.286em; } #keni_toc ol{ margin-top: 0; margin-bottom: 0; margin-left: 25px; } #keni_toc ol ol{ margin-top: 0.5em; } #keni_toc ol ol li{ list-style-type: circle; } /*お客様の声*/ .voice-box{ padding: 30px 20px; } .voice-headshot img{ border-radius: 50%; } .voice-content{ overflow: hidden; padding:1em; border:1px solid #ccc; border-radius: 8px; } /*画像とテキストの組み合わせ*/ .col-onimage > .col{ position: relative; overflow: hidden; } .col-onimage > .col .text-onimage{ position: absolute; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 10px; background-color: rgba(0,0,0,0.5); background-color: #0000009; /*IE8への対応*/ color: #fff; } html:not(:target) .col-onimage > .col .text-onimage{ background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/ } .col-onimage02 > .col{ background-position: center center; background-size: cover; } .col-onimage02 > .col .text-onimage{ -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 20px; background-color: rgba(0,0,0,0.5); background-color: #0000009; /*IE8への対応*/ color: #fff; } html:not(:target) .col-onimage02 > .col .text-onimage{ background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/ } .col-onimage > .col .text-onimage a, .col-onimage02 > .col a{ color: #fff; } .col-onimage > .col .text-onimage a:hover, .col-onimage > .col .text-onimage a:active, .col-onimage > .col .text-onimage a:focus, .col-onimage02 > .col a:hover, .col-onimage02 > .col a:active, .col-onimage02 > .col a:focus{ /* color: #f60; */ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ } /*ページ送り*/ .link-next{ text-align: right; } .blog .article-body .link-next, .archive .article-body .link-next, .search .article-body .link-next{ margin-bottom: 0; } .link-next a{ padding-left: 13px; background: url(./images/icon/icon-arw-next.png) left 6px no-repeat; } .link-back a{ padding-left: 13px; background: url(./images/icon/icon-arw-prev.png) left 6px no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .link-next a{ background: url(./images/icon/icon-arw-next@2x.png) left 6px no-repeat; -webkit-background-size: 7px 10px; background-size: 7px 10px; } .link-back a{ background: url(./images/icon/icon-arw-prev@2x.png) left 6px no-repeat; -webkit-background-size: 7px 10px; background-size: 7px 10px; } } .page-nav ol{ margin-left: 0; text-align: center; } .page-nav li{ display: inline-block; margin-right: 10px; padding: 4px 8px; border: 1px solid #c1c1c1; } .page-nav li:last-child{ margin-right: 0; } .page-nav li a{ display: block; margin: -4px -8px; padding: 4px 8px; color: #333; text-decoration: none; } .current, .page-nav li a:hover, .page-nav li a:active, .page-nav li a:focus{ background: #16A085; color: #fff; } .page-nav-bf ul{ margin-left: 0; } .page-nav-bf li{ list-style: none; } .page-nav-next{ float: right; padding-right: 13px; background: url(./images/icon/icon-arw-next.png) right center no-repeat; } .page-nav-prev{ float: left; padding-left: 13px; background: url(./images/icon/icon-arw-prev.png) left center no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .page-nav-next{ background: url(./images/icon/icon-arw-next@2x.png) right center no-repeat; -webkit-background-size: 7px 10px; background-size: 7px 10px; } .page-nav-prev{ background: url(./images/icon/icon-arw-prev@2x.png) left center no-repeat; -webkit-background-size: 7px 10px; background-size: 7px 10px; } } /*-------------------------------------------------------- WordPress用のスタイル --------------------------------------------------------*/ .single .article-body, .page .article-body{ margin-bottom: 40px; } /*関連記事*/ .keni-relatedposts-list li p{ overflow: hidden; } .keni-relatedposts-list li p a[target="_blank"]{ padding: 3px; padding-right: 15px; background: url(./images/icon/icon-outbound-link.png) right center no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .keni-relatedposts-list li p a[target="_blank"]{ background: url(./images/icon/icon-outbound-link@2x.png) right center no-repeat; -webkit-background-size: 12px 13px; background-size: 12px 13px; } } .cont-nav{ padding-top: 40px; border-top: 1px solid #ccc; } /*目次*/ .post-toc{ border-top:solid 1px #dadada; border-bottom:solid 1px #dadada; margin:40px 0; padding: 30px 20px; } /*コメント*/ .comment-form-author, .comment-form-mail, .comment-form-url{ margin-bottom: 2em; } .comment-form-author p, .comment-form-mail p, .comment-form-url p{ margin-bottom: 0; } .alignleft{ float: left; margin: 0 1em 1em 0; } .alignright{ float: right; margin: 0 0 1em 1em; } .aligncenter{ display: block; float: none; margin-right: auto; margin-bottom: 1em; margin-left: auto; } .post-tag a{ word-break: break-all; } /*コメント一覧*/ .commentlist, .commentlist .children{ margin-left: 0; } .commentlist{ border-bottom: 1px solid #ccc; } .commentlist li{ list-style: none; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #ccc; } .commentlist li:last-child, .commentlist ul li:last-child{ padding-bottom: 0; border-bottom: 0; } .reply a{ padding-left: 13px; background: url(./images/icon/icon-arw-next.png) left 6px no-repeat; } .commentlist .children{ margin-top: 1em; padding-top: 1em; padding-left: 40px; border-top: 1px solid #ccc; } /*ウィジェット*/ .rsswidget img{ vertical-align: baseline; } .sub-conts .widget_recent_entries ul, .sub-conts .widget_rss ul, .sub-conts .widget_archive ul, .sub-conts .widget_recent_comments ul, .sub-conts .widget_nav_menu ul{ margin-left: 0; padding-left: 0; } .sub-conts .widget_recent_entries li, .sub-conts .widget_rss li, .sub-conts .widget_archive li, .sub-conts .widget_recent_comments li, .sub-conts .widget_nav_menu li{ list-style: none; margin-bottom: 1em; padding-left: 13px; background: url(./images/icon/icon-list-arw.png) left 6px no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .sub-conts .widget_recent_entries li, .sub-conts .widget_rss li, .sub-conts .widget_archive li, .sub-conts .widget_recent_comments li, .sub-conts .widget_nav_menu li{ background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat; -webkit-background-size: 7px 10px; background-size: 7px 10px; } } .sub-conts .widget_recent_entries ul ul, .sub-conts .widget_rss ul ul, .sub-conts .widget_archive ul ul, .sub-conts .widget_recent_comments ul ul, .sub-conts .widget_nav_menu ul ul{ margin-top: 1em; margin-left: 10px; } .num-pv{ font-size: 0.8em; } /*カレンダー*/ .calendar, .calendar_wrap table{ background: #fff; font-size: 0.875em; } .calendar caption, .widget_calendar caption{ font-weight: bold; } .calendar th, .calendar td, .widget_calendar th, .widget_calendar td{ padding: 10px 0; text-align: center; } .calendar tfoot td, .widget_calendar tfoot td{ padding: 10px; border-right-width: 0; text-align: left; } .calendar tfoot td:last-child, .widget_calendar tfoot td:last-child{ border-right-width: 1px; text-align: right; } .calendar td a, .widget_calendar tfoot td a{ display: block; margin: -10px 0; padding: 10px 0; } /*ページ分割*/ .link-pages{ margin-top: 2em; text-align: center; line-height: 1.2; } .link-pages span{ display: inline-block; margin-left: 0; } .link-pages a, .link-pages span{ display: inline-block; margin-right: 10px; margin-bottom: 0.5em; padding: 4px 8px; border: 1px solid #c1c1c1; text-decoration: none; } .link-pages span, .link-pages a:hover, .link-pages a:active, .link-pages a:focus{ background: #c1c1c1; color: #fff; } .link-pages a span{ display: inline; margin-right: 0; padding: 0; border: 0; background: transparent; color: inherit; } .link-pages .link-pages-cap{ display: inline-block; margin-right: 10px; padding: 0; border: 0; background: transparent; color: inherit; } /*キャプション*/ .wp-caption{ max-width: 100%; } /*ギャラリー*/ .gallery, .gallery-item{ -webkit-box-sizing: border-box; box-sizing: border-box; } .gallery{ margin-bottom: 1em; } .gallery-item{ display: inline-block; width: 100%; vertical-align: top; text-align: center; } .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item{ margin: 1%; } .gallery-columns-2 .gallery-item{ max-width: 48%; } .gallery-columns-3 .gallery-item{ max-width: 31.3%; } .gallery-columns-4 .gallery-item{ max-width: 23%; } .gallery-columns-5 .gallery-item{ max-width: 18%; } .gallery-columns-6 .gallery-item{ max-width: 14.6%; } .gallery-columns-7 .gallery-item{ max-width: 12.2%; } .gallery-columns-8 .gallery-item{ max-width: 10.5%; } .gallery-columns-9 .gallery-item{ max-width: 9.1%; } .gallery-icon img{ margin: 0 auto; } .gallery-caption{ display: block; font-size: 0.875em; } /*-------------------------------------------------------- デザイン調整用のスタイル --------------------------------------------------------*/ /*注記*/ .note{ display: block; padding-left: 1em; text-indent: -1em; } .note2{ display: block; padding-left: 2em; text-indent: -2em; } /*必須項目・警告・エラーの文字色*/ .warning, .error{ color: #e53935!important; } .required{ display: inline-block; color: #e53935!important; } /*傍点*/ .dot{ position: relative; padding-top: 5px; } .dot:before{ position: absolute; top: 0; left: 50%; width: 0.2em; height: 0.2em; margin-left: -.1em; background: #333; border-radius: 50%; content: ""; } /*装飾 ※IE8等古いブラウザを除く*/ .shadow{ box-shadow: 4px 4px 0px #e9e9e9; } .shadow02{ box-shadow: 0px 0px 4px #666; } .outline{ -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; } .frame{ -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 95%; padding: 8px; background: #fff; box-shadow: 0px 0px 8px #dadada; } .border{ border: 1px solid #ccc; } /*画像のサイズ調整*/ img.resize10, html:not(:target) img.resize10{ height: auto; max-width: 10%; } img.resize20, html:not(:target) img.resize20{ height: auto; max-width: 20%; } img.resize30, html:not(:target) img.resize30{ height: auto; max-width: 30%; } img.resize40, html:not(:target) img.resize40{ height: auto; max-width: 40%; } img.resize50, html:not(:target) img.resize50{ height: auto; max-width: 50%; } img.resize60, html:not(:target) img.resize60{ height: auto; max-width: 60%; } img.resize70, html:not(:target) img.resize70{ height: auto; max-width: 70%; } img.resize80, html:not(:target) img.resize80{ height: auto; max-width: 80%; } img.resize90, html:not(:target) img.resize90{ height: auto; max-width: 90%; } /*円 ※IE8等古いブラウザを除く*/ .circle{ border-radius: 50%; } /*角丸 ※IE8等古いブラウザを除く*/ .rc4{ border-radius: 4px; } .rc4-tl{ border-top-left-radius: 4px; } .rc4-tr{ border-top-right-radius: 4px; } .rc4-bl{ border-bottom-left-radius: 4px; } .rc4-br{ border-bottom-right-radius: 4px; } .rc8{ border-radius: 8px; } .rc8-tl{ border-top-left-radius: 8px; } .rc8-tr{ border-top-right-radius: 8px; } .rc8-bl{ border-bottom-left-radius: 8px; } .rc8-br{ border-bottom-right-radius: 8px; } .rc12{ border-radius: 12px; } .rc12-tl{ border-top-left-radius: 12px; } .rc12-tr{ border-top-right-radius: 12px; } .rc12-bl{ border-bottom-left-radius: 12px; } .rc12-br{ border-bottom-right-radius: 12px; } /*角丸長方形 ※IE8等古いブラウザを除く ※高さ100pxまで*/ .rc50{ border-radius: 50px; } /*透明パネル ※IE8等古いブラウザを除く*/ .transparent-panel-wrap{ padding: 1em; background: url(./images/sample09.jpg) center center; -webkit-background-size: cover; background-size: cover; } .transparent-panel{ padding: 1em; background-color: rgba(255,255,255,0.7); background-color: #ffffff9; /*IE8への対応*/ } html:not(:target) .transparent-panel{ background-color: rgba(255,255,255,0.7); /*IE9以上への対応*/ } /*回り込み ※モバイル時にも解除されない*/ .fl-l{ float: left; margin: 0 1em 1em 0; } .fl-r{ float: right; margin: 0 0 1em 1em; } .fl-c{ clear: both; } /*回り込み ※モバイル時には回り込み解除*/ .left{ float: left; margin: 0 1em 1em 0; } .right{ float: right; margin: 0 0 1em 1em; } /*文字の横位置*/ .al-l{ text-align: left; } .al-r{ text-align: right; } .al-c{ text-align: center; } /*文字の縦位置*/ .vl-t{ vertical-align: top!important; }/*上寄せ*/ .vl-m{ vertical-align: middle!important; }/*中央寄せ*/ .vl-b{ vertical-align: bottom!important; }/*下寄せ*/ /*周りのブロックからの距離(margin)*/ .m0{ margin: 0!important; }/*周りからのmarginを0に*/ .m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/ .m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/ .m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/ .m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/ .m5{ margin: 5px!important; } .m5-t{ margin-top: 5px!important; } .m5-r{ margin-right: 5px!important; } .m5-b{ margin-bottom: 5px!important; } .m5-l{ margin-left: 5px!important; } .m10{ margin: 10px!important; } .m10-t{ margin-top: 10px!important; } .m10-r{ margin-right: 10px!important; } .m10-b{ margin-bottom: 10px!important; } .m10-l{ margin-left: 10px!important; } .m15{ margin: 15px!important; } .m15-t{ margin-top: 15px!important; } .m15-r{ margin-right: 15px!important; } .m15-b{ margin-bottom: 15px!important; } .m15-l{ margin-left: 15px!important; } .m20{ margin: 20px!important; } .m20-t{ margin-top: 20px!important; } .m20-r{ margin-right: 20px!important; } .m20-b{ margin-bottom: 20px!important; } .m20-l{ margin-left: 20px!important; } .m25{ margin: 25px!important; } .m25-t{ margin-top: 25px!important; } .m25-r{ margin-right: 25px!important; } .m25-b{ margin-bottom: 25px!important; } .m25-l{ margin-left: 25px!important; } .m30{ margin: 30px!important; } .m30-t{ margin-top: 30px!important; } .m30-r{ margin-right: 30px!important; } .m30-b{ margin-bottom: 30px!important; } .m30-l{ margin-left: 30px!important; } .m40{ margin: 40px!important; } .m40-t{ margin-top: 40px!important; } .m40-r{ margin-right: 40px!important; } .m40-b{ margin-bottom: 40px!important; } .m40-l{ margin-left: 40px!important; } .m50{ margin: 50px!important; } .m50-t{ margin-top: 50px!important; } .m50-r{ margin-right: 50px!important; } .m50-b{ margin-bottom: 50px!important; } .m50-l{ margin-left: 50px!important; } .m60{ margin: 60px!important; } .m60-t{ margin-top: 60px!important; } .m60-r{ margin-right: 60px!important; } .m60-b{ margin-bottom: 60px!important; } .m60-l{ margin-left: 60px!important; } .m70{ margin: 70px!important; } .m70-t{ margin-top: 70px!important; } .m70-r{ margin-right: 70px!important; } .m70-b{ margin-bottom: 70px!important; } .m70-l{ margin-left: 70px!important; } .m80{ margin: 80px!important; } .m80-t{ margin-top: 80px!important; } .m80-r{ margin-right: 80px!important; } .m80-b{ margin-bottom: 80px!important; } .m80-l{ margin-left: 80px!important; } .m90{ margin: 90px!important; } .m90-t{ margin-top: 90px!important; } .m90-r{ margin-right: 90px!important; } .m90-b{ margin-bottom: 90px!important; } .m90-l{ margin-left: 90px!important; } .m100{ margin: 100px!important; } .m100-t{ margin-top: 100px!important; } .m100-r{ margin-right: 100px!important; } .m100-b{ margin-bottom: 100px!important; } .m100-l{ margin-left: 100px!important; } .m120{ margin: 120px!important; } .m120-t{ margin-top: 120px!important; } .m120-r{ margin-right: 120px!important; } .m120-b{ margin-bottom: 120px!important; } .m120-l{ margin-left: 120px!important; } .m150{ margin: 150px!important; } .m150-t{ margin-top: 150px!important; } .m150-r{ margin-right: 150px!important; } .m150-b{ margin-bottom: 150px!important; } .m150-l{ margin-left: 150px!important; } .m200{ margin: 200px!important; } .m200-t{ margin-top: 200px!important; } .m200-r{ margin-right: 200px!important; } .m200-b{ margin-bottom: 200px!important; } .m200-l{ margin-left: 200px!important; } .m300{ margin: 300px!important; } .m300-t{ margin-top: 300px!important; } .m300-r{ margin-right: 300px!important; } .m300-b{ margin-bottom: 300px!important; } .m300-l{ margin-left: 300px!important; } /*周りのブロックからの距離(padding)*/ .p0{ padding: 0!important; } .p0-t{ padding-top: 0!important; } .p0-r{ padding-right: 0!important; } .p0-b{ padding-bottom: 0!important; } .p0-l{ padding-left: 0!important; } .p5{ padding: 5px!important; } .p5-t{ padding-top: 5px!important; } .p5-r{ padding-right: 5px!important; } .p5-b{ padding-bottom: 5px!important; } .p5-l{ padding-left: 5px!important; } .p10{ padding: 10px!important; } .p10-t{ padding-top: 10px!important; } .p10-r{ padding-right: 10px!important; } .p10-b{ padding-bottom: 10px!important; } .p10-l{ padding-left: 10px!important; } .p15{ padding: 15px!important; } .p15-t{ padding-top: 15px!important; } .p15-r{ padding-right: 15px!important; } .p15-b{ padding-bottom: 15px!important; } .p15-l{ padding-left: 15px!important; } .p20{ padding: 20px!important; } .p20-t{ padding-top: 20px!important; } .p20-r{ padding-right: 20px!important; } .p20-b{ padding-bottom: 20px!important; } .p20-l{ padding-left: 20px!important; } .p25{ padding: 25px!important; } .p25-t{ padding-top: 25px!important; } .p25-r{ padding-right: 25px!important; } .p25-b{ padding-bottom: 25px!important; } .p25-l{ padding-left: 25px!important; } .p30{ padding: 30px!important; } .p30-t{ padding-top: 30px!important; } .p30-r{ padding-right: 30px!important; } .p30-b{ padding-bottom: 30px!important; } .p30-l{ padding-left: 30px!important; } .p40{ padding: 40px!important; } .p40-t{ padding-top: 40px!important; } .p40-r{ padding-right: 40px!important; } .p40-b{ padding-bottom: 40px!important; } .p40-l{ padding-left: 40px!important; } .p50{ padding: 50px!important; } .p50-t{ padding-top: 50px!important; } .p50-r{ padding-right: 50px!important; } .p50-b{ padding-bottom: 50px!important; } .p50-l{ padding-left: 50px!important; } .p60{ padding: 60px!important; } .p60-t{ padding-top: 60px!important; } .p60-r{ padding-right: 60px!important; } .p60-b{ padding-bottom: 60px!important; } .p60-l{ padding-left: 60px!important; } .p70{ padding: 70px!important; } .p70-t{ padding-top: 70px!important; } .p70-r{ padding-right: 70px!important; } .p70-b{ padding-bottom: 70px!important; } .p70-l{ padding-left: 70px!important; } .p80{ padding: 80px!important; } .p80-t{ padding-top: 80px!important; } .p80-r{ padding-right: 80px!important; } .p80-b{ padding-bottom: 80px!important; } .p80-l{ padding-left: 80px!important; } .p90{ padding: 90px!important; } .p90-t{ padding-top: 90px!important; } .p90-r{ padding-right: 90px!important; } .p90-b{ padding-bottom: 90px!important; } .p90-l{ padding-left: 90px!important; } .p100{ padding: 100px!important; } .p100-t{ padding-top: 100px!important; } .p100-r{ padding-right: 100px!important; } .p100-b{ padding-bottom: 100px!important; } .p100-l{ padding-left: 100px!important; } /*フォントの装飾*/ .b{ font-weight: bold!important; }/*太字*/ .normal{ font-weight: normal!important; }/*太字を解除*/ /*フォントサイズの設定*/ .big{ font-size: 1.2em!important; } .big2{ font-size: 1.5em!important; } .big3{ font-size: 1.8em!important; } .small{ font-size: 0.8em!important; } .f08em{ font-size: 0.8em; } .f09em{ font-size: 0.9em; } .f10em{ font-size: 1.0em; } .f11em{ font-size: 1.1em; } .f12em{ font-size: 1.2em; } .f13em{ font-size: 1.3em; } .f14em{ font-size: 1.4em; } .f15em{ font-size: 1.5em; } .f16em{ font-size: 1.6em; } .f17em{ font-size: 1.7em; } .f18em{ font-size: 1.8em; } .f19em{ font-size: 1.9em; } .f20em{ font-size: 2.0em; } .f21em{ font-size: 2.1em; } .f22em{ font-size: 2.2em; } .f23em{ font-size: 2.3em; } .f24em{ font-size: 2.4em; } .f25em{ font-size: 2.5em; } .f26em{ font-size: 2.6em; } .f27em{ font-size: 2.7em; } .f28em{ font-size: 2.8em; } .f29em{ font-size: 2.9em; } .f30em{ font-size: 3.0em; } .f8pt{ font-size: 8.5pt; } .f9pt{ font-size: 9.0pt; } .f10pt{ font-size: 10pt; } .f11pt{ font-size: 11pt; } .f12pt{ font-size: 12pt; } .f13pt{ font-size: 13pt; } .f14pt{ font-size: 14pt; } .f15pt{ font-size: 15pt; } .f16pt{ font-size: 16pt; } .f17pt{ font-size: 17pt; } .f18pt{ font-size: 18pt; } .f19pt{ font-size: 19pt; } .f20pt{ font-size: 20pt; } .f21pt{ font-size: 21pt; } .f22pt{ font-size: 22pt; } .f23pt{ font-size: 23pt; } .f24pt{ font-size: 24pt; } /*フォントの色設定*/ .red{ color: #e53935!important; }/*赤*/ .blue{ color: #0000dd!important; }/*青*/ .green{ color: #4caf50!important; }/*緑*/ .yellow{ color: #ffff00!important; }/*黄*/ .navy{ color: #3f51b5!important; }/*紺*/ .orange{ color: #ff9800!important; }/*橙*/ .pink{ color: #ec407a!important; }/*ピンク*/ .purple{ color: #9c27b0!important; }/*紫*/ .olive{ color: #808000!important; }/*オリーブ*/ .lime{ color: #00ff00!important; }/*黄緑*/ .aqua{ color: #00bcd4!important; }/*水色*/ .black{ color: #000!important; }/*黒*/ .gray{ color: #ccc!important; }/*灰*/ .white{ color: #fff!important; }/*白*/ .brown{ color: #6d4c33!important; }/*茶*/ /*マーカー表示(背景に着色)*/ .box-yellow, .box-orange, .box-pink, .box-lime, .box-gray{ padding: 2px; } .box-yellow{ background-color: #ff6; }/*黄*/ .box-orange{ background-color: #f90; }/*橙*/ .box-pink{ background-color: #ffccff; }/*ピンク*/ .box-lime{ background-color: #9f9; }/*黄緑*/ .box-gray{ background-color: #ccc; }/*灰*/ /*行間の設定*/ .lh10{ line-height: 1.0!important; } .lh11{ line-height: 1.1!important; } .lh12{ line-height: 1.2!important; } .lh13{ line-height: 1.3!important; } .lh14{ line-height: 1.4!important; } .lh15{ line-height: 1.5!important; } .lh16{ line-height: 1.6!important; } .lh17{ line-height: 1.7!important; } .lh18{ line-height: 1.8!important; } .lh19{ line-height: 1.9!important; } .lh20{ line-height: 2.0!important; } /*横幅を指定*/ .w05{ width: 5%; } .w10{ width: 10%; } .w15{ width: 15%; } .w20{ width: 20%; } .w25{ width: 25%; } .w30{ width: 30%; } .w35{ width: 35%; } .w40{ width: 40%; } .w45{ width: 45%; } .w50{ width: 50%; } .w55{ width: 55%; } .w60{ width: 60%; } .w65{ width: 65%; } .w70{ width: 70%; } .w75{ width: 75%; } .w80{ width: 80%; } .w85{ width: 85%; } .w90{ width: 90%; } .w95{ width: 95%; } .w100{ width: 100%; } /*下線や取消線の設定*/ .underline{ text-decoration: underline!important; } .del{ text-decoration: line-through; } .noborder{ border: 0!important; }/*枠線を無くす*/ /*重なりの優先度*/ .z1{ z-index: 1!important; } .z2{ z-index: 2!important; } .z3{ z-index: 3!important; } .z4{ z-index: 4!important; } .z5{ z-index: 5!important; } .z10{ z-index: 10!important; } .z20{ z-index: 20!important; } .z30{ z-index: 30!important; } .z40{ z-index: 40!important; } .z50{ z-index: 50!important; } /*横並びリスト*/ .inline{ margin: 1em 0; padding: 0; } .inline li{ display: inline; list-style-type: none; } /*マーカー無しのリスト*/ .none{ margin: 1em 0; padding: 0; } .none li{ list-style-type: none; } /*------------------------------------------------------------ 文字列の前にアイコン -------------------------------------------------------------*/ /*ポイントアイコンアイコン*/ .icon-point{ padding: 0 0 0 30px; background: url(./images/icon/icon-point.png) left 3px no-repeat; } .icon-point-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-point-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-point{ background: url(./images/icon/icon-point@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-point-l{ background: url(./images/icon/icon-point-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*注意アイコン*/ .icon-caution{ padding: 0 0 0 30px; background: url(./images/icon/icon-caution.png) left 3px no-repeat; } .icon-caution-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-caution-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-caution{ background: url(./images/icon/icon-caution@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-caution-l{ background: url(./images/icon/icon-caution-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*NEWアイコン*/ .icon-new{ padding: 0 0 0 30px; background: url(./images/icon/icon-new.png) left 3px no-repeat; } .icon-new-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-new-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-new{ background: url(./images/icon/icon-new@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-new-l{ background: url(./images/icon/icon-new-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*初心者アイコン*/ .icon-wakaba{ padding: 0 0 0 30px; background: url(./images/icon/icon-wakaba.png) left 3px no-repeat; } .icon-wakaba-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-wakaba-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-wakaba{ background: url(./images/icon/icon-wakaba@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-wakaba-l{ background: url(./images/icon/icon-wakaba-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*別ウインドウアイコン*/ .icon-blank{ padding: 0 0 0 30px; background: url(./images/icon/icon-blank.png) left 3px no-repeat; } .icon-blank-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-blank-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-blank{ background: url(./images/icon/icon-blank@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-blank-l{ background: url(./images/icon/icon-blank-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*矢印上アイコン*/ .icon-arrow-t{ padding: 0 0 0 30px; background: url(./images/icon/icon-arrow-t.png) left 3px no-repeat; } .icon-arrow-t-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-arrow-t-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-arrow-t{ background: url(./images/icon/icon-arrow-t@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-arrow-t-l{ background: url(./images/icon/icon-arrow-t-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*矢印右アイコン*/ .icon-arrow-r{ padding: 0 0 0 30px; background: url(./images/icon/icon-arrow-r.png) left 3px no-repeat; } .icon-arrow-r-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-arrow-r-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-arrow-r{ background: url(./images/icon/icon-arrow-r@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-arrow-r-l{ background: url(./images/icon/icon-arrow-r-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*矢印下アイコン*/ .icon-arrow-b{ padding: 0 0 0 30px; background: url(./images/icon/icon-arrow-b.png) left 3px no-repeat; } .icon-arrow-b-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-arrow-b-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-arrow-b{ background: url(./images/icon/icon-arrow-b@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-arrow-b-l{ background: url(./images/icon/icon-arrow-b-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*矢印左アイコン*/ .icon-arrow-l{ padding: 0 0 0 30px; background: url(./images/icon/icon-arrow-l.png) left 3px no-repeat; } .icon-arrow-l-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-arrow-l-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-arrow-l{ background: url(./images/icon/icon-arrow-l@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-arrow-l-l{ background: url(./images/icon/icon-arrow-l-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*ダウンロード用PDアイコン*/ .icon-dl{ padding: 0 0 0 30px; background: url(./images/icon/icon-dl.png) left 3px no-repeat; } .icon-dl-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-dl-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-dl{ background: url(./images/icon/icon-dl@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-dl-l{ background: url(./images/icon/icon-dl-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*PDFアイコン*/ .icon-pdf{ padding: 0 0 0 30px; background: url(./images/icon/icon-pdf.png) left 3px no-repeat; } .icon-pdf-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-pdf-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-pdf{ background: url(./images/icon/icon-pdf@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-pdf-l{ background: url(./images/icon/icon-pdf-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*Zipアイコン*/ .icon-zip{ padding: 0 0 0 30px; background: url(./images/icon/icon-zip.png) left 3px no-repeat; } .icon-zip-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-zip-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-zip{ background: url(./images/icon/icon-zip@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-zip-l{ background: url(./images/icon/icon-zip-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*メールアイコン*/ .icon-mail{ padding: 0 0 0 30px; background: url(./images/icon/icon-mail.png) left 3px no-repeat; } .icon-mail-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-mail-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-mail{ background: url(./images/icon/icon-mail@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-mail-l{ background: url(./images/icon/icon-mail-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*ショッピングカートアイコン*/ .icon-cart{ padding: 0 0 0 30px; background: url(./images/icon/icon-cart.png) left 3px no-repeat; } .icon-cart-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-cart-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-cart{ background: url(./images/icon/icon-cart@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-cart-l{ background: url(./images/icon/icon-cart-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*虫めがねアイコン*/ .icon-search{ padding: 0 0 0 30px; background: url(./images/icon/icon-search.png) left 3px no-repeat; } .icon-search-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-search-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-search{ background: url(./images/icon/icon-search@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-search-l{ background: url(./images/icon/icon-search-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*ホームアイコン*/ .icon-home{ padding: 0 0 0 30px; background: url(./images/icon/icon-home.png) left 3px no-repeat; } .icon-home-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-home-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-home{ background: url(./images/icon/icon-home@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-home-l{ background: url(./images/icon/icon-home-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*フォルダアイコン*/ .icon-folder{ padding: 0 0 0 30px; background: url(./images/icon/icon-folder.png) left 3px no-repeat; } .icon-folder-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-folder-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-folder{ background: url(./images/icon/icon-folder@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-folder-l{ background: url(./images/icon/icon-folder-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*時計アイコン*/ .icon-time{ padding: 0 0 0 30px; background: url(./images/icon/icon-time.png) left 3px no-repeat; } .icon-time-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-time-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-time{ background: url(./images/icon/icon-time@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-time-l{ background: url(./images/icon/icon-time-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*カレンダーアイコン*/ .icon-calendar{ padding: 0 0 0 30px; background: url(./images/icon/icon-calendar.png) left 3px no-repeat; } .icon-calendar-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-calendar-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-calendar{ background: url(./images/icon/icon-calendar@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-calendar-l{ background: url(./images/icon/icon-calendar-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*RSSアイコン*/ .icon-rss{ padding: 0 0 0 30px; background: url(./images/icon/icon-rss.png) left 3px no-repeat; } .icon-rss-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-rss-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-rss{ background: url(./images/icon/icon-rss@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-rss-l{ background: url(./images/icon/icon-rss-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*ビルアイコン*/ .icon-building{ padding: 0 0 0 30px; background: url(./images/icon/icon-building.png) left 3px no-repeat; } .icon-building-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-building-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-building{ background: url(./images/icon/icon-building@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-building-l{ background: url(./images/icon/icon-building-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } /*マップアイコン*/ .icon-map{ padding: 0 0 0 30px; background: url(./images/icon/icon-map.png) left 3px no-repeat; } .icon-map-l{ padding: 10px 0 10px 60px; background: url(./images/icon/icon-map-l.png) left top no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .icon-map{ background: url(./images/icon/icon-map@2x.png) left 3px no-repeat; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .icon-map-l{ background: url(./images/icon/icon-map-l@2x.png) left top no-repeat; -webkit-background-size: 48px 48px; background-size: 48px 48px; } } .outbound{ padding: 3px; padding-left: 15px; background: url(./images/icon/icon-outbound-link.png) left center no-repeat; } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .outbound{ background: url(./images/icon/icon-outbound-link@2x.png) left center no-repeat; -webkit-background-size: 12px 13px; background-size: 12px 13px; } } /*-------------------------------------------------------- floatの回り込みを解除 --------------------------------------------------------*/ .site-header-conts:after, .main-body-in:after, .article-body:after, .section-in:after, .col4-wrap:after, .col3-wrap:after, .col2-wrap:after, .news-item:after, .related-articles-thumbs01 li:after, .btn-area:after, .page-nav-bf:after, .global-nav-in li ul:after, .banner-list:after, .main-conts dl.cast:after, .clearfix:after{ content: ''; display: block; clear: both; height: 0; } /*--------------------------------------------------------------------- generated by Keni Template Maker Ver.7.0 on 2016-11-18 16:41:48 ----------------------------------------------------------------------*/ @charset "UTF-8"; /*-------------------------------------------------------- 解像度1200px以下 --------------------------------------------------------*/ @media only screen and (max-width : 1200px){ .site-header-in, .global-nav-in, .main-body-in, .site-footer-in{ width: 96%; margin: auto; } .main-image-in, .main-image-in-text, .main-image-in-text .main-image-in-text-cont, .main-image-in-text.wide .main-image-in-text-cont{ width: 100%; } .col1 .section-wrap, .col1 .breadcrumbs, .col1 .section-wrap.wide .section-in, .col1 .section-wrap.wide{ width: auto; } .col1 .breadcrumbs-in, .col1 .float-area{ width: 96%; margin-right: auto; margin-left: auto; } /*吹き出し*/ .bubble{ width: 70%; } .talker{ width: 25%; } .bubble .bubble-in:after, .bubble .bubble-in:before{ top: 30px; } .together .bubble, .together .talker{ width: 100%; } .together .talker b{ max-width: 25%; } .ranking-list04 .rank-box, .ranking-list05 .rank-box, .post-list01 .post-box, .post-list02 .post-box{ width: 100%; } .col1 .ranking-list05 .rank-box, .col1 .post-list02 .post-box{ width: 320px; } }/*解像度1200px以下*/ /*-------------------------------------------------------- 解像度737px以上950px以下 --------------------------------------------------------*/ @media (min-width: 737px) and (max-width: 950px){ /*ランキング*/ .col2 .sub-conts .ranking-list03 .rank-thumb, .col2r .sub-conts .ranking-list03 .rank-thumb, .col2 .comparative-list01 .rank-thumb, .col2 .comparative-list02 .rank-thumb, .col2r .comparative-list01 .rank-thumb, .col2r .comparative-list02 .rank-thumb{ float: none; } .col2 .comparative-list01 .rank-thumb, .col2 .comparative-list02 .rank-thumb, .col2r .comparative-list01 .rank-thumb, .col2r .comparative-list02 .rank-thumb{ display: inline-block; } .col1 .ranking-list04 li, .col1 .ranking-list05 li, .col1 .post-list01 li, .col1 .post-list02 li{ display: block; margin-right: auto; margin-left: auto; } .col1 .ranking-list04 .rank-box, .col1 .ranking-list05 .rank-box, .col1 .post-list01 .post-box, .col1 .post-list02 .post-box{ width: 320px; } .col1 .banner-list li{ display: list-item; margin-left: 0; } }/*解像度737px以上950px以下*/ /*-------------------------------------------------------- 解像度736px以下 --------------------------------------------------------*/ @media only screen and (max-width : 736px){ html, body, .containr{ min-width: 0; } html{ overflow-x: hidden; overflow-y: scroll; } html,body{ width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } textarea,input{ max-width: 95%; } input[type="submit"],input[type="image"], input[type="reset"],input[type="button"], input[type="file"]{ max-width: none; } blockquote{ position: relative; margin: 2em 0; padding: 115px 20px 80px; background: #eee; } .site-header-in, .global-nav-in, .main-body-in, .site-footer-in{ width: 100%; } .col2 .main-conts, .col2 .sub-conts, .col2r .main-conts, .col2r .sub-conts{ float: none; width: auto; } /*ヘッダー*/ .site-header-conts, .site-title, .header-box{ display: block; } .header-box{ margin-top: 15px; } .site-header-conts{ padding-top: 50px; } .no-gn .site-header-conts{ padding-top: 0; } .site-header-conts{ padding-bottom: 10px; } .site-title{ padding: 15px 15px 0; font-size: 1.4em; } .normal-screen .site-title{ font-size: 2em; } .normal-screen .lp-catch{ padding: 15px 15px 0; font-size: 1em; } .header-box{ margin-left: 0; text-align: center; } .site-header-in{ position: relative; padding-bottom: 1em; } /* .home .main-image{ margin-bottom:4em; } */ /*グローバルナビ*/ .global-nav{ position: absolute; top: 0; width: 100%; margin: 0; border: 0; } .global-nav ul{ display: none; position: absolute; top: 50px; left: 10px; z-index: 50; width: 80%; border: 0; background: #eeeeee; } .global-nav-panel{ display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; background: #16A085; color: #fff; cursor: pointer; } .global-nav-in li{ display: list-item; width: auto; border-right: 0; border-bottom: 1px solid #ffffff; text-align: left; } .global-nav-in li ul{ position: static; width: auto; margin-left: 1em!important; border-bottom: 0; background:#eeeeee; } .global-nav-in li ul li{ width: 100%; border-right:0; border-bottom: 0; } .global-nav-in li a, .global-nav li ul li a{ display:block; padding: 1em; padding-right: 2em; border-right:0; background: url(./images/icon/icon-gn-arw.png) right center no-repeat #eeeeee; color: #16A085; } .global-nav-in li a:hover, .global-nav-in li a:active, .global-nav-in li a:focus, .global-nav-in li:hover > a{ background-color: #16A085; color: #FFFFFF; opacity:1; } .global-nav li ul li ul{ margin-left:1em; } .global-nav li ul li ul a{ } /*Retina(高解像度)ディスプレイ用*/ @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .global-nav-in li a, .global-nav li ul li a{ background: url(./images/icon/icon-gn-arw@2x.png) right center no-repeat #eeeeee; -webkit-background-size: 27px 18px; background-size: 27px 18px; } } .global-nav-in li ul li:hover > a{ background-color: #FFFFFF; } .section-wrap, .col1 .section-wrap.wide{ padding: 0; border: 0; } .col1 .section-wrap{ padding: 0; } .section-wrap .section-in, .col1 .section-wrap.wide .section-in, .float-area, .col1 .float-area{ padding: 15px; } .col1 .sub-conts .section-wrap .section-in{ padding: 0 20px 30px; } .section-wrap .section-in .section-title, .section-wrap .article-header .section-title{ margin: -15px -15px 0; padding: 15px; font-size: 1.75em; } .sub-conts .section-wrap .section-in .section-title, .sub-conts .section-wrap .article-header .section-title, .col1 .sub-conts .section-wrap .section-in .section-title, .col1 .sub-conts .section-wrap .article-header .section-title{ margin: 0 -20px 30px; padding: 10px 18px; } .main-body h1, .main-body h2, .main-body h3, .main-body h4, .main-body h5, .main-body h6{ margin: 35px 0 20px; } .main-body h1, .main-body h2{ font-size: 1.5em; } /*パンくずリスト*/ .breadcrumbs-in{ margin-bottom: 1em; padding: 0 1em; } .breadcrumbs-in li:last-child{ display: none; } .col1 .breadcrumbs-in{ width: auto; } /*フッターナビ*/ .site-footer-nav{ display: block; text-align: left; } .site-footer-nav li, .site-footer-nav li:first-child{ display: list-item; margin-left: 20px; } /*コピーライト*/ .copyright{ padding: 15px; text-align: left; } .page-top img{ width: 40px; } /*最新情報*/ .news .news-thumb{ float: none; text-align: center; } .main-body .news-title{ font-size: 1.25em; } /*テーブル(左端がth、右側がtdの場合にスマホ表示で立て並びに変化)*/ .table-block, .table-block thead, .table-block tbody, .table-block tfoot, .table-block tr, .table-block th, .table-block td{ display: block; } .table-block{ border-bottom: 1px solid #959595; } .table-block th, .table-block td{ float: left; width: 100%!important; -webkit-box-sizing: border-box; box-sizing: border-box; } .table-block:after{ content : ''; display : block; clear : both; height:0; } .table-scroll:before{ content: "※はみ出ている場合、横にスクロールできます。" } /*バナーエリア*/ .banner-list li{ text-align: center; } .banner-list li, .col1 .banner-list li, .main-conts .banner-list li{ display: list-item; margin-left: 0; } /*ボタン*/ .btn-area{ text-align: center; } .btn{ float: none; margin-right: 0; margin-left: 0; } .btn-area .btn { display: block; margin-right: auto; margin-left: auto; } .btn-green, .btn-blue, .btn-orange, .btn-red{ padding: 25px; } .btn-form01{ padding: 25px 40px; } .btn-form02{ padding: 25px 20px; } .btn-mail{ padding: 12px; } /*ソーシャルボタン*/ .sns-list li{ margin-right: 1em; margin-left: 0; } /*登場人物紹介2*/ .col1 .cast-box02 .cast{ min-height: 0; } .col1 .cast-box02 .cast-name, .col1 .cast-box02 .cast-profile{ padding-left: 0; } .col1 .cast-box02 .cast .cast-headshot{ width: 100%; } /*ランキング*/ .rank-thumb{ float: none; } .ranking-list04 .rank-box, .ranking-list05 .rank-box, .post-list01 .post-box, .post-list02 .post-box{ width: 320px; } .sub-conts .ranking-list03 .rank-thumb, .col2 .sub-conts .ranking-list03 .rank-thumb, .col2r .sub-conts .ranking-list03 .rank-thumb{ float: left; } .col1 .ranking-list04 li, .col1 .ranking-list05 li, .col1 .post-list01 li, .col1 .post-list02 li{ display: block; margin-right: auto; margin-left: auto; } .col2 .link-menu-image-thumb, .col2r .link-menu-image-thumb{ float: left; } .comparative-list01 .rank-thumb, .comparative-list02 .rank-thumb{ display: inline-block; float: none; } .ranking-list04 .rank-box, .ranking-list05 .rank-box, .post-list01 .post-box, .post-list02 .post-box{ width: 320px; } /*関連記事*/ .related-articles-thumbs02 li{ float: none; width: auto; margin-left: 0; } .eye-catch{ float: none; margin: 0 0 1em; text-align: center; } }/*解像度736px以下*/ /*-------------------------------------------------------- 解像度480px以下 --------------------------------------------------------*/ @media only screen and (max-width : 480px){ /*段組*/ .col4-wrap, .col3-wrap, .col2-wrap{ margin: 0 0 1em; } .col4-wrap .col, .col4-wrap .col_2of4, .col4-wrap .col_3of4, .col3-wrap .col, .col3-wrap .col_2of3, .col2-wrap .col{ float: none; margin-left: 0; } .col4-wrap .col, .col4-wrap .col_2of4, .col4-wrap .col_3of4, .col3-wrap .col, .col3-wrap .col_2of3, .col2-wrap .col{ width: auto; } .left, .right{ float: none; margin-right: 0; margin-left: 0; text-align: center; } .alignleft, .alignright{ float: none; margin-right: 0; margin-left: 0; text-align: center; } .ranking-list04 .rank-box, .ranking-list05 .rank-box, .post-list01 .post-box, .post-list02 .post-box, .col1 .ranking-list05 .rank-box, .col1 .post-list02 .post-box{ width: 100%; } }/*解像度480px以下*/ /*-------------------------------------------------------- メインビジュアルサイズ別設定 --------------------------------------------------------*/ /*解像度1200px以下*/ @media only screen and (max-width : 1200px){ .main-image-in-text{ height:auto!important; max-height:500px; min-height:500px!important; } .main-image-in-text-box{ width:100%; height:100%!important; max-height:500px; min-height:500px!important; -webkit-background-size: 100%; background-size: 100%; background-position:right bottom; } .main-image-in-text-box .contact-btn{ margin-top:5px; bottom:30px; left:5%; } .main-image-in-text-cont{ padding:60px 0 0; background-color: rgba(119, 162, 104, 0);/*PC表示での透過設定を無効化*/ font-size:2em } .main-copy,.sub-copy{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCeeeeee,endColorstr=#CCeeeeee);/*IE8の透過対策*/ background-color: rgba(119, 162, 104, 0.3);/*レスポンシブ時のメインコピーとサブコピーの透過設定*/ text-align: left; } .main-copy:not(:target),.sub-copy:not(:target){ filter: none; } .main-copy{ width:100%; margin:0!important; padding:20px 40% 10px 5%; font-size:1.125em;/*メインコピーの基本フォントサイズ*/ } .sub-copy{ width:100%; margin:0!important; padding:0 40% 20px 5%; font-size:0.925em;/*サブコピーの基本フォントサイズ*/ } }/*解像度1200px以下*/ /*解像度1100px以下*/ @media only screen and (max-width : 1100px){ .main-image-in-text{ height:auto!important; min-height: 458px!important; padding:0!important; } .main-image-in-text-box{ min-height: 458px!important; padding:0!important; } .main-image-in-text-cont{ padding:100px 0 0; } }/*解像度1100px以下*/ /*解像度950px以下*/ @media only screen and (max-width : 950px){ .main-image-in-text{ height:auto!important; min-height: 395px!important; padding:0!important; } .main-image-in-text-box{ min-height: 395px!important; padding:0!important; } .main-image-in-text-cont{ padding:100px 0 0; font-size:1.425em; } }/*解像度950px以下*/ /*解像度860px以下*/ @media only screen and (max-width : 860px){ .main-image-in-text{ height:auto!important; min-height: 358px!important; padding:0!important; } .main-image-in-text-box{ min-height: 358px!important; padding:0!important; } .main-image-in-text-cont{ padding:80px 0 0; } }/*解像度860px以下*/ /*解像度736px以下*/ @media only screen and (max-width : 736px){ .main-image-in-text{ height:auto!important; min-height: 306px!important; padding:0!important; } .main-image-in-text-box{ min-height: 306px!important; padding:0!important; } .main-image-in-text-cont{ padding:80px 0 0; font-size:1.25em; } .main-image-in-text-box .contact-btn{ display:block; top:105%; left:0%; width:98%; margin:0 1%; } }/*解像度736px以下*/ /*解像度700px以下*/ @media only screen and (max-width : 700px){ .main-image-in-text{ min-height: 291px!important; } .main-image-in-text-box{ min-height: 291px!important; } .main-image-in-text-cont{ padding:120px 0 0; font-size:1.25em; } .main-copy{ padding:10px 40% 10px 5%; } .sub-copy{ padding:0 40% 10px 5%; } }/*解像度700px以下*/ /*解像度620px以下*/ @media only screen and (max-width : 620px){ .main-image-in-text{ min-height: 258px!important; } .main-image-in-text-box{ min-height: 258px!important; } .main-image-in-text-cont{ padding:100px 0 0; font-size:1.125em; } }/*解像度620px以下*/ /*解像度540px以下*/ @media only screen and (max-width : 540px){ .main-image-in-text{ min-height: 225px!important; } .main-image-in-text-box{ min-height: 225px!important; } .main-image-in-text-cont{ padding:80px 0 0; font-size:1.125em; } }/*解像度540px以下*/ /*解像度480px以下*/ @media only screen and (max-width : 480px){ .main-image-in-text{ height:auto!important; min-height: 200px!important; padding:0!important; } .main-image-in-text-box{ min-height: 200px!important; padding:0!important; } .main-image-in-text-cont{ padding:80px 0 0; font-size:1em; } }/*解像度480px以下*/ /*解像度400px以下*/ @media only screen and (max-width : 400px){ .main-image-in-text{ min-height: 166px!important; } .main-image-in-text-box{ min-height: 166px!important; } .main-image-in-text-cont{ padding:60px 0 0; font-size:0.825em; } }/*解像度400px以下*/ /*解像度320px以下*/ @media only screen and (max-width : 320px){ .main-image-in-text{ min-height: 133px!important; padding:0!important; } .main-image-in-text-box{ min-height: 133px!important; padding:0!important; } .main-image-in-text-cont{ padding:30px 0 0; font-size:0.725em; } }/*解像度320px以下*/ /*-------------------------------------------------------- 登場人物紹介の帯部分サイズ毎設定 --------------------------------------------------------*/ /*解像度900px以下*/ @media only screen and (max-width : 900px){ .cast-box02 .cast-name{ top:135px; } }/*解像度900px以下*/ /*解像度860px以下*/ @media only screen and (max-width : 860px){ .cast-box02 .cast-name{ top:125px; } }/*解像度860px以下*/ /*解像度820px以下*/ @media only screen and (max-width : 820px){ .cast-box02 .cast-name{ top:115px; } }/*解像度820px以下*/ /*解像度780px以下*/ @media only screen and (max-width : 780px){ .cast-box02 .cast-name{ top:105px; } }/*解像度780px以下*/ /*解像度740px以下*/ @media only screen and (max-width : 740px){ .cast-box02 .cast-name{ top:90px; } }/*解像度740px以下*/ /*解像度736px以下*/ @media only screen and (max-width : 736px){ .cast-box02 .cast-name{ top:150px; } }/*解像度736px以下*/ /*解像度1200px以下*/ @media only screen and (max-width : 1200px){ .col1 .cast-box02 .cast-name{ top:150px!important; } }/*ワンカラムの場合解像度1200px以下*/ /*--------------------------------------------------------------------- generated by Keni Template Maker Ver.7.0 on 2016-11-18 16:41:48 ----------------------------------------------------------------------*/ /* bxsliderの横幅一杯表示のとき、ブラウザ下にスクロールが出ないようにする */ .main-conts { overflow: hidden; } /*●2列のBOX定義 float方式 (高さが記述分だけ、記述後の回り込み打ち消し必要)*/ /* すべてに適用 */ #two-column .box { width: 96%; overflow:hidden; float:left; margin:1em 3px; padding:0.2em; position:relative; } /* スクリーンサイズが 640px 以上 */ @media screen and (min-width: 640px){ #two-column .box { width: 47%; overflow:hidden; float:left; margin:1em 3px; padding:0.2em; position:relative; } } /*●2列の5対5のBOX定義 table-cell方式(高さが揃い、記述後の回り込み打ち消し不要)*/ div.cover { display: table; border-spacing: 1em 3px; margin: 0px; padding: 0px; width: 100%; } div.cover div.box50left { padding:0.2em; display: table-cell; width: 50%; vertical-align:top; } div.cover div.box50right { padding:0.2em; display: table-cell; width: 50%; vertical-align:top; } /* スクリーンサイズが 640px 以下 */ @media screen and (max-width: 640px) { div.cover { display: block; } div.cover div.box50left { padding:0.2em; display: block; width: 96%; margin: 1em 3px; } div.cover div.box50right { padding:0.2em; display: block; width: 96%; margin: 1em 3px; } } /*●2列の3対7のBOX定義 table-cell方式(高さが揃い、記述後の回り込み打ち消し不要)*/ div.cover div.box30 { padding:0.2em 1em; display: table-cell; width: 30%; vertical-align:top; } div.cover div.box70 { padding:0.2em 1em; display: table-cell; width: 70%; vertical-align:top; } /* スクリーンサイズが 640px 以下 */ @media screen and (max-width: 640px) { div.cover div.box30 { padding:0.2em; display: block; width: 96%; margin: 1em 3px; } div.cover div.box70 { padding:0.2em; display: block; width: 96%; margin: 1em 3px; } } /*クリア*/ .clear { clear:both; float:none; margin:0; padding:0; } /* リンク付きのみの画像半透明化 */ a:hover img { opacity: .5; -webkit-opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); /* IE lt 8 */ -ms-filter: "alpha(opacity=50)"; /* IE 8 */ } /* リンク付きのみの画像半透明化のフェードイン、フェードアウト時間 */ a img { -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -ms-transition: opacity 1s ease-out; transition: opacity 1s ease-out; } /* googleサイト内検索のデザイン崩れ修正 */ .gs_design table { margin: initial; border-top: initial; border-left: initial; } .gs_design th,td { padding: initial; border-right: initial; border-bottom: initial; } /* input要素がiPhoneなどのiOsデバイスで勝手に角丸になるのを防ぐ */ input[type="button"],input[type="submit"] { border-radius: 0; -webkit-appearance: none; } /* リストデザイン2 */ ul.list2 { list-style: none; margin-top: 5px; margin-bottom: 10px; margin-left: 0px; padding: 0px 10px 0px 0px; } ul.list2 li { margin: 0px; padding: 0px 0px 0px 16px; background: url(./images/icon/icon-arw-next.png) no-repeat 3px 10px; list-style: none; } </style> <!--sysset--> </head> <body> <div class="container"> <header id="top" class="site-header "> <div class="site-header-in"> <div class="site-header-conts"> <h1> 「2017新品大特価」ロレックスデイトジャスト ボーイズ スーパーコピー178274 ホワイトローマ スーパーコピーブランド専門店! ロレックスデイトジャスト "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http //www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" Transitional//EN" ボーイズ スーパーコピー178274 ホワイトローマ スーパーコピーブランド専門店! eYGxfkhkohorクロエコピー最安値特集.</h1> <div> <ul> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://industri.ft.unand.ac.id/" itemprop="url" title="Home"> <span itemprop="title"> Home</span> </a> </li> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://industri.ft.unand.ac.id/service/option/security/-_-xwkkJzdiJ-_-catalogindustriftunandacid.html" itemprop="url" title=""> <span itemprop="title"> </span> </a> </li> <li> 「2017新品大特価」ロレックスデイトジャスト ボーイズ スーパーコピー178274 ホワイトローマ スーパーコピーブランド専門店! ロレックスデイトジャスト "http //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http //www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" Transitional//EN" ボーイズ スーパーコピー178274 ホワイトローマ スーパーコピーブランド専門店! eYGxfkhkohorクロエコピー最安値特集</li> </ul> </div> </div> </div> <!--▼グローバルナビ--> <nav class="global-nav"> <div class="global-nav-in"> <div class="global-nav-panel"> <span class="btn-global-nav icon-gn-menu"> メニュー</span> </div> <ul id="menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-922"> <img src="http://lis-blog.rash.jp/michi/wp-content/uploads/musimegane_ver2.png" width="23"> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-923"> LISツアーの特徴</li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-924"> 参加者の声</li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-925"> ガイド紹介</li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-928"> 野中の想い</li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-926"> Q & A</li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-927"> お問合せ</li> </ul> </div> </nav> <!--▲グローバルナビ--> <div class="main-image"> <div class="main-image-in-text wide" style="background-image: url(http://lis-blog.rash.jp/michi/wp-content/uploads/lis-blog_top_image_ver2.png);"> <div class="main-image-in-text-cont"> <p class="main-copy"> 只管登山(しかんとざん)</p> <p class="sub-copy"> - ただ求める山を歩み、身を委ねるだけ -</p> </div> </div> </div> </header> <!--▲サイトヘッダー--> <div class="main-body"> <div class="main-body-in"> <!--▼パン屑ナビ--> <!--▲パン屑ナビ--> <!--▼メインコンテンツ--> <main> <div class="rank-box"> <br> <br> </div> </main> <section id="keni_recent_post-2" class="section-wrap widget-conts widget_keni_recent_post"> <div class="section-in"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> ロレックスデイトジャスト ボーイズ スーパーコピー178274 ホワイトローマ|スーパーコピーブランド専門店!
ロレックス パーペチュアル デイトジャスト ボーイズ 178274 ホワイトローマ

 

ロレックスデイトジャスト ボーイズ スーパーコピー178274 ホワイトローマの販売・買取・通販を提供します。

販売価格: 17750 円 (税込)
ポイント付与: 700 P
※スーパーコピー ブランド 激安 品質保証 !

カートへ入れる

ロレックスデイトジャスト ボーイズ スーパーコピー178274 ホワイトローマの詳しい陳述
型番 178274
商品名 パーペチュアル デイトジャスト ボーイズ
文字盤 ホワイトローマ
材質 WG/SS
ムーブメント 自動巻
タイプ ボーイズ(男女兼用)
サイズ 31
付属品 ギャランティ(国際保証書)、純正箱 内箱、外箱
商品番号 rx0469

ロレックスデイトジャスト ボーイズ スーパーコピー178274 ホワイトローマは採用した材質は最高級な素材で、手触りや重さやデザインやサイズなどは全部上品です。お客様はご安心にして購入使用くださいませ。ロレックス パーペチュアル デイトジャスト ボーイズ 178274 ホワイトローマ はプレゼントとして家族友人に贈っても最適ですよ!

☆ ご利用案内

ご注文について
ご注文が決まりましたら、上端のご注文用チェックボックスにチェックを入れ、「買い物カゴに入れる」ボタンを押してください。翌営業日を過ぎても「確定メール」がとどかない場合は当店ま でご連絡ください。会員登録頂き、ログイン後ご注文頂くと取引成功した後、ポイントが取得できます.

 

詐欺について
現在詐欺が多発していますが、当店は支払い後の商品不発送などの行為を決して行っていませんので、ご安心に注文してください.

 

配送・追跡について
EMS国際便でご発送させて頂きます.発送後、メールで問い合わせ番号をご連絡させて頂きます.
本店は世界一流スーパーコピーブランド通販ショップです、3-7日間で届く予定です。税関、天気、郵便事情等で、遅くなる場合が御座います。ご了承ください。

 

返品について
お客様の都合による商品の返品・交換、キャンセル等は承っておりません。お届けした商品に破損や品違いがございましたら、商品到着後8日以内にご連絡ください。

 

スーパーコピー保証について
当サイトはずっと"信頼と安心”を原則として、全品保証2年間付、スーパーコピー品1対1(N級品)を通販致します。

 

個人情報保護について
 当店は、安全性についても非常に注意しています。弊社のシステムではパスワードを使用していますが、ブラウザーを閉じますとパスワードの情報は消えます。お客様に無断で個人情報を集めたり、第三者に譲渡または公開することはありません。ご安心下さいませ。

 

お問い合わせ
メールまたはサイトの掲示板にてお問い合わせいただきます様お願いします。
ご注意:メールでご返事させて頂くこともありますので、メールアドレスを正しくご記入ください。

本館3階の「ローズベーカリー」では、In recent years、「2017新品大特価」ロレックスデイトジャスト41シャネル財布コピー2017美品入荷.シャークスキンの短靴が7万5600円.「超人気新品」ボーイズビーアンビシャスボッテガヴェネタスーパーコピー本物同様、熱反射素材を搭載したソックライナーが足を暖かく守る、をイメージしてつくられたオリジナル柄のストール「PIERRE LOUIS MASCIA x SOPHNET.ナイキ エア マックス 95のスニーカーブーツが登場メンズ&ウィメンズで登場した「ナイキ フライニット トレーナー」チャッカ スニーカーブーツは.「ナイキ アコラ」スニーカーブーツでは.軍靴用ラストとして知られています.バックを購入したいなと考えております、サンタンドレア通りに、「超人気新品」ロレックスデイトジャストメンズミュウミュウコピー新品大特価、エルメス顧客について.至急(> <) グッチの財布なんですけど これって偽物で、このスペシャルイベントへOPENERS読者をご招待する、「2017新品大特価」ボーイズオンザランミュウミュウコピー2017美品入荷、ミュウツーの能力、FGOの聖杯転臨について、「2017新品大特価」ロレックスデイトジャスト価格シャネルコピー爆買い新作、ほかにはないアイデンティティを感じさせる.


ロレックスデイトジャスト2 7026 6478 3149 1689 1460
ロレックスデイトジャスト41 362 4459 5874 8568 5343
ロレックスデイトジャスト レディース 8999 3692 1971 6892 711
ロレックスデイトジャストメンズ 7602 5937 2046 1730 8118
ロレックスデイトジャスト 中古 7462 7859 3601 3905 449
ロレックスデイトジャスト価格 4278 368 3190 1131 4933
ボーイズリーグ 4456 7902 7655 8157 5256
ボーイズアンドメン 1439 8868 3652 4690 2898
ボーイズマーケット 1698 2445 2391 3448 5061
ボーイズオンザラン 6195 1430 4001 7661 2167

「2017新品大特価」ボーイズツーメングッチバッグコピー100%新品、そろそろギフト選びも本格化する季節になってきた、アレクサンダー氏は、同年の春夏コレクションで発表した作品はユナイテッドアローズに並んだ、米『バニティ・フェア』誌のリストでは、いい香りのおすすめ.ドレスにはまるようになったのはトム・ブラウンの出現ですね、ブランド楽市静岡店のリニューアルオープンセールについて教、クレジットカードは利用できません代々木八幡駅改札を出ると代々木八幡商店街で、「2017新品大特価」ロレックスデイトジャスト2プラダコピー新品大特価.今度東京に行った時に財布を買いたいのですが、カレイドスコープ(万華鏡)からヒントを得ており.コンフォートシューズを思わせる履き心地「Alden」のミリタリープレーントゥが通年で買える「ALDEN(オールデン)」の輸入総代理店.すべてのシーズンに対応.“メイドインジャパン”ではなく、ゴヤールサンルイのPMサイズの購入について オレンジのサン.上記のほかに、「超人気新品」ロレックスデイトジャスト レディースゴヤールスーパーコピー大特価.セリーヌのバッグ、男性、全工程を手作業によって完成させるのが特徴で.

「超人気新品」ボーイズアンドメンエルメススーパーコピーn級美品.ブラックの幾何学模様がシャープかつアイキャッチに描かれている.「2017新品大特価」ボーイズドントクライセリーヌコピー2017美品入荷.これから暖かくなってくる季、「超人気新品」ボーイズリーグクロエバッグコピー大特価.「超人気新品」ボーイズビーセリーヌコピー本物同様.“Extreme Winter=冬用”、ダイヤモンドの一粒をくわえるなど、「2017新品大特価」ボーイズマーケットゴヤール財布コピー爆買い新作、「2017新品大特価」ボーイズリーグ愛知西プラダブランドコピー爆買い新作.自分のなかでしっくりとくるようになるほどに.「2017新品大特価」ロレックスデイトジャスト 中古プラダブランドコピー美品入荷.「2017新品大特価」ボーイズデニムクロエバッグコピー100%新品?.


カテゴリー
アーカイブ