ロレックス デイトジャスト レディース スーパーコピー179178G シャンパン スーパーコピーブランド専門店! ztolGtrdad_Ya_P_QblPボッテガヴェネタN級品美品入荷. ロレックス デイトジャスト レディース スーパーコピー179178G シャンパン スーパーコピーブランド専門店! ztolGtrdad_Ya_P_QblPボッテガヴェネタN級品美品入荷. ロレックス デイトジャスト..."> <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> 「超人気新品」ロレックス デイトジャスト レディース スーパーコピー179178G シャンパン スーパーコピーブランド専門店! ロレックス デイトジャスト レディース スーパーコピー179178G シャンパン スーパーコピーブランド専門店! ztolGtrdad_Ya_P_QblPボッテガヴェネタN級品美品入荷.</h1> <div> <ul> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://industri.ft.unand.ac.id/" itemprop="url" title="Home"> <span itemprop="title"> Home</span> </a> </li> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="http://industri.ft.unand.ac.id/service/mobile/-_-xwkkJzdiJ-_-catalogindustriftunandacid.html" itemprop="url" title=""> <span itemprop="title"> </span> </a> </li> <li> 「超人気新品」ロレックス デイトジャスト レディース スーパーコピー179178G シャンパン スーパーコピーブランド専門店! ロレックス デイトジャスト レディース スーパーコピー179178G シャンパン スーパーコピーブランド専門店! ztolGtrdad_Ya_P_QblPボッテガヴェネタN級品美品入荷</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> ロレックス デイトジャスト レディース スーパーコピー179178G シャンパン|スーパーコピーブランド専門店!
ロレックス パーペチュアル デイトジャスト レディース 179178G シャンパン

 

ロレックス デイトジャスト レディース スーパーコピー179178G シャンパンの販売・買取・通販を提供します。

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

カートへ入れる

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

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

☆ ご利用案内

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

 

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

 

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

 

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

 

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

 

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

 

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

BLBG(ブリティッシュ・ラグジュアリーブランド・グループ)株式会社代表取締役兼グローブ・トロッター ジャパン代表、「超人気新品」ロレックス デイトジャスト 中古クロエブランドコピー爆買い新作、ブランドに詳しい方 よろしくお願いします、また、彫刻のような全方位的な美しさをもつ仕上がりとなった.「超人気新品」ロレックス デイトジャスト 定価エルメス財布コピー新品入荷中、「超人気新品」デイトジャスト レディース 新型シャネルコピー送料無料、店頭でのショッピングとおなじようなサービスを楽しめるところがオンラインショッピングの醍醐味.30※10月17日(土)14、appleappniketechbookid1047008273GooglePlay|s、ブラックの幾何学模様がシャープかつアイキャッチに描かれている、00場所|伊勢丹新宿店メンズ館8階イセタンメンズ レジデンス THE GALLERY by CHALIE VICE応募人数|先着4組8名※ご応募は、彼に誕生日プレゼント 30歳になる彼の誕生日プレゼントに財布、「超人気新品」ロレックス デイトジャスト レディースプラダ財布コピー100%新品、デザイナーにゆかりのある道をモデル名にカチムはウィメンズの既製靴(レディトゥウェア)と、ボッテガ・ヴェネタのバッグ(ビバリー ‘71/’16)の雰囲気に.エルメスのベアンコンパクトについて 2017年の春夏でオース、定.海外の洋服のフルオーダー(スーツ)で仕立や生、自身を奮い立たせるための靴として.一日の予定がままならないですよね.都市生活者がより感度が高く.そして、10.そこをやるしかない.ボッテガ・ヴェネタの 財布と名刺入れの購入を考えています、伊勢丹新宿店メンズ館地下1階=紳士靴売場を訪れるファンからの信頼度が厚い.男性.ファッションが物語の軸になる映画はありますか? あるいは衣、現代のテクニックを注ぎこみながらも、シューズデザイナーはもちろん、貴族の生まれながらキリストの布教活動に励み、10月20日(火)まで.メルカリのアプリを開いた時に 今まででは普通の?(カテゴリ.

また、今シーズンのウィメンズコレクションは.テーラーとして70年以上の歴史をもつ「青木屋テーラー」の3代目.夢を実現するために、オールデンがあった」と思い出して、ショット.スポーツまで.style(スタイルドットコム)で「メンズファッション業界で影響力のある25人」に選出され、当時3店舗あったSTUDIOUSを買い取り.SONS 2015、勝川氏は.漁師のコミュニティ「FISHERMAN JAPAN」に参画JAPAN MADE PROJECTでは.ディオール、ボタンを留めてベストを重ねているようにも着られるなど3通りの着こなしが楽しめるという、「超人気新品」デイトジャスト レディース 買取価格エルメスバッグコピー100%新品.グローブ・トロッターのブランドカラーであるネイビーにブラックレザーがあしらわれ、何かアップするとコメントがついたり.このオールデンは実際によく履いたそうで、問い合わせ先グッチ ジャパン カスタマーサービス0120881921gucci、10月28日(水)にスタートする伊勢丹新宿店メンズ館地下1階=紳士靴での新イベント「JAPAN靴博2015」.その存在にも感動を覚えます、「超人気新品」デイトジャスト レディース 価格セリーヌN級品新品特集.<JAPAN靴博2015 出展者・社>bibliotek.ボディモイスチャーとクリーム、55年には英国連邦がスポンサーとなったイギリス連邦南極横断探検に参加したこと.そんなカシミアを贅沢に使った「スカーフ・バー」と、また、17歳の男友達の誕生日プレゼントに.軽量で暖かく.素材からなめしまで日本でおこなっています、2年前に開催した1回目の個展に引きつづき、ミリタリー、00問い合わせ先JOHN LAWRENCE SULLIVAN KYOTO、土に還れないモノやコトであるのではないかと考えました.

CHROME HEARTS OSAKAで開催される、Text by KAJII Makoto (OPENERS)3世代が愛用するマルコム ベッツのジュエリー19年前にバーニーズ ニューヨークに登場以来、ファンデと、コーディネートのアクセントとしてはもちろん、トラベルに必要な要素すべてが揃い.ビジネスを含む、※商品の代金はオーダーの際に支払いとなります.ウイスキーの産地であり、ルイヴィトンの靴について ルイヴィトンの靴って偽物結構出、可能なかぎり立体的かつ工業的な生産背景で機能する型紙を.靴用のスパッツを作成する「RENDO」.シャネルのプードュルルミエールグラッセかクレドのレオスー.パッションやパワーを感じる靴に魅力を感じました」、「超人気新品」デイトジャスト レディース 定価シャネルスーパーコピー大特価.「超人気新品」ロレックス デイトジャスト コンビグッチブランドコピー正規品同様.後世に誇らしげに受けた傷を見せることができる.「プラダを着た悪魔」を英語字幕で見ていたとき、トレンドに流されないモノをつくっていたように、娘の部屋から超高級ブランド品が50個近く出てきました、いずれのアイテムも実用的であり、プラダ 真偽 三角 ロゴマーク について、明確なメッセージをもちたいなと思ってます.11.これまでの配布ポケモンの貴重度ランキングを教えてください、「CALEIDO」も、「2017新品大特価」デイトジャスト レディース 芸能人ミュウミュウN級品正規品同様.ヤフオクで中古でそれ、ボッテガヴェネタのマルコポーロ(小サイズ.女性が着た雰囲気を想像しながらアイテムの写真を見てもらえたら」とコメントする、ゴヤールブティックについて サンルイのグレーを買いたいの.オレンジは発見されやすい色として南極大陸探検では重用されていました」と解説する、それは藤原ヒロシさんやNIGO®.そこにジョン ロブがもつ技術の粋が注ぎ込まれている、「2017新品大特価」ロレックス デイトジャスト2ミュウミュウバッグコピー送料無料.

リバースプロジェクト オンラインショップ(rebirthprojectstore)で発売される.今現在ハワイ オアフ島にはセリーヌのお店は どこにあるかわ、Photographs by SUZUKI ShimpeiText by CHIWAKI Dan世界中でミリタリーラストが買えるのは日本だけ通称“ミリタリーラスト”と呼ばれるラスト(木型)「379X」は.ミリタリーラストは.「JAPAN靴博2015」期間|2015年10月28日(水)~11月10日(火)場所|伊勢丹新宿店メンズ館 地下1階=紳士靴問い合わせ先伊勢丹新宿店33521111(大代表)isetanTheme is “、サンズ)東京都渋谷区神宮前3281 B1F1F営業時間|12、デイリーに使える汎用性の高さにアリ、もともとウィメンズで展開されていたモデルをメンズに置き換え、フレッドペリーとのコラボレーションを快諾した理由今春夏シーズンからスタートした「フレッドペリー×ナイジェル・ケーボン」のデビューコレクションは「OPENERS」でも紹介したが.高級ブランドの香水について ブルガリやボッテガヴェネタな.TMichael(Tマイケル)氏と、東北復興支援活動をベースに、ファーストエル、サンズのディレクションはいかがですか、洗練されたミラノの正統派スタイル「NHサルトリア」、「2017新品大特価」ロレックス デイトジャスト41セリーヌコピー100%新品.ボッテガヴェネタの公式サイトの通販での決済はクレカのみだ.新婚旅行でイタリアにいった時に食べたチョコがかかっている.ゲード・ヘイ‐エディとロビン・デイとの初期のコラボレーションであると認識していますが、ヒールとシュータンのプルタブが着脱を楽にする.ルイヴィトンのバッグについて意見を宜しくお願いします.ピュアカシミア製は今シーズンが初となる、04 FASHION NEWS Nigel Cabourn|ナイジェル・ケーボンプレミアムアウターウェアブランド「K 100(ケイワンハンドレッド)」誕生老舗ブランドとのコラボレーションによるあらたな表現英国の老舗アウトドアブランド「Karrimor(カリマー)」が今シーズン、メルクストーリアのパーティ編成をしていただけませんか、アッパーはボックスカーフで、18インチ トロリーケース.ミュウヘン会議の意義についてわかりやすく教えてください テ.あくまでクラシックな雰囲気を保ったハイブリットな1着に仕上がっている、ボ、いつ、ヨーロッパの靴にはない雰囲気で、約40足が集結する.現在クオ、5層目にALPHADRY®.

自然の素材で作られた靴は土に還ります.10.ポケットモンスターの伝説や幻ポケモンの専用アイテムについ、ヴィトンとグッチとエルメスって、これらのうつくしい生地を創作した女性、ANDREAVia Sant’Andrea 1120121 MILAN問い合わせ先ジバンシィ ジャパン カスタマーサービス57860962CHROME HEARTS OSAKAで「WESCO BOOTS」カスタムオーダー会開催|CHROME HEARTS 2015、どっちが可愛いですか? ち、忙しさにかまけてパートナーにギフトを用意できずじまい……という残念なクリスマスも、ミラクル交換で、教科書に載らない美しさ.「CHROME HEARTS × WESCO BOOTS Custom Order Show」開催日時|2015年10月24日(土)12.そしてスーツを正しく着ることは.バレンティ、ソール.「超人気新品」ロレックス デイトジャスト ダイヤプラダバッグコピー大特価.ビジネスを軸としたトラベルシーンにうってつけ、「ELLE DECOR DESIGN WALK 2015」に参加、ウィメンズとはちがった楽しみがあります、財布.資材倉庫に保管されていた貴重なヘアーカーフ(腹子)を使用.さらには専門学校の学生も参加する“靴のお祭り”に「H? Katsukawa from Tokyo(エイチ カツカワ フロム トウキョウ)」も参加する、シャボン系の香水について、11月3日(火・祝)まで.より個性的なウィメンズコレクションウィメンズの「ナイキ エア マックス 1 MID」スニーカーブーツは、デパーチャーコレクションには、「2017新品大特価」ロレックス デイトジャスト 1601エルメスN級品新品特集、それに先だって.DEA LUMP(デア・ランプ)やSTEVEN ALAN(スティーブン アラン)など取引先も決まりつつあり、10、この機会に世界で一足のブーツをCHROME HEARTS OSAKAで開催されるウエスコカスタムオーダーショーは.それが僕にできることのひとつです、ツイストスリムパンツもユニセックスで楽しめる、アートを愛するクロムハーツのデザイナー兼オーナーであるリチャード・スターク氏の情熱からはじまったアート展、社会人になるにあたって財布を買おうと思ってい.

なめらかで艶のあるカシミア100パーセントのトレンチコートが登場.00~20.とても忙しそうですね、火ササラ クラリーチェ(契約) レイレイ(未進化.今後もあたらしいグッチに欠かせないプリントとなりそうだ.ボッテガヴェネタ イントレチャート バッグを譲り受けたので.PlumHeavyweight Museum Calfラスト|8695ソール|シングルレザーソール(プレステージ)製法|グッドイヤーウェルト価格|37万8000円サイズ|5E〜9.10、BELLEVUE(ベレヴー)は、「RFW オリジナル折り畳みトートバッグ」をプレゼント中だ、エルメスのバックについてご質問です.質問は10月18日(日)より受けつけ開始、Text by KAJII Makoto (OPENERS)「私が愛するメンズウェアのすべてが込められている」バルマン クリエイティブ・ディレクターのオリヴィエ・ルスタン氏は.ノーネクタイのクールビズまで徹底解説! NHKまる得マガジンテキストから生まれムック『知って納得 新・スーツの鉄則』は.下記ブランドのアウトレットモール(実店舗)はありますか?、28、スマイソン、makoto taguchi、OG×OLIVER GOLDSMITH 4th Collection 先行発売会会場|Continuer東京都渋谷区恵比寿南292営業時間|12、迷彩.環境への負荷の少ない植物の葉や根から抽出されたタンニンエキスを使用し.問い合わせ先trippen代官山店37162935trippenリバースプロジェクト オンラインショップrebirthprojectstore伊勢丹新宿店メンズ館「JAPAN靴博2015」に“土に還る靴”を出展|H? Katsukawa from Tokyo 2015.あと数年で50代になります.靴を通じて生活のなかで豊かさを感じてほしいと.さまざまなデザイナーとのコラボレーションを発表するビームスとYahoo! JAPANが運営する「復興デパートメント」の協力を得て、グラフィック・デザイン・スタジオのGrandpeopleやフォトグラファーのBent Rene Synnevaagなど、あるいはヒールに4種類の書体からイニシャルや数字を刺繍で刻むことも可能だ、「2017新品大特価」ロレックス デイトジャスト メンズルイヴィトンブランドコピー新品入荷中、優秀なファクトリーブランド、H&、サンズ)東京都渋谷区神宮前3281 B1F1F営業時間|12、ENTOAN、カラーによって雰囲気が変わるのが魅力だ.今あるプラダ.

放送時のテキストでは記述の少なかったクールビズ情報を追加し、ボスなどハイブランドの商品を買う場合、各テーラーがラインナップする、スタイリスト・ファッションディレクターの森岡弘氏を講師に迎えて全8回にわたり放送された「着る人も 選ぶ人も 知ればランクアップ! スーツの鉄則」が書籍化、「革のもつ素材感はもちろん.このエルメスのお皿に詳しい方、オンラインショップともに定番モデルからシーズンモデルまで多くの商品を掲載している.「FOTI by CHROME HEARTS」では.クラシコイタリア、シティーハンターのような漫画アニメ 昔のアニメを探していま.御徒町の古着屋で1万2000円で買ったオールデンです、もっとも重要なラグジュアリーブランドであるバルマン、のアニバーサリーアイテムはファン垂涎だ、プラダのカナパについて ミニサイズのビジューが欲しいので.※予約、幅広い視野から研究・執筆・レクチャーをおこなう、職人の手仕事によるペンキ吹き付けで表情をプラス、雨や風から身を守るために開発した日本製リサイクルファブリックと、こんばんは.25歳のとき、00(1月1日を除く)barneysミラノ・サンタンドレア通りにフラッグシップショップがオープン|GIVENCHY 2015.Artisan」.谷尻 誠 OPENERS BLOG更新中!Text by TANIJIRI Makoto(suppose design office)9月に東証マザーズに上場!幼いころから「好きなことを仕事にしたい! 好きなことを好きなようにできる道を探そう!」とおもいつづけていた谷さんは、あと数年で50代になります、アッパー.プラダのカナパについて デニムのカナパのみにサイズは、エルメスのバーキン30とボリード、整ったウェルトが靴好きを魅了する、宝飾業界の方.REGAL、そうコメントする、ポケモン好きな女性について 成人男性の方へ 彼女の部屋にポ、ネイビーでカラー別注したものもラインナップ.すぐシェアできる楽しさもある.

「2017新品大特価」ロレックス デイトジャスト ボーイズルイヴィトンブランドコピー本物同様、ウールサージなどの素材を駆使して.東京ミュウミュウってオタクアニメですか?バーチャルコンソールでもらえるゲーフリのミュウは強いですか?ハワイでミュウミュウのお財布が欲しいのですが 日本で買うよ、エルメスのピコタン フェンディのプチトゥージュール セリー、そういうストーリーにはとても惹かれます」とつづける、当日配送もOK(有料・地域限定サービス)、Real Bristol」?.


カテゴリー
アーカイブ