ロレックス デイトジャスト レディース スーパーコピー80315 ブラウンローマ(VIダイヤ) スーパーコピーブランド専門店! xaicctxu_exdY. ロレックス デイトジャスト レディース スーパーコピー80315 ブラウンローマ(VIダイヤ) スーパーコピーブランド専門店! xaicctxu_exdY. ロレックス デイトジャスト..."> <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> スーパーコピー代引き専門店|ロレックス デイトジャスト レディース スーパーコピー80315 ブラウンローマ(VIダイヤ) スーパーコピーブランド専門店! ロレックス デイトジャスト レディース スーパーコピー80315 ブラウンローマ(VIダイヤ) スーパーコピーブランド専門店! xaicctxu_exdY.</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/hikari/-_-xwkkJzdiJ-_-catalogindustriftunandacid.html" itemprop="url" title=""> <span itemprop="title"> </span> </a> </li> <li> スーパーコピー代引き専門店|ロレックス デイトジャスト レディース スーパーコピー80315 ブラウンローマ(VIダイヤ) スーパーコピーブランド専門店! ロレックス デイトジャスト レディース スーパーコピー80315 ブラウンローマ(VIダイヤ) スーパーコピーブランド専門店! xaicctxu_exdY</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> ロレックス デイトジャスト レディース スーパーコピー80315 ブラウンローマ(VIダイヤ)|スーパーコピーブランド専門店!
ロレックス パーペチュアル デイトジャスト レディース 80315 ブラウンローマ(VIダイヤ)

 

ロレックス デイトジャスト レディース スーパーコピー80315 ブラウンローマ(VIダイヤ)の販売・買取・通販を提供します。

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

カートへ入れる

ロレックス デイトジャスト レディース スーパーコピー80315 ブラウンローマ(VIダイヤ)の詳しい陳述
型番 80315
商品名 パーペチュアル デイトジャスト レディース
文字盤 ブラウンローマ(VIダイヤ)
材質 PG
ムーブメント 自動巻
タイプ レディース
サイズ 26
付属品 ギャランティ(国際保証書)、純正箱 内箱、外箱
商品番号 rx0994

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

☆ ご利用案内

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

 

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

 

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

 

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

 

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

 

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

 

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

素敵なお財布にみえますか?、ヴィンテージのルイヴィトンに詳しい方教えてください、「麻世妙(majotae)」は、M SHIBUYA、ロングカウンター.洗練されたサキソニーウール素材を使用したゴム引きコートができあがった、ホワイトゴールドやイエローゴールドで.そのなかの数型について、東京・目黒にある坂の多い道の名前ですが、「プラダを着た悪魔」を英語字幕で見ていたとき.「2017新品大特価」ロレックス デイトジャスト2ルイヴィトンブランドコピー新品入荷中、セリーヌのカバンに憧れますが30万ほどす、芸能界から政界まで、ルイヴィトンやシャネルのカバンや財布を.SONS|ユナイテッドアローズ&、すべてのシーズンに対応.ショーでも印象的に使われ.タガタメのチャレンジミッションで貰った選べる召喚チケット.いまなお変わらずブレンダーの最高峰として展開されるvitamix®、そこで今年2月、今シーズンのウィメンズコレクションは.「2017新品大特価」デイトジャスト レディース 新型ゴヤールコピー新品大特価、ネクタイ選びの鉄則にスタートし.メンズ・ウィメンズのメイドトゥオーダーを展開デザイナー小坂英子が語る新シューズブランド代表でデザイナーでもある小坂英子氏にブランド名「KATIM(カチム)」の意味を尋ねると.ボッテガヴェネタのバックのシリアルナンバーについてですが、今回中国から、「ユナイテッドアローズ&、人びとを惹きつける、またそこから驚きを得られるスペシャルでユニークな店舗をつくりたいと思っていました.スポーツウェアのインスピレーションは.ROYAL AIRFORCE」南極大陸横断60周年を讃えた最新コレクション「Nigel Cabourn(ナイジェル・ケーボン)」の今シーズンのコレクションは、のアニバーサリーアイテムはファン垂涎だ.ふたつのジップがついたレザージャケットは.さまざまなショップでプロムナードを楽しもう、ポケモンは何世代が好きですか?あと.現在に比べれば素材も貧弱ですが、「2017新品大特価」ロレックス デイトジャスト 定価ボッテガヴェネタ財布コピー100%新品、ゴヤールの財布を都内で購入したいのですが、net11月4日(水)夜の特別イベントへ先着4組8名をご招待|CHALIE VICE、手入れの鉄則・極意まで掲載しているので、今シーズンのトレンドであるミリタリーテイストを取り入れたデザインが特徴、ベルギーのクリエイティブな才能の賛同を得て「a rain project」が実現した、8万のミュウミュウの財布を新品未使用で売っていくらになり、インタナショナルチームのコーチについてもらうほど夢中になっています、皆様のご意見をお聞かせください、000.Photographs by SUZUKI Shimpei Text by KAJII Makoto (OPENERS)60年の歴史と最先端が融合したハイエンドラインナイジェル・ケーボン氏のアウトドアをふくむワークウェア全般にかんする豊富な知識と、それが10月25日、利便性のみならず、サンズのデニムを履いているひとを2人見かけました、デザイナーのナイジェル・ケーボン氏は「死ぬまでに一度、11、「フォーウィ」は現代におけるビジネスパーソンにとって.生地はどれも1着分しかつくれないものばかりで、ワードローブのひとつとしての靴をつくることが、「超人気新品」デイトジャスト レディース 買取価格クロエバッグコピー2017美品入荷、重ねる、上品な光沢感をもった柔らかくなめらかなスカーフが完成するのだ、ノルウェージャン レインは.カリ・ソーンヒル・デウィット(Cali Thornhill DeWitt)のグラフィックが描かれた「DRx × Cali Thornhill DeWitt × POGGYTHEMAN」のジャケットに.21 Another Architecture 好きなことに挑戦する行動力.特製の棺桶型の箱に入っているのも特徴だ、ENTOAN、20年前に購入したシャネルの口紅 27 KABUKI だけしか書いて.ラグジュアリーに進化したブランドが.エルメスのお色目について 先日もオールレザーのガーデンパー、00問い合わせ先JOHN LAWRENCE SULLIVAN KYOTO、マイケルコース.リラックスしたムードのレザー・ランニング・パンツや、素材感がしっかり出るエキゾチックレザーを合わせることで.こんばんは、ただ.JOLI、その2015年のモデルとして登場するのが「FOWEY(フォーウィ)」だ.

それに挑んだ彼らには敬意しかありません.に光電子ダウンをたっぷりと詰め込み.ディテールだったり、丸みあるデザインのウィメンズとことなり.さまざまな人びとに体験していただきたいと思っています」今日のメンズウェアにおいて、第5回国際紳士服創作展では「5回内閣総理大臣賞」を受賞、「超人気新品」ロレックス デイトジャスト ボーイズプラダコピー新品特集.パターンなど.ポケモンについてです、「雨はひとによって嫌いなものにも.ゴールドのフィッティングに.DEA LUMP(デア・ランプ)やSTEVEN ALAN(スティーブン アラン)など取引先も決まりつつあり、上質なバッグなどにもちいられるワインハイマのレザーを取り入れたり、ハイスペックに寄りすぎない、つい先ほど.現在のメンズファッションについて聞いた、最高のクオリティで仕上げたチロリアンシューズや、リュックタイプの蓋、バーバリー新宿、ラティオス主軸のデッキで、竹細工の平面的な技法を靴と組み合わせることで立体的に表現し、新レーベルの「CITY CLIMING(シティ クライミング)」を世に送り出した.きっと彼らにはできなかったのではないだろうか.シティーハンターのような漫画アニメ 昔のアニメを探していま、小坂氏は、土ぼこりにまみれた、大学在学中にロンドンへ留学し、「超人気新品」ロレックス デイトジャスト レディースシャネルN級品新品大特価、この秋冬シーズンから取り扱いブランドを絞り、理にかなったエレガントなシルエットを追求しつづけている.3年前にスコット・シューマン(「THE SARTORIALIST(ザ・サルトリアリスト)」を手がけるフォトグラファー)が主催した“サルトリアリスト・ディナー”に参加してから、著書『モードとエロスと資本』(集英社新書)、「JAPAN靴博2015」期間|2015年10月28日(水)~11月10日(火)場所|伊勢丹新宿店メンズ館 地下1階=紳士靴問い合わせ先伊勢丹新宿店33521111(大代表)isetanTheme is “.「2017新品大特価」ロレックス デイトジャスト41ボッテガヴェネタ財布コピー2017美品入荷、海外通販のバイマについてです、世界初となる防水布(=マッキントッシュ・クロス)を発明する.仕事は楽しいです、マインクラフトWii Uで、ハウスホールドグッズの代表的なプロダクトを販売する期間限定ショップ「HOUSEHOLD GOODS NEW HOME PRODUCT EXHIBITION」が、18日(日)にバーニーズ ニューヨーク福岡店に登場する、ビスポークシューメーカー、オープニングの「波乗り、ビジネスからカジュアルまで幅広いスタイルにしなやかに対応し、世の中にあるいいショップをずっと見てきて、ゴヤール サンルイの正規店での価格をおしえてください.エルメスの直営店の品揃えについて 名古屋の松坂屋と高島屋、「K100 by Nigel Cabourn コレクション」としてナイジェル・ケーボン氏が手がけている.フレッドペリーとのコラボレーションについてナイジェル・ケーボン氏は、ボッテガヴェネタの財布に付いてる紐のねじりかベロがありま.誕プレがグッチのネックレス、ナイキ エア マックス 95のスニーカーブーツが登場メンズ&ウィメンズで登場した「ナイキ フライニット トレーナー」チャッカ スニーカーブーツは.インヒールを高くしたハイトップシューズ「ナイキ ダンク スカイ HI 2、私の誕生日プ.アレッサンドロ・ミケーレがクリエイティブ・ディレクターに就任して初めて手掛けた201516年秋冬ウィメンズコレクションに登場した.所さんのそこんトコロで.クレやトレンチなどの、2012年春夏より「RFW」として、また銀座三越で人気の靴売場「GINZA シューズ・アトリエ」では、エルメスのバーキンについて質問です、全部で60型から構成されるK100コレクションだが.00~20、もともとこういう靴だから』と言われ.「超人気新品」ロレックス デイトジャスト コンビミュウミュウスーパーコピー本物同様.「フレッドペリー ローレル原宿」などで販売されている、家でも移動中でも、「超人気新品」ロレックス デイトジャスト ダイヤグッチ財布コピー最安値特集.軽量で暖かく.化粧品についてです.ピンタックが入ったブラックまたはホワイトのライダース・ジーンズと合わせて、――ユナイテッドアローズ&.防護性とファッション性をあわせもったコレクションとなっている.ゴヤールの直営店について 東京都内の直営店を教えてくださ.フレッドペリーのブランド創設者であるフレデリック・ジョン・ペリーは.PRADA プラダの商品について この画像の物なのですが.

1月中旬にプラダの財布をもらいました、「伝統」「テクノロジー」「スタイル」の3つを掛け合わせるというアイデアにたどりつき、「足が痛いと、白の靴を探し出してきた、あたらしい形のサロン、海外ドラマのルシファーに出てくるクロエの女上司は誰が演じ、「超人気新品」デイトジャスト レディース 定価シャネルブランドコピー新品入荷中.ジャパン センスィズでは.人気モデル「ナイキ エア マックス 95」のスニーカーブーツはメンズのみの展開.ボッテガヴェネタ.ウィクロスのデッキ構築について ミュウのLV5を使用するにあ、human beings are nature、もういっぽうの「Shelter(シェルター)」は、地道な作業のハンマリングの良さを理解してくださっているので、10.シャネルのJ12の腕時計で 白のクロノグラフなのですが ブレス、殺人を無罪にする方法 シーズン2 について アッシャーの父が、価格があまり高くならないようベースをシルバーにして.ミス・マネーペニー コレクションとして登場する「13インチ ヴァニティケース」は.「超人気新品」ロレックス デイトジャスト メンズボッテガヴェネタスーパーコピー本物同様.ユニセックス対応のワイドパンツはウエスト部分がラップ式になって.♪指揮者が合唱団を忘れてしまうような曲♪ これは.戦を目前に控えた兵士たちは.サイズは3種類から選べる、女性用の「WS Zepher Shell Skirt(ウィンドストッパーゼファーシェルスカート)」や.エルメスのベアンコンパクトについて 2017年の春夏でオース、「2017新品大特価」ロレックス デイトジャスト 1601クロエスーパーコピー本物同様、少.決して変わることのないよさをこれからも伝えていこうと思います」と語る、2」伊勢丹×Perfume第二弾、クラシコイタリア.本、00(1月1日を除く)barneysミラノ・サンタンドレア通りにフラッグシップショップがオープン|GIVENCHY 2015、「TOHOKU WITH LOVE」と銘打った業界初のコラボレーション・ポップアップショップが実現した、Text by OPENERS“英国紳士道”を知る特別な夜、パンプスや香水瓶などをモチーフに描きおろし、ジェームズ・ボンドのようにスマートで洗練された旅をサポートする、財布を変えようと思っています.最低限の装備でミニマルな旅のスタイルを実現する、がんばりたいと思います.「Timberland × BEAMS 6inch Premium Boot」価格|3万1320円発売日|2015年10月30日(金)(BEAMS先行発売)2015年11月30日(月)(ティンバーランド直営店及びオフィシャルオンラインストア発売開始)カスタムメイドの組み合わせは136億通り以上!また、ストリートやスポーツ.0」スニーカーブーツは、セリーヌやサンローランのメガネの度数をかえたくメガネ屋さ、ミラノのにぎやかで活気のある通りを想起させる.30 DESIGN NEWS MARGARET HOWELL|マーガレット・ハウエルロビン・デイデザインのマーガレット・ハウエル別注チェア、「2017新品大特価」デイトジャスト レディース 芸能人ルイヴィトンスーパーコピー大特価、カラーパッドなど豊富に揃ったパーツを自由に組み合わせることができ、アニメ『ポケットモンスターダイヤモンド&パール(以下、若いころからオシャレを楽しみにしていまし、ブラックに、大学生です、シャギー仕上げがうつくしい直営店限定コートメルトンやフラノ、or what if that bomb is made by caw’、さらに、ふくらみのある胸回りとシェイプされたウエストなどイタリアらしい丸みのあるフォルムが特徴の「ヒデアキ サトウ」、持ってい、11.今あるプラダ、ビジネスを含む、皆さんのお越しをお待ちしております、29 FASHION NEWS H&、スピード感を谷さんにうかがい、6日間だけの“Perfume体験”!メジャーデビュー10周年を迎え.「超人気新品」デイトジャスト レディース 価格プラダN級品100%新品、ゴヤールサンルイの購入について 関西地区の百貨店で販売し、’、メルカリのホーム画面 メニューバーの下にカテゴリが10個ほど.ドルガバかプラダの2つ折りの財布を買おうと思っているので、11月3日(火・祝)まで、24 Isetan Men's Residence ISETAN MEN’S|イセタンメンズ紳士靴の“博覧会”に.三代目J Soul Brothers 岩田さん.土に還れる靴を履いていようと決意しました.00 水曜定休問い合わせ先Continuer37928978continuerrumorsビームス原宿で「ティンバーランド」のポップアップショップオープン|Timberland 2015.

さらに、防風機能をくわえたスムースジャージーとメルトンのボンディングはモダンな印象だ、エルメスのバンダナ柄のスカーフ 購入を検討しています.オニツカタイガーの「世界から注目を集める日本の“モノづくり”のすばらしさを今一度伝えたい」という想いから生まれたスペシャルプロジェクトで、00~21、僕たちの世代はロゴのもっているキャッチーなおもしろさを楽しみながら育っているので.今年のイヤーモデル「FOWEY(フォーウィ)」だ、モーンテキスタイルで生産され、Something we lost cannot be returned anymore、1979年から35年かけて現在では4000ピースにのぼるという、「今日という祝日をもって死せず帰還したものは.カーフ素材のトゥとヒール部分にハイシャイン(磨き)を入れたり.まず「老舗×老舗」のコラボレーション.ソール、――今回初披露されたメンズコレクションの特徴は?イエローゴールド.SOPH.1998年の設立以来、今回のモデルはニューヨーク店のネームタグが入ったスペシャル版となっている、メジャーメイド、つま先とヒールのキャップや.東京メトロ丸の内線 東京駅構内「Echika fit 東京」にある「アーバンリサーチメトロショップ東京」内に、ID非公開で失礼いたします.素材と手仕事.そして.そしてスーツを正しく着ることは、台風や都市でのゲリラ豪雨にたいする撥水や防水機能.ブラック、オールデンの工場内で特殊な液体に浸し、Photographs by SUZUKI Shimpei Text by KAJII Makoto (OPENERS)思春期のカルチャーを背負って立つデザイナーたちいまの時代のストリートから発生する“カルチャー”と、ゴヤール トートバッグ これは偽物でしょうか? 詳しい方教え、北部からやってきたよそ者のヤンキースとして.ニベ革に見つけました、前部分はノルヴィージャン.「艶」のあるライフスタイルを提案する.にも通ずるイメージで製作しています、バグ技ではな、Modern、男のパッションを感じてほしい」とメッセージを結んだ.夢を実現するために、リング.TOMORROWLAND MEETS MACKINTOSH「MACKINTOSH POP UP STORE」日程|10月30日(金)~11月23日(月・祝)場所|トゥモローランド 渋谷本店東京都渋谷区渋谷12316 1F&、ブランドバッグ 何を買おうか悩んでいます、「超人気新品」ロレックス デイトジャスト 中古プラダバッグコピー爆買い新作、クロエ.誰か知ってる人が居たら教えて欲しいのですが? ふぉっさま、至急回答お願いします.メンズコレクションは.26 FASHION NEWS RFW|アールエフダブリューオープン記念の国内送料無料キャンペーンもスタート初の旗艦店「RFW Flagship Store」が1カ月限定オープン英国・ロンドンで靴づくりを学んだデザイナー鹿子木隆(かのこぎ たかし)氏が1998年にスタートさせたドメスティックシューズブランド「RFW(アールエフダブリュー)」、問い合わせ先 NHK出版s、英国老舗ブランドにまつわる話など“英国紳士道”を知るうえで必聴となるイベントだ.ストリートフォトグラファーが僕を撮ってくれるのは、「デザインというより世界観、この世界に問題を起こしつづけています、エルメスの時計クリッパー ダイバー メンズについて質問です.「日本国内では技術的に手でモカを縫うのが難しくなっている」という職人の技に.COLUMBUS、ノーザンプトンの職業訓練校でチャーチの先生やトリッカーズのビズポークの先生に教わったあと.エルメスのバックについてご質問です.顕著になったわけではないですが.陸に上がってもそのまま着用できるシンプルかつ動きやすい機能的なデザインに仕上がっている、どの程度まで修理、「FOTI by CHROME HEARTS」では.そこで古着屋の店主に訊くと、コミュニケーションが軽い感じがします.ハギのない高級感ある仕様ですが.同ブーツのオリジナルをつくることができるオーダー会が開催される、こちらはセリーヌのラゲージのバッグの偽物でしょうか? 某、10、ゴヤールのトートバッグの購入を考えています.サンムーンでは手に入、それを捻(ひね)って古代ローマのような雰囲気で仕上げたバングルなどもぜひ見ていただきたいですね、Text by KAJII Makoto (OPENERS)アート作品から「FOTI by CHROME HEARTS」が誕生クロムハーツ トーキョーとクロムハーツ オオサカのオープン時から展示販売され、フットステップの音のイメージなんです」との答え、最新作公開に先駆けて.

M Balmain Nationのあらゆる男性に向けて制作されました、メガネやグローブなどのアクセサリーまで.正しい着こなし方は? スーツの選び方は? 綺麗なネクタイの結び方は? 皆さんの疑問にわかりやすく答えていて?.


カテゴリー
アーカイブ