@charset "UTF-8"; /*------------------------------------------------------------- col1（1カラム：100%） -------------------------------------------------------------*/ .col1 { width: 100%; } .col1 .box1 { width: 100%; } /*------------------------------------------------------------- col2-1（2カラム：50%｜50%） -------------------------------------------------------------*/ .col2-1 { } .col2-1 .box1 { float: left; width: 50%; } .col2-1 .box2 { float: right; margin-left: -1px; width: 50%; } /*------------------------------------------------------------- col2-4（2カラム：23%｜77%） -------------------------------------------------------------*/ .col2-4 { } .col2-4 .box1 { float: left; width: 23%; } .col2-4 .box2 { float: right; margin-left: -1px; width: 77%; } /*------------------------------------------------------------- col2-5（2カラム：77%｜23%） -------------------------------------------------------------*/ .col2-5 { } .col2-5 .box1 { float: left; width: 77%; } .col2-5 .box2 { float: right; margin-left: -1px; width: 23%; } /*------------------------------------------------------------- col2-2（2カラム：33%｜67%） -------------------------------------------------------------*/ .col2-2 { } .col2-2 .box1 { float: left; width: 33%; } .col2-2 .box2 { float: right; margin-left: -1px; width: 67%; } /*------------------------------------------------------------- col2-3（2カラム：67%｜33%） -------------------------------------------------------------*/ .col2-3 { } .col2-3 .box1 { float: left; width: 67%; } .col2-3 .box2 { float: right; margin-left: -1px; width: 33%; } /*------------------------------------------------------------- col2-6（2カラム：38%｜62%） -------------------------------------------------------------*/ .col2-6 { } .col2-6 .box1 { float: left; width: 38%; } .col2-6 .box2 { float: right; margin-left: -1px; width: 62%; } /*------------------------------------------------------------- col2-7（2カラム：62%｜38%） -------------------------------------------------------------*/ .col2-7 { } .col2-7 .box1 { float: left; width: 62%; } .col2-7 .box2 { float: right; margin-left: -1px; width: 38%; } /*------------------------------------------------------------- col2-8（2カラム：固定｜可変） -------------------------------------------------------------*/ .col2-8 { } .col2-8 .box1 { float: right; width: 100%; } .col2-8 .box2 { float: left; width: 220px; margin-right: -100%; } .col2-8 .box1 .page{ width: 100%; } /*------------------------------------------------------------- col2-9（2カラム：可変｜固定） -------------------------------------------------------------*/ .col2-9 { } .col2-9 .box1 { float: left; width: 100%; margin-right: -100%; } .col2-9 .box2 { float: right; width: 220px; } /*------------------------------------------------------------- col3-1（3カラム：33%｜34%｜33%） -------------------------------------------------------------*/ .col3-1 { } .col3-1 .box1 { float: left; width: 33%; } .col3-1 .box2 { float: left; width: 34%; } .col3-1 .box3 { float: right; margin-left: -1px; width: 33%; } /*------------------------------------------------------------- col3-2（3カラム：25%｜50%｜25%） -------------------------------------------------------------*/ .col3-2 { } .col3-2 .box1 { float: left; width: 25%; } .col3-2 .box2 { float: left; width: 50%; } .col3-2 .box3 { float: right; margin-left: -1px; width: 25%; } /*------------------------------------------------------------- col3-3（3カラム：25%｜25%｜50%） -------------------------------------------------------------*/ .col3-3 { } .col3-3 .box1 { float: left; width: 25%; } .col3-3 .box2 { float: left; width: 25%; } .col3-3 .box3 { float: right; margin-left: -1px; width: 50%; } /*------------------------------------------------------------- col3-4（3カラム：50%｜25%｜25%） -------------------------------------------------------------*/ .col3-4 { } .col3-4 .box1 { float: left; width: 50%; } .col3-4 .box2 { float: left; width: 25%; } .col3-4 .box3 { float: right; margin-left: -1px; width: 25%; } /*------------------------------------------------------------- col3-5（3カラム：固定｜可変｜固定） -------------------------------------------------------------*/ .col3-5 { } .col3-5 .box1 { float: left; width: 100%; } .col3-5 .box2 { float: left; width: 220px; margin-left: -100%; } .col3-5 .box3 { float: left; width: 220px; margin-left: -220px; } .col3-5 .box1 .page{ width: 100%; } /*------------------------------------------------------------- col4（4カラム：25%｜25%｜25%｜25%） -------------------------------------------------------------*/ .col4 { } .col4 .box1 { float: left; margin-right: -1px; width: 25%; } .col4 .box2 { float: left; width: 25%; } .col4 .box3 { float: left; width: 25%; } .col4 .box4 { float: right; margin-left: -1px; width: 25%; } /*------------------------------------------------------------- タイトル（見出し - 大きくて太いタイトル） .bTtl ┗ h1〜h6 -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bTtl { } .bTtl h1, .bTtl h2, .bTtl h3, .bTtl h4, .bTtl h5, .bTtl h6 { margin: 0; line-height: normal; } /*------------------------------------------------------------- タイトル（見出し - 小さいタイトル） .bSubTtl ┗ h1〜h6 -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bSubTtl { } .bSubTtl h1, .bSubTtl h2, .bSubTtl h3, .bSubTtl h4, .bSubTtl h5, .bSubTtl h6 { margin: 0; line-height: normal; } /*------------------------------------------------------------- 画像タイトル .bImgttl ┗ h1〜h6 -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bImgttl { overflow: hidden; } .bImgttl h1, .bImgttl h2, .bImgttl h3, .bImgttl h4, .bImgttl h5, .bImgttl h6 { margin: 0; padding: 0; display: block; text-indent: -9999px; font-size: 0.1em; line-height: 0.1em; background-position: 0 0; background-repeat: no-repeat; } /*------------------------------------------------------------ スマートフォン向け -------------------------------------------------------------*/ .bImgttlSp h1, .bImgttlSp h2, .bImgttlSp h3, .bImgttlSp h4, .bImgttlSp h5, .bImgttlSp h6 { margin: 0; padding: 0; display: block; } .bImgttlSp h1 img, .bImgttlSp h2 img, .bImgttlSp h3 img, .bImgttlSp h4 img, .bImgttlSp h5 img, .bImgttlSp h6 img { width: 100%; } /*------------------------------------------------------------- 背景付きタイトル（見出し - 大きくて太いタイトル） .bTtlBg ┗ h1〜h6 -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bTtlBg { } .bTtlBg h1, .bTtlBg h2, .bTtlBg h3, .bTtlBg h4, .bTtlBg h5, .bTtlBg h6 { margin: 0; line-height: normal; } /*------------------------------------------------------------- テキストのみ .bTxt ┗ p -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bTxt { } .bTxt p { margin: 0; padding: 0; } /*------------------------------------------------------------- テキストのみ .bHtml ┗ p -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bHtml { } /*------------------------------------------------------------- 画像のみ .bImg ┣ img ┗ p.imgCap -------------------------------------------------------------*/ .bImg { text-align: center; } .bImg img { width: 100%; } .bImg p.imgCap { margin: 0; padding: 5px 0 0 0; font-weight: bold; text-align: center; } /*------------------------------------------------------------- 画像のみ（オリジナルサイズ表示） .bImgOrg ┗ .bImgOrgInner ┣ img ┗ p.imgCap -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bImgOrg { overflow: hidden; } /*------------------------------------------------------------- 画像（別画像拡大） .extimg ┗ a ┗ span ┗ img -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .extimg { text-align: center; } .extimg img { width: 100%; } .extimg p.imgCap { margin: 0; padding: 5px 0 0 0; font-weight: bold; text-align: center; } /*------------------------------------------------------------ スマートフォン向け -------------------------------------------------------------*/ .spLayout .extimg {} /*------------------------------------------------------------- 画像ボタン .bImgbtn ┗ img -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bImgbtn { overflow: hidden; } .bImgbtn img { vertical-align: bottom; } /*------------------------------------------------------------- 画像（左）+テキスト（右） .bImgTxt ┣ .bImgTxtLeft ｜ ┣ img ｜ ┗ p.imgCap ｜ ┗ .bImgTxtRight ┗ p -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bImgTxt { } .bImgTxt .bImgTxtLeft { float: left; text-align: center; } .bImgTxt .bImgTxtLeft img { width: 100%; } .bImgTxt .bImgTxtLeft p.imgCap { } .bImgTxt .bImgTxtRight { } .bImgTxt .bImgTxtRight p { margin: 0; } /*------------------------------------------------------------- 画像（右）+テキスト（左） .bTxtImg ┣ .bTxtImgLeft ｜ ┗ p ｜ ┗ .bTxtImgRight ┣ img ┗ p.imgCap -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bTxtImg { } .bTxtImg .bTxtImgLeft { } .bTxtImg .bTxtImgLeft p { margin: 0; } .bTxtImg .bTxtImgRight { float: right; text-align: center; overflow: hidden; } .bTxtImg .bTxtImgRight img { width: 100%; } .bTxtImg .bTxtImgRight p.imgCap { margin: 0; } /*------------------------------------------------------------- 画像（上）+テキスト（下） .bVImgTxt ┣ .bVImgTxtImg ｜ ┣ img ｜ ┗ p.imgCap ｜ ┗ .bVImgTxtBottom ┗ p -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bVImgTxt { } .bVImgTxt .bVImgTxtImg img { width: 100%; } /*------------------------------------------------------------- 画像（左）+タイトル（右）+テキスト（右）+詳細ボタン（右） .bImgTtlTxt ┣ .bImgTxtLeft ｜ ┣ img ｜ ┗ p.imgCap ｜ ┗ .bImgTxtRight ┣ h4 ┣ p ┗ p.linkArrow -------------------------------------------------------------*/ .bImgTtlTxt { } .bImgTtlTxt .bImgTtlTxtLeft { float: left; } .bImgTtlTxt .bImgTtlTxtLeft img { width: 100%; } .bImgTtlTxt .bImgTtlTxtRight { } .bImgTtlTxt .bImgTtlTxtRight h5 { margin: 0; padding: 0; } .bImgTtlTxt .bImgTtlTxtRight p { margin: 0; } /*------------------------------------------------------------- 画像（上）+タイトル+テキスト（下） .bVImgTtlTxt ┣ .bVImgTtlTxtImg ｜ ┗ img ｜ ┣ p.imgCap ┗ .bVImgTtlTxtBottom ┣ h5 ┣ p ┗ p.linkArrow -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bVImgTtlTxt { } .bVImgTtlTxt .bVImgTtlTxtImg img { width: 100%; } /*------------------------------------------------------------- 画像（上段）×2 +テキスト（下段）×2 .bVImgTtlTxt2 ┣ .bVImgTtlTxt2Left ｜ ┗ .bVImgTtlTxt2Inner ｜ ┣ .bVImgTtlTxt2Img ｜ ｜ ┣ img ｜ ｜ ┗ p.imgCap ｜ ｜ ｜ ┗ .bVImgTtlTxt2Data ｜ ┣ h5 ｜ ┣ p ｜ ┗ p.linkArrow ｜ ┗ .bVImgTtlTxt2Right ┗ .bVImgTtlTxt2Inner ┣ .bVImgTtlTxt2Img ｜ ┣ img ｜ ┗ p.imgCap ｜ ┗ .bVImgTtlTxt2Data ┣ h5 ┣ p ┗ p.linkArrow -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bVImgTtlTxt2 { overflow: hidden; } .bVImgTtlTxt2 .bVImgTtlTxt2Img img { width: 100%; } .bVImgTtlTxt2 .bVImgTtlTxt2Left { float: left; width: 50%; } .bVImgTtlTxt2 .bVImgTtlTxt2Right { float: right; width: 50%; margin-left: -1px; /*IE6 レイアウト対応*/ } /*------------------------------------------------------------ スマートフォン向け -------------------------------------------------------------*/ .spLayout .bVImgTtlTxt2Left { float: none; width: 100%; } .spLayout .bVImgTtlTxt2Right { float: none; width: 100%; margin: 0; } .spLayout .bVImgTtlTxt2Left div.bVImgTtlTxt2Inner { margin: 0 0 30px 0; } .spLayout .bVImgTtlTxt2Right div.bVImgTtlTxt2Inner { margin: 0; } .bVImgTtlTxt2Scroller { width: 3000px; overflow: hidden; } .bVImgTtlTxt2Scroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; } .bVImgTtlTxt2Scroller li { width: 480px; display: inline; float: left; } .containerInner .bVImgTtlTxt2Scroller li a span { border: none; } /*------------------------------------------------------------- 画像（左）+タイトル（右）+テキスト（右）+詳細ボタン（右）×2 .bImgTtlTxt2 ┣ .bImgTxtLeft ｜ ┗.bImgTtlTxt2Inner ｜ ｜ ┣ .bImgTxtImg ｜ ｜ ┣ img ｜ ｜ ┗ p.imgCap ｜ ｜ ｜ ┗ bImgTtlTxt2Data ｜ ┣ h5 ｜ ┣ p ｜ ┗ p.linkArrow ｜ ┗ .bImgTxtRight ┗.bImgTtlTxt2Inner ｜ ┣ .bImgTxtImg ｜ ┣ img ｜ ┗ p.imgCap ｜ ┗ bImgTtlTxt2Data ┣ h5 ┣ p ┗ p.linkArrow -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bImgTtlTxt2 { overflow: hidden; } .bImgTtlTxt2Left { float: left; width: 50%; } .bImgTtlTxt2Right { float: right; width: 50%; margin-left: -1px; /*IE6 レイアウト対応*/ } .bImgTtlTxt2 .bImgTtlTxt2Img { float: left; } .bImgTtlTxt2 .bImgTtlTxt2Img img { width: 100%; } /*------------------------------------------------------------ スマートフォン向け -------------------------------------------------------------*/ .spLayout .bImgTtlTxt2Left { float: none; width: 100%; } .spLayout .bImgTtlTxt2Right { float: none; width: 100%; margin: 0; } .spLayout .bImgTtlTxt2Left div.bImgTtlTxt2Inner { margin: 0 0 20px 0; } .spLayout .bImgTtlTxt2Right div.bImgTtlTxt2Inner { margin: 0; } .bImgTtlTxt2Scroller { width: 3000px; overflow: hidden; } .bImgTtlTxt2Scroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; } .bImgTtlTxt2Scroller li { width: 480px; display: inline; float: left; } .bImgTtlTxt2Scroller li img { width: 100%; } .containerInner .bImgTtlTxt2Scroller li a span { border: none; } /*------------------------------------------------------------- 画像（上段）×2 +テキスト（下段）×2 .bImg2Txt2 ┣ .bImg2Txt2Left ｜ ┗ .bImg2Txt2Inner ｜ ┣ img ｜ ┣ p.imgCap ｜ ┗ p ｜ ┗ .bImg2Txt2Right ┗ .bImg2Txt2Inner ┣ img ┣ p.imgCap ┗ p -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bImg2Txt2 { overflow: hidden; } .bImg2Txt2 p.imgCap { margin: 0; text-align: center; } .bImg2Txt2 p { margin: 0; text-align: left; } .bImg2Txt2 .bImg2Txt2Left { float: left; width: 50%; } .bImg2Txt2 .bImg2Txt2Left img { width: 100%; } .bImg2Txt2 .bImg2Txt2Right { float: right; margin-left: -1px; /*IE6 レイアウト対応*/ width: 50%; } .bImg2Txt2 .bImg2Txt2Right img { width: 100%; } /*------------------------------------------------------------ スマートフォン向け -------------------------------------------------------------*/ .spLayout .bImg2Txt2Left { float: none; width: 100%; } .spLayout .bImg2Txt2Right { float: none; width: 100%; margin: 0; } .spLayout .bImg2Txt2Left div.bImg2Txt2Inner { margin: 0 0 30px 0; } .spLayout .bImg2Txt2Right div.bImg2Txt2Inner { margin: 0; } .bImg2Txt2Scroller { width: 3000px; overflow: hidden; } .bImg2Txt2Scroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; } .bImg2Txt2Scroller li { width: 480px; display: inline; float: left; } .bImg2Txt2Scroller li img { width: 100%; } .containerInner .bImg2Txt2Scroller li a span { border: none; } /*------------------------------------------------------------- 画像（上段）×3 +テキスト（下段）×3 .bImg3Txt3 ┣ .bImg3Txt3Left ｜ ┗ .bImg3Txt3Inner ｜ ┣ img ｜ ┣ p.imgCap ｜ ┗ p ｜ ┣ .bImg3Txt3Center ｜ ┗ .bImg3Txt3Inner ｜ ┣ img ｜ ┣ p.imgCap ｜ ┗ p ｜ ┗ .bImg3Txt3Right ┗ .bImg3Txt3Inner ┣ img ┣ p.imgCap ┗ p -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bImg3Txt3 { overflow: hidden; } .bImg3Txt3 img { width: 100%; } .bImg3Txt3 p.imgCap { margin: 0; } .bImg3Txt3 p { margin: 0; text-align: left; } .bImg3Txt3 .bImg3Txt3Left { float: left; width: 33%; text-align: center; } .bImg3Txt3 .bImg3Txt3Center { float: left; width: 34%; text-align: center; } .bImg3Txt3 .bImg3Txt3Right { float: right; width: 33%; margin-left: -1px; /*IE6 レイアウト対応*/ text-align: center; } /*------------------------------------------------------------ スマートフォン向け -------------------------------------------------------------*/ .spLayout .bImg3Txt3Left { float: none; width: 100%; } .spLayout .bImg3Txt3Center { float: none; width: 100%; margin: 0; } .spLayout .bImg3Txt3Right { float: none; width: 100%; margin: 0; } .col1 .spLayout .bImg3Txt3Left div.bImg3Txt3Inner { margin: 0 0 30px 0; } .col1 .spLayout .bImg3Txt3Center div.bImg3Txt3Inner { margin: 0 0 30px 0; } .col1 .spLayout .bImg3Txt3Right div.bImg3Txt3Inner { margin: 0; } .bImg3Txt3Scroller { width: 3000px; overflow: hidden; } .bImg3Txt3Scroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; } .bImg3Txt3Scroller li { width: 480px; display: inline; float: left; } .bImg3Txt3Scroller li img { width: 100%; } .containerInner .bImg3Txt3Scroller li a span { border: none; } /*------------------------------------------------------------- 表（2列） .bList2 ┗ table -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bList2 { } /*------------------------------------------------------------- 箇条書き .bItems ┗ ul ┗li -------------------------------------------------------------*/ .bItems { } .bItems ol { list-style-position: outside; } .bItems ol li { } /*------------------------------------------------------------- 拡張罫線 .btnLayer -------------------------------------------------------------*/ .btnLayer { width: 100%; font-size: 0.1em; line-height: 0.1em; } .btnLayer hr { display: none; } .btnLayerDummy { width: 100%; font-size: 0.1em; line-height: 0.1em; border-bottom-style: solid; border-bottom-width: 3px; } .btnLayerDummy hr { display: none; } /*------------------------------------------------------------- PDFダウンロードファイル .bPdf ┣ .bPdfLeft ｜ ┗ img ｜ ┗ .bPdfRight ┣ p ┗ p -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bPdf { } .bPdf .bPdfLeft { float: left; width: 32px; } .bPdf .bPdfLeft img { } .bPdf .bPdfRight { margin: 0 0 0 42px; } .bPdf .bPdfRight p { margin: 0; } .bBanner ul { list-style :none; margin: 0; padding: 0; margin-top: -5px; } .bBanner ul li { list-style-position: outside; margin-top: 5px; } .bBanner ul li a { display: block; } .bBanner ul li a img{ width: 100%; vertical-align: top; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .bBanner ul li a img:hover{ opacity: 0.7; filter: alpha(opacity=70); } .bBanner ul li .caption { text-align: center; } .bDigest ul { list-style :none; margin: 0; padding: 0; } .bDigest ul li { list-style-position: outside; } .bDigest ul li a { display: block; } .bDigest ul li a img{ width: 100%; } .bDigest ul li .caption { text-align: center; } /*------------------------------------------------------------- ページトップへ戻るボタン .bPageTop ┗ p -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bPageTop { } .bPageTop p { } /*------------------------------------------------------------- 縦並びアンカー .bAnchor ┗ ul ┗li -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bAnchor { } .bAnchor ul { } .bAnchor ul li { } /*------------------------------------------------------------- 横並びアンカー .bAnchorSide ┗ ul ┗li -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bAnchorSide { } .bAnchorSide ul { } .bAnchorSide ul li { display: inline; } /*------------------------------------------------------------- 動画 .bVideo ┣ div ┣ strong ┣ p ┗ p -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bVideo strong { display: block; font-size: 1.2em; line-height: 1.4em; padding: 10px 0px 5px; } .bVideo p { word-wrap: break-word; } /*------------------------------------------------------------ スマートフォン向け -------------------------------------------------------------*/ /*------------------------------------------------------------- Flash swfアニメーション .bFlash ┗ h5 -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bFlash { } .bFlash h5 { } /*------------------------------------------------------------- Flashダウンロード案内 .bFlaDl ┣ .bFlaDlLeft ｜ ┗ p ｜ ┗ .bFlaDlRight ┗ img -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bFlaDl { width: 100%; } .bFlaDl .bFlaDlLeft { } .bFlaDl .bFlaDlLeft p { margin: 0; font-size: 0.8em; line-height: 1.4em; } .bFlaDl .bFlaDlRight { margin: 6px 0 0 0; width: 160px; } /*------------------------------------------------------------- Google MAP .bMap ┗ .bMapArea -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bMap { } /*------------------------------------------------------------- RSSリーダー .bRssReader ┗ ul ┗ li ┣ span ┗ h3 -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ /*リピートブロック*/ .bRssReader ul { list-style-position: outside; } .bRssReader ul li { width: auto; } .bRssReader ul li p { overflow: hidden; width: 100%; } .bRssReader ul li img { border: 0; } /*日付*/ .bRssReader li span { } /*タイトル*/ .bRssReader li h3 { } /*------------------------------------------------------------- サイトマップ .bSiteMap ┗ ul.bSiteMapGlobal ┗ li.bSiteMapGli ┗ ul.bSiteMapLocal ┗ li.bSiteMapLli -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bSiteMap { } .bSiteMap ul { list-style-position: outside; } .bSiteMap ul li { } /*------------------------------------------------------------- インフォメーションユニット .bInfomation01（PC用レイアウト1） .bInfomation02（PC用レイアウト2） .SPbInfomation01（スマートフォン用レイアウト1） .SPbInfomation02（スマートフォン用レイアウト2） .SPbInfomation03（スマートフォン用レイアウト3） -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け（レイアウト1） -------------------------------------------------------------*/ .bInfomation01 { } /*一覧*/ .bInfomation01 .binfomation { position: relative; padding: 15px 15px 30px 15px; margin: 0 0 15px 0; background-color: #FFF; } /*タイトル*/ .bInfomation01 .binfomationCategory { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #DDD; } .bInfomation01 .binfomationCategory .tit { margin-right: 115px; line-height: 24px; font-size: 22px; font-weight: normal; } /*もっと見るボタン*/ .bInfomation01 p.more { position: absolute; top: 15px; right: 15px; } .bInfomation01 p.more a { position: relative; display: block; width: 100px; padding: 6px 0; font-size: 12px; line-height: 12px; background-color: #EEE; color: #333 !important; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(/PIE.htc); } .bInfomation01 p.more a span { width: 6em; margin: 0 auto; background: url(../usr-data/units/bInfomation/more_arrow.png) no-repeat right center; border: none !important; display: block; } .bInfomation01 p.more a:hover { background-color: #DDD; text-decoration: none; } /*リピートブロック*/ .bInfomation01 .binfomation ul { width: 100%; margin-top: -15px; padding: 0; list-style: none; list-style-position: outside; position: relative !important; overflow: hidden; /zoom: 1; } .bInfomation01 .binfomation ul li { margin: 0; padding: 15px 0 15px 0; border-bottom: 1px dotted #DDD; } .bInfomation01 .binfomation ul li .row { display: block; padding-right: 15px; text-decoration: none; line-height: 1em; background: url(../usr-data/units/bInfomationTab/arrow.png) no-repeat right center; } .bInfomation01 .binfomation ul li .nolink { background: none; } .bInfomation01 .binfomation ul li .row span { display: block; border: none !important; } .bInfomation01 .binfomation ul li a:hover { text-decoration: none; } .bInfomation01 .binfomation ul li .row span.thumb { width: 60px; float: left; margin: 0 8px 0 0; } .bInfomation01 .binfomation ul li .row span.inner { font-size: 12px; line-height: 1.5em; } /* サムネイル */ .bInfomation01 .binfomation span.thumb img { width: 100%; } /*日付*/ .bInfomation01 .binfomation span.inner span.date { display: inline; color: #888; } /*カテゴリ*/ .bInfomation01 .binfomation span.inner span.cat { display: inline; color: #888; } /*NEW!アイコン*/ .bInfomation01 .binfomation span.inner span.PCnew { display: inline; font-size: 11px; color: #F11; } /*記事タイトル*/ .bInfomation01 .binfomation span.subtit { font-weight: normal; font-size: 14px; line-height: 1.3em; } /*本文*/ .bInfomation01 .binfomation span.subbody { line-height: 1.6em; } /*区切り線*/ .bInfomation01 .binfomation span.separate { display: inline !important; color: #888; } /*------------------------------------------------------------ PC向け（レイアウト2） -------------------------------------------------------------*/ .bInfomation02 { } /*タイトル*/ .bInfomation02 .binfomationCategory { margin: 0 0 15px; padding: 0 15px; background-color: #FFF; } .bInfomation02 .binfomationCategory .tit { width: 40%; float: left; font-size: 22px; line-height: 40px; font-weight: normal; } /*カテゴリナビゲーション*/ .bInfomation02 .binfomationCategory ul.categoryList { width: 60%; float: right; text-align: right; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .bInfomation02 .binfomationCategory ul.categoryList li { display: inline; } .bInfomation02 .binfomationCategory ul.categoryList li a { font-size: 12px; line-height: 40px; padding: 1px 10px 0 10px; text-decoration: none; } .bInfomation02 .binfomationCategory ul.categoryList li a:hover { color: #FFF !important; background: #00c2ff; text-decoration: none; } .bInfomation02 .binfomationCategory .categoryList .cur { color: #FFF !important; background: #00ABE1; } /*アクティブ*/ /*一覧*/ .bInfomation02 .binfomation { padding: 15px; margin: 0 0 15px 0; background-color: #FFF; } /*リピートブロック*/ .bInfomation02 .binfomation ul { width: 100%; margin-top: -15px; padding: 0; list-style: none; list-style-position: outside; position: relative !important; overflow: hidden; /zoom: 1; } .bInfomation02 .binfomation ul li { margin: 0; padding: 15px 0 15px 0; border-bottom: 1px dotted #DDD; } .bInfomation02 .binfomation ul li .row { display: block; padding-right: 15px; text-decoration: none; line-height: 1em; background: url(../usr-data/units/bInfomationTab/arrow.png) no-repeat right center; } .bInfomation01 .binfomation ul li .nolink { background: none; } .bInfomation02 .binfomation ul li .row span { display: block; border: none !important; } .bInfomation02 .binfomation ul li a:hover { text-decoration: none; } .bInfomation02 .binfomation ul li .row span.thumb { width: 60px; float: left; margin: 0 8px 0 0; } .bInfomation02 .binfomation ul li .row span.inner { font-size: 12px; line-height: 1.5em; } /* サムネイル */ .bInfomation02 .binfomation span.thumb img { width: 100%; } /*日付*/ .bInfomation02 .binfomation span.inner span.date { display: inline; color: #888; } /*カテゴリ*/ .bInfomation02 .binfomation span.inner span.cat { display: inline; color: #888; } /*NEW!アイコン*/ .bInfomation02 .binfomation span.inner span.PCnew { display: inline; font-size: 11px; color: #F11; } /*記事タイトル*/ .bInfomation02 .binfomation span.subtit { font-weight: normal; font-size: 14px; line-height: 1.3em; } /*本文*/ .bInfomation02 .binfomation span.subbody { line-height: 1.6em; } /*区切り線*/ .bInfomation02 .binfomation span.separate { display: inline !important; color: #888; } /*------------------------------------------------------------ PCコンテナ別プロパティ -------------------------------------------------------------*/ /*col2-1（2カラム：50%｜50%）*/ .col2-1 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col2-1 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col2-2（2カラム：33%｜67%）*/ .col2-2 .box1 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col2-2 .box1 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col2-3（2カラム：67%｜33%）*/ .col2-3 .box2 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col2-3 .box2 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col2-4（2カラム：23%｜77%）*/ .col2-4 .box1 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col2-4 .box1 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col2-5（2カラム：77%｜23%）*/ .col2-5 .box2 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col2-5 .box2 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col2-6（2カラム：38%｜62%）*/ .col2-6 .box1 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col2-6 .box1 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col2-7（2カラム：62%｜38%）*/ .col2-7 .box2 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col2-7 .box2 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col2-8（2カラム：固定｜可変）*/ .col2-8 .box2 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col2-8 .box2 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col2-9（2カラム：可変｜固定）*/ .col2-9 .box2 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col2-9 .box2 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col3-1（3カラム：33%｜34%｜33%）*/ .col3-1 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col3-1 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col3-2（3カラム：25%｜50%｜25%）*/ .col3-2 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col3-2 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col3-3（3カラム：25%｜25%｜50%）*/ .col3-3 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col3-3 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col3-4（3カラム：50%｜25%｜25%）*/ .col3-4 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col3-4 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col3-5（3カラム：固定｜可変｜固定）*/ .col3-5 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col3-5 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*col4（4カラム：25%｜25%｜25%｜25%）*/ .col4 .bInfomation02 .binfomationCategory .tit { width: 100%; float: none; } .col4 .bInfomation02 .binfomationCategory ul.categoryList { width: 100%; float: none; text-align: left; } /*------------------------------------------------------------ スマートフォン向け（共通） -------------------------------------------------------------*/ /*点滅*/ .SPnew { -moz-animation-name: blink; -moz-animation-duration: 0.5s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -moz-animation-direction:alternate; -moz-animation-delay: 0s; -webkit-animation-name: blink; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction:alternate; -webkit-animation-delay: 0s; -o-animation-name: blink; -o-animation-duration: 0.5s; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: infinite; -o-animation-direction:alternate; -o-animation-delay: 0s; -ms-animation-name: blink; -ms-animation-duration: 0.5s; -ms-animation-timing-function: ease-in-out; -ms-animation-iteration-count: infinite; -ms-animation-direction:alternate; -ms-animation-delay: 0s; } @-moz-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-webkit-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-o-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-ms-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } /*------------------------------------------------------------ スマートフォン向け（レイアウト1） -------------------------------------------------------------*/ .SPbInfomation01 { } /*一覧*/ .SPbInfomation01 .SPbinfomation { width: auto; margin-left: -10px; margin-right: -10px; padding: 0; background-color: #FFF; } /*タイトル*/ .SPbInfomation01 .SPbinfomation .tit { background: #444; color: #FFF; font-size: 18px; font-weight: bold; padding: 8px 10px; } /*リピートブロック*/ .SPbInfomation01 .SPbinfomation ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .SPbInfomation01 .SPbinfomation ul li { display: block; margin: 0; padding: 10px; border-bottom: 1px solid #DDD; } .SPbInfomation01 .SPbinfomation ul li .row { display: block; padding-right: 15px; text-decoration: none; line-height: 1em; background: url(../usr-data/units/bInfomation/sp_arrow.png) no-repeat right center; } .SPbInfomation01 .SPbinfomation ul li div.row { background: none; } .SPbInfomation01 .SPbinfomation ul li .row span { display: block; border: none !important; } .SPbInfomation01 .SPbinfomation ul li .row span.thumb { width: 60px; float: left; margin: 0 8px 0 0; } .SPbInfomation01 .SPbinfomation ul li .row span.inner { } .SPbInfomation01 .SPbinfomation ul li a:hover { text-decoration: none; } .SPbInfomation01 .SPbinfomation ul li.more a { padding: 3px 15px 3px 0; color: #333 !important; font-size: 13px; font-weight: bold; text-align: right; } /*もっと見るボタン*/ /* サムネイル */ .SPbInfomation01 .SPbinfomation span.thumb img { width: 100%; } /*カテゴリ*/ .SPbInfomation01 .SPbinfomation span.cat { display: inline-block !important; background: #666; color: #fff; font-size: 10px; font-weight: bold; border-radius: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 5px 3px 5px; margin-bottom: 3px; line-height: 1em; } /*記事タイトル */ .SPbInfomation01 .SPbinfomation span.subtit { color: #333; font-size: 13px; font-weight: bold; line-height: 1.3em; margin: 0 0 3px; } /*日付*/ .SPbInfomation01 .SPbinfomation span.date { color: #999; font-size: 10px; font-weight: bold; line-height:12px; } /*NEW!アイコン*/ .SPbInfomation01 .SPbinfomation span.SPnew { display: inline !important; color: #E83232; font-size:10px; margin: 0 0 0 2px; } /*本文*/ .SPbInfomation01 .SPbinfomation span.subbody { color: #333; font-size: 13px; font-weight: normal; line-height: 1.3em; margin: 5px 0 0 0 } /*------------------------------------------------------------ スマートフォン向け（レイアウト2） -------------------------------------------------------------*/ /*カテゴリ選択プルダウンメニュー*/ .SPbInfomation02 .SPpulldownBox { width: auto; margin-left: -10px; padding:3px 0px 3px 0px; margin-right: -10px; background-color:#dddddd; text-align:center; border-bottom:1px solid #bbbbbb; } .SPbInfomation02 .SPpulldownBox select { width: 70%; font-size:14px; font-weight:bold; text-align:center; color:#333333; } /*一覧*/ .SPbInfomation02 .SPbinfomation { width: auto; margin-left: -10px; margin-right: -10px; padding: 0; background-color: #FFF; } /*リピートブロック*/ .SPbInfomation02 .SPbinfomation ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .SPbInfomation02 .SPbinfomation ul li { display: block; margin: 0; padding: 10px; border-bottom: 1px solid #DDD; } .SPbInfomation02 .SPbinfomation ul li .row { display: block; padding-right: 15px; text-decoration: none; line-height: 1em; background: url(../usr-data/units/bInfomation/sp_arrow.png) no-repeat right center; } .SPbInfomation02 .SPbinfomation ul li div.row { background: none; } .SPbInfomation02 .SPbinfomation ul li .row span { border: none !important; } .SPbInfomation02 .SPbinfomation ul li .row span.thumb { width: 60px; float: left; margin: 0 8px 0 0; } .SPbInfomation02 .SPbinfomation ul li .row span.inner { } .SPbInfomation02 .SPbinfomation ul li a:hover { text-decoration: none; } /* サムネイル */ .SPbInfomation02 .SPbinfomation span.thumb img { width: 100%; } /*カテゴリ*/ .SPbInfomation02 .SPbinfomation span.cat { display: inline-block; background: #666; color: #fff; font-size: 10px; font-weight: bold; border-radius: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 5px 3px 5px; margin-bottom: 3px; line-height: 1em; } /*記事タイトル */ .SPbInfomation02 .SPbinfomation span.subtit { color: #333; font-size: 13px; font-weight: bold; line-height: 1.3em; margin: 0 0 3px; } /*日付*/ .SPbInfomation02 .SPbinfomation span.date { color: #999; font-size: 10px; font-weight: bold; line-height:12px; } /*NEW!アイコン*/ .SPbInfomation02 .SPbinfomation span.SPnew { display: inline !important; color: #E83232; font-size:10px; margin: 0 0 0 2px; } /*本文*/ .SPbInfomation02 .SPbinfomation span.subbody { color: #333; font-size: 13px; font-weight: normal; line-height: 1.3em; margin: 5px 0 0 0; } /*------------------------------------------------------------ スマートフォン向け（レイアウト3） -------------------------------------------------------------*/ /*一覧*/ .SPbInfomation03 .SPbinfomation { width: auto; margin-left: -10px; margin-right: -10px; padding: 0; background-color: #FFF; } /*リピートブロック*/ .SPbInfomation03 .SPbinfomation ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .SPbInfomation03 .SPbinfomation ul li { display: block; margin: 0; padding: 10px; border-bottom: 1px solid #DDD; } .SPbInfomation03 .SPbinfomation ul li .row { display: block; padding-right: 15px; text-decoration: none; line-height: 1em; background: url(../usr-data/units/bInfomation/sp_arrow.png) no-repeat right center; } .SPbInfomation03 .SPbinfomation ul li div.row { background: none; } .SPbInfomation03 .SPbinfomation ul li .row span { border: none !important; } .SPbInfomation03 .SPbinfomation ul li a:hover { text-decoration: none; } /*記事タイトル */ .SPbInfomation03 .SPbinfomation span.subtit { color: #333 !important; line-height: 1.2em; font-size: 16px; font-weight: bold; padding: 3px 0; } /*本文*/ .SPbInfomation03 .SPbinfomation span.subbody { color: #333; font-size: 13px; font-weight: normal; line-height: 1.3em; margin: 0 0 3px; } /*------------------------------------------------------------- インフォメーションタブユニット .bInfomationTab_PC01（PC用レイアウト1） .bInfomationTab_SP01（スマートフォン用レイアウト1） -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け（レイアウト1） -------------------------------------------------------------*/ .bInfomationTab_PC01 { padding: 15px; margin: 0 0 15px 0; background-color: #FFF; } /*タイトル*/ .bInfomationTab_PC01 .binfomationtabCategory { margin: 0; padding: 0 0 15px 0; border-bottom: 1px solid #DDD; } .bInfomationTab_PC01 .binfomationtabCategory .tit { width: 100%; line-height: 24px; font-size: 22px; font-weight: normal; } /*カテゴリタブ*/ .bInfomationTab_PC01 .bInfomationTabTab { padding: 0; background-color: #CCC;} .bInfomationTab_PC01 .bInfomationTabTab ul { margin: 0 0 0 0; padding: 0; list-style: none; width: 100%; _display: inline-block; } .bInfomationTab_PC01 .bInfomationTabTab ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .bInfomationTab_PC01 .bInfomationTabTab ul li { float: left; width: 25%; display: block; text-align: center; overflow: hidden; font-size: 14px; } .bInfomationTab_PC01 .bInfomationTabTab ul li a { padding: 10px 0 11px 0; display: block; overflow: hidden; text-decoration: none !important; color: #333 !important; } .bInfomationTab_PC01 .bInfomationTabTab ul li a:hover { background-color: #FFF; } .bInfomationTab_PC01 .bInfomationTabTab ul li.current a { background-color: #FFF; } /*アクティブ*/ /*一覧*/ .bInfomationTab_PC01 .wrapContent { } /*リピートブロック*/ .bInfomationTab_PC01 .wrapContent ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .bInfomationTab_PC01 .wrapContent ul li { margin: 0; padding: 15px 0 15px 0; border-bottom: 1px dotted #DDD; } .bInfomationTab_PC01 .wrapContent ul li .row { display: block; padding-right: 15px; text-decoration: none; line-height: 1em; background: url(../usr-data/units/bInfomationTab/arrow.png) no-repeat right center; } .bInfomationTab_PC01 .wrapContent ul li div.row { background: none; } .bInfomationTab_PC01 .wrapContent ul li .row span { display: block; border: none !important; } .bInfomationTab_PC01 .wrapContent ul li a:hover { text-decoration: none; } .bInfomationTab_PC01 .wrapContent ul li .row span.thumb { width: 60px; float: left; margin: 0 8px 0 0; } .bInfomationTab_PC01 .wrapContent ul li .row span.inner { font-size: 12px; line-height: 1.5em; } .bInfomationTab_PC01 .wrapContent ul li.more a { padding: 3px 15px 3px 0; color: #333 !important; font-size: 13px; font-weight: bold; text-align: right; } /*もっと見るボタン*/ /* サムネイル */ .bInfomationTab_PC01 .wrapContent span.thumb img { width: 100%; } /*日付*/ .bInfomationTab_PC01 .wrapContent span.inner span.date { display: inline; color: #888; } /*カテゴリ*/ .bInfomationTab_PC01 .wrapContent span.inner span.cat { display: inline; color: #888; } /*NEW!アイコン*/ .bInfomationTab_PC01 .wrapContent span.inner span.PCnew { display: inline; font-size: 11px; color: #F11; } /*記事タイトル*/ .bInfomationTab_PC01 .wrapContent span.subtit { font-weight: normal; font-size: 14px; line-height: 1.3em; } /*本文*/ .bInfomationTab_PC01 .wrapContent span.subbody { line-height: 1.6em; } /*区切り線*/ .bInfomationTab_PC01 .wrapContent span.separate { display: inline !important; color: #888; } /*もっと見るボタン*/ .bInfomationTab_PC01 .wrapContent p.more a { display: block; width: 100px; margin: 15px 0 0 auto; padding: 6px 0; font-size: 12px; line-height: 12px; background-color: #EEE; color: #333 !important; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(/PIE.htc); } .bInfomationTab_PC01 .wrapContent p.more a span { width: 6em; margin: 0 auto; background: url(../usr-data/units/bInfomationTab/more_arrow.png) no-repeat right center; border: none !important; display: block; } .bInfomationTab_PC01 .wrapContent p.more a:hover { background-color: #DDD; text-decoration: none; } /*#infscr-loading {opacity:0 !important; }*/ #infscr-loading { text-align: center; width: 100%; } /*------------------------------------------------------------ スマートフォン向け（共通） -------------------------------------------------------------*/ /*点滅*/ .SPnew { -moz-animation-name: blink; -moz-animation-duration: 0.5s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -moz-animation-direction:alternate; -moz-animation-delay: 0s; -webkit-animation-name: blink; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction:alternate; -webkit-animation-delay: 0s; -o-animation-name: blink; -o-animation-duration: 0.5s; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: infinite; -o-animation-direction:alternate; -o-animation-delay: 0s; -ms-animation-name: blink; -ms-animation-duration: 0.5s; -ms-animation-timing-function: ease-in-out; -ms-animation-iteration-count: infinite; -ms-animation-direction:alternate; -ms-animation-delay: 0s; } @-moz-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-webkit-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-o-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-ms-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } /*------------------------------------------------------------ スマートフォン向け（レイアウト1） -------------------------------------------------------------*/ .bInfomationTab_SP01 { width: auto; margin-left: -10px; margin-right: -10px; padding: 0; background-color: #FFF; } /*カテゴリタブ*/ .bInfomationTab_SP01 .bInfomationTabTab { padding: 0; background-color: #CCC;} .bInfomationTab_SP01 .bInfomationTabTab ul { margin: 0 0 0 0; padding: 0; list-style: none; width: 100%; _display: inline-block; } .bInfomationTab_SP01 .bInfomationTabTab ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .bInfomationTab_SP01 .bInfomationTabTab ul li { float: left; width: 25%; display: block; text-align: center; overflow: hidden; font-size: 14px; } .bInfomationTab_SP01 .bInfomationTabTab ul li a { padding: 10px 0 11px 0; display: block; overflow: hidden; text-decoration: none !important; color: #333 !important; } .bInfomationTab_SP01 .bInfomationTabTab ul li a:hover { background-color: #FFF; } .bInfomationTab_SP01 .bInfomationTabTab ul li.current a { background-color: #FFF; } /*アクティブ*/ .bInfomationTab_SP01 .bInfomationTabTab ul li.more a { padding: 3px 15px 3px 0; color: #333 !important; font-size: 13px; font-weight: bold; text-align: right; } /*もっと見るボタン*/ /*タイトル*/ .bInfomationTab_SP01 .tit { background: #444; color: #FFF; font-size: 18px; font-weight: bold; padding: 8px 10px; } /*リピートブロック*/ .bInfomationTab_SP01 .wrapContent .ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .bInfomationTab_SP01 .wrapContent ul li { display: block; margin: 0; padding: 10px; border-bottom: 1px solid #DDD; } .bInfomationTab_SP01 .wrapContent ul li .row { display: block; padding-right: 15px; text-decoration: none; line-height: 1em; background: url(../usr-data/units/bInfomationTab/sp_arrow.png) no-repeat right center; } .bInfomationTab_SP01 .wrapContent ul li div.row { background: none; } .bInfomationTab_SP01 .wrapContent ul li .row span { display: block; border: none !important; } .bInfomationTab_SP01 .wrapContent ul li .row span.thumb { width: 60px; float: left; margin: 0 8px 0 0; } .bInfomationTab_SP01 .wrapContent ul li .row span.inner { } .bInfomationTab_SP01 .wrapContent ul li a:hover { text-decoration: none; } .bInfomationTab_SP01 .wrapContent ul li.more a { padding: 3px 15px 3px 0; color: #333 !important; font-size: 13px; font-weight: bold; text-align: right; } /*もっと見るボタン*/ /* サムネイル */ .bInfomationTab_SP01 .wrapContent span.thumb img { width: 100%; } /*カテゴリ*/ .bInfomationTab_SP01 .wrapContent span.cat { display: inline-block !important; background: #666; color: #fff; font-size: 10px; font-weight: bold; border-radius: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 5px 3px 5px; margin-bottom: 3px; line-height: 1em; } /*記事タイトル */ .bInfomationTab_SP01 .wrapContent span.subtit { color: #333; font-size: 13px; font-weight: bold; line-height: 1.3em; margin: 0 0 3px; } /*日付*/ .bInfomationTab_SP01 .wrapContent span.date { color: #999; font-size: 10px; font-weight: bold; line-height:12px; } /*NEW!アイコン*/ .bInfomationTab_SP01 .wrapContent span.SPnew { display: inline !important; color: #E83232; font-size:10px; margin: 0 0 0 2px; } /*本文*/ .bInfomationTab_SP01 .wrapContent span.subbody { color: #333; font-size: 13px; font-weight: normal; line-height: 1.3em; margin: 0 0 3px; } /*------------------------------------------------------------- 記事連載詳細ユニット .bInformationDetail -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .binformationDetail { width: 100%; margin: 0; padding: 0; } .binformationDetail .section { margin: 0 0 15px; padding: 15px; background-color: #FFF; } .binformationDetail .titArea { width: 100%; margin: 0 0 15px 0; padding: 5px 0 15px; border-bottom: 1px solid #ddd; } .binformationDetail .txtArea { width: 100%; margin: 0 0 20px; } .binformationDetail .txt { width: 100%; margin: 0 0 1em 0; } .binformationDetail .pageLink { margin: 0 0 15px; padding: 15px; background-color: #FFF; } /*日付*/ .binformationDetail p.date { margin-bottom: 8px; color: #888; font-size: 12px; line-height: 12px; } /*カテゴリ*/ .binformationDetail p.date span.cat { } /*NEW!アイコン*/ .binformationDetail p.date span.PCnew { font-size: 11px !important; color: #F11 !important; } /*タイトル*/ .binformationDetail h2.tit { font-size: 16px; font-weight: normal; line-height: 1.4em; } /*カバー画像*/ .binformationDetail p.ph img { width: 100%; padding: 0; margin: 0 0 1em 0; } /*子記事リスト*/ .binformationDetail .childList dt { font-weight: bold; } .binformationDetail .childList dd { margin: 0; padding: 0 0 0 15px; background: url(../usr-data/units/bInformationDetail/childList_arrow.png) no-repeat 0 0.25em; text-decoration: none; } .binformationDetail .childList dd a { text-decoration: none; } /*SNSボタン*/ .binformationDetail .social { padding: 20px 0 0; border-top: 1px solid #ddd; } .binformationDetail .social .fb_iframe_widget { display: block !important; width: 120px; float: left; } .binformationDetail .social .twitter { margin-left: 40px; } .binformationDetail .social .google { width: 70px; } /*ページバックリンク*/ .binformationDetail .pageLink p a { display: inline-block; margin: 0; padding: 0 0 0 10px; background: url(../usr-data/units/bInformationDetail/pagelink_arrow.png) no-repeat 0 0.2em; text-decoration: none; } /*------------------------------------------------------------ スマートフォン向け（共通） -------------------------------------------------------------*/ /*点滅*/ .SPnew { -moz-animation-name: blink; -moz-animation-duration: 0.5s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -moz-animation-direction:alternate; -moz-animation-delay: 0s; -webkit-animation-name: blink; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction:alternate; -webkit-animation-delay: 0s; -o-animation-name: blink; -o-animation-duration: 0.5s; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: infinite; -o-animation-direction:alternate; -o-animation-delay: 0s; -ms-animation-name: blink; -ms-animation-duration: 0.5s; -ms-animation-timing-function: ease-in-out; -ms-animation-iteration-count: infinite; -ms-animation-direction:alternate; -ms-animation-delay: 0s; } @-moz-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-webkit-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-o-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-ms-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } /*------------------------------------------------------------ SP向け -------------------------------------------------------------*/ .SPbinformationDetail { width: 100%; margin: 0; padding: 0; } .SPbinformationDetail .titArea { width: 100%; margin: 0 0 15px; padding: 0 0 10px; border-bottom: 1px solid #ddd; } .SPbinformationDetail .txtArea { width: 100%; margin: 0 0 20px; } .SPbinformationDetail .txt { width: 100%; margin: 0 0 1em 0; } /*日付*/ .SPbinformationDetail p.date { margin-bottom: 5px; color: #666; font-size: 12px; line-height: 12px; } /*NEW!アイコン*/ .SPbinformationDetail p.date span.SPnew { display: inline !important; color: #E83232; font-size:10px; margin: 0 0 0 2px; } /*タイトル*/ .SPbinformationDetail h2.tit { font-size: 16px; font-weight: bold; line-height: 1.4em; } /*カバー画像*/ .SPbinformationDetail div.ph img { width: 100%; padding: 0; margin: 0 0 1em 0; } /*トラックリスト*/ .SPbinformationDetail .trackListOuter { width: 100%; margin:0 0 15px 0; padding: 0; font-size: 12px; } .SPbinformationDetail .trackListOuter ol { padding: 0; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } .SPbinformationDetail .trackListOuter ol.trackList { border-bottom: none; } .SPbinformationDetail .trackListOuter ol.discType { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .SPbinformationDetail .trackListOuter ol li { padding: 5px 10px; } .SPbinformationDetail .trackListOuter ol li:nth-child(even) { background-color:#EFEFEF; } .SPbinformationDetail .trackListOuter ol li:last-child { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /*トラックリスト・タイトル*/ .SPbinformationDetail .trackListOuter h3.disc1 { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .SPbinformationDetail .trackListOuter h3 { padding: 5px 10px 3px 10px; background-color: #333; color: #FFF; font-size: 12px; line-height: 1.3em; } /* 子記事一覧 */ .SPbinformationDetail .childListOuter ul { margin: 0 0 20px; border: 1px solid #ccc; list-style: none; list-style-position: outside; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .SPbinformationDetail .childListOuter ul li { border-bottom: 1px solid #ccc; } .SPbinformationDetail .childListOuter ul li:last-child { border-bottom: none; } .SPbinformationDetail .childListOuter ul li a { display: block; margin: 0 10px 0 0; padding: 10px 19px 10px 8px; color: #333 !important; font-size: 13px; line-height: 1.3em; text-decoration: none; background: url(../usr-data/units/bInformationDetail/sp_arrow.png) no-repeat right center; } /*SNSボタン*/ .SPbinformationDetail .social { padding: 20px 0 0; border-top: 1px solid #ddd; text-align: center; } .SPbinformationDetail .social ul { display: inline-block !important; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .SPbinformationDetail .social ul li { float: left; margin: 0 10px 0 0; } .SPbinformationDetail .social ul li:last-child { margin-right: 0; } .socialList .twitter { width: 71px; } .socialList .facebook { width: 69px; } .socialList .line { width: 36px; } .socialList .google { width: 50px; } /*------------------------------------------------------------- インフォメーションユニット .bDisc01（PC用レイアウト1） .bDisc02（PC用レイアウト2） .SPbDisc01（スマートフォン用レイアウト1） .SPbDisc02（スマートフォン用レイアウト2） -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け（レイアウト1） -------------------------------------------------------------*/ .bDisc01 {} /*一覧*/ .bDisc01 .bdisc { position: relative; padding: 15px; margin: 0 0 15px 0; background-color: #FFF; } /*タイトル*/ .bDisc01 .bdiscKind { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #DDD; } .bDisc01 .bdiscKind .tit { margin-right: 115px; line-height: 24px; font-size: 22px; font-weight: normal; } /*もっと見るボタン*/ .bDisc01 p.more { position: absolute; top: 15px; right: 15px; } .bDisc01 p.more a { position: relative; display: block; width: 100px; padding: 6px 0; font-size: 12px; line-height: 12px; background-color: #EEE; color: #333 !important; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(/PIE.htc); } .bDisc01 p.more a span { width: 6em; margin: 0 auto; background: url(../usr-data/units/bDisc/more_arrow.png) no-repeat right center; border: none !important; display: block; } .bDisc01 p.more a:hover { background-color: #DDD; text-decoration: none; } /*カテゴリナビゲーション*/ .bDisc01 .bdiscKind ul.kindList { width: 60%; float: right; text-align: right; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .bDisc01 .bdiscKind ul.kindList li { display: inline; } .bDisc01 .bdiscKind ul.kindList li a { font-size: 12px; line-height: 40px; padding: 1px 10px 0 10px; text-decoration: none; } .bDisc01 .bdiscKind ul.kindList li a:hover { color: #FFF !important; background: #00c2ff; text-decoration: none; } .bDisc01 .bdiscKind .kindList .cur { color: #FFF !important; background: #00ABE1; } /*アクティブ*/ /*リピートブロック*/ .bDisc01 .bdisc .bdiscInner { margin-right: -15px; position: relative !important; overflow: hidden; /zoom: 1; } .bDisc01 .bdisc .bdiscInner ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .bDisc01 .bdisc .bdiscInner ul li { margin-bottom: 20px; } .bDisc01 .bdisc .bdiscInner ul li.no1 { float: left; width: 33.3%; } .bDisc01 .bdisc .bdiscInner ul li.no2 { float: left; width: 33.3%; } .bDisc01 .bdisc .bdiscInner ul li.no3 { float: right; margin-left: -1px; width: 33.3%; } .bDisc01 .bdisc .bdiscInner ul li a { text-decoration: none; } .bDisc01 .bdisc .bdiscInner ul li.no1 a { display: block; margin: 0 15px 0 0; } .bDisc01 .bdisc .bdiscInner ul li.no2 a { display: block; margin: 0 15px 0 0; } .bDisc01 .bdisc .bdiscInner ul li.no3 a { display: block; margin: 0 15px 0 0; } .bDisc01 .bdisc .bdiscInner ul li a:hover { text-decoration: none; } .bDisc01 .bdisc .bdiscInner ul li a span { display: block; border: none !important; } /*サムネイル画像*/ .bDisc01 .bdisc span.thumb { margin: 0 0 8px 0; } .bDisc01 .bdisc .thumb img { width: 100%; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .bDisc01 .bdisc .thumb img:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background: #FFF; } /*日付*/ .bDisc01 .bdisc span.date { display: inline !important; margin-bottom: 3px; color: #888; line-height: 1em; } /*カテゴリ*/ .bDisc01 .bdisc span.cat { display: inline !important; margin-bottom: 3px; color: #888; line-height: 1em; } .bDisc01 .bdisc span.cat span.catTxtSize { display: inline !important; font-size: 10px; } /*NEW!アイコン*/ .bDisc01 .bdisc span.date span.PCnew { display: inline; font-size: 10px; color: #F11; } /*記事タイトル*/ .bDisc01 .bdisc span.subtit { } /*区切り線*/ .bDisc01 .bdisc span.separate { display: inline !important; color: #888; } /*------------------------------------------------------------ PC向け（レイアウト2） -------------------------------------------------------------*/ .bDisc02 { } /*ぺ−ジタイトル*/ .bDisc02 .bdiscKind { margin: 0 0 15px; padding: 0 15px; background-color: #FFF; } .bDisc02 .bdiscKind .tit { width: 40%; float: left; font-size: 22px; line-height: 40px; font-weight: normal; } /*カテゴリナビゲーション*/ .bDisc02 .bdiscKind ul.kindList { width: 60%; float: right; text-align: right; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .bDisc02 .bdiscKind ul.kindList li { display: inline; } .bDisc02 .bdiscKind ul.kindList li a { font-size: 12px; line-height: 40px; padding: 1px 10px 0 10px; text-decoration: none; } .bDisc02 .bdiscKind ul.kindList li a:hover { color: #FFF !important; background: #00c2ff; text-decoration: none; } .bDisc02 .bdiscKind .kindList .cur { color: #FFF !important; background: #00ABE1; } /*アクティブ*/ /*一覧*/ .bDisc02 .bdisc { padding: 15px; margin: 0 0 15px 0; background-color: #FFF; } /*リピートブロック*/ .bDisc02 .bdisc .bdiscInner { margin-right: -15px; position: relative !important; overflow: hidden; /zoom: 1; } .bDisc02 .bdisc .bdiscInner ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .bDisc02 .bdisc .bdiscInner ul li { margin-bottom: 20px; } .bDisc02 .bdisc .bdiscInner ul li.no1 { float: left; width: 33.3%; } .bDisc02 .bdisc .bdiscInner ul li.no2 { float: left; width: 33.3%; } .bDisc02 .bdisc .bdiscInner ul li.no3 { float: right; margin-left: -1px; width: 33.3%; } .bDisc02 .bdisc .bdiscInner ul li a { text-decoration: none; } .bDisc02 .bdisc .bdiscInner ul li.no1 a { display: block; margin: 0 15px 0 0; } .bDisc02 .bdisc .bdiscInner ul li.no2 a { display: block; margin: 0 15px 0 0; } .bDisc02 .bdisc .bdiscInner ul li.no3 a { display: block; margin: 0 15px 0 0; } .bDisc02 .bdisc .bdiscInner ul li a:hover { text-decoration: none; } .bDisc02 .bdisc .bdiscInner ul li a span { display: block; border: none !important; } /*サムネイル画像*/ .bDisc02 .bdisc span.thumb { margin: 0 0 8px 0; } .bDisc02 .bdisc .thumb img { width: 100%; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .bDisc02 .bdisc .thumb img:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background: #FFF; } /*日付*/ .bDisc02 .bdisc span.date { display: inline !important; margin-bottom: 3px; color: #888; line-height: 1em; } /*カテゴリ*/ .bDisc02 .bdisc span.cat { display: inline !important; margin-bottom: 3px; color: #888; line-height: 1em; } /*NEW!アイコン*/ .bDisc02 .bdisc span.date span.PCnew { display: inline; font-size: 10px; color: #F11; } /*記事タイトル*/ .bDisc02 .bdisc span.subtit { } /*区切り線*/ .bDisc02 .bdisc span.separate { display: inline !important; color: #888; } /*------------------------------------------------------------ PCコンテナ別プロパティ -------------------------------------------------------------*/ /*col2-1（2カラム：50%｜50%）*/ .col2-1 .bdiscKind .tit { width: 100%; float: none; } .col2-1 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-1 .bdisc span.date span.new { display: block !important; } /*col2-2（2カラム：33%｜67%）*/ .col2-2 .box1 .bdiscKind .tit { width: 100%; float: none; } .col2-2 .box1 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-2 .box1 .bdisc span.date span.new { display: block !important; } /*col2-3（2カラム：67%｜33%）*/ .col2-3 .box2 .bdiscKind .tit { width: 100%; float: none; } .col2-3 .box2 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-3 .box2 .bdisc span.date span.new { display: block !important; } /*col2-4（2カラム：23%｜77%）*/ .col2-4 .box1 .bdiscKind .tit { width: 100%; float: none; } .col2-4 .box1 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-4 .box1 .bdisc span.date span.new { display: block !important; } /*col2-5（2カラム：77%｜23%）*/ .col2-5 .box2 .bdiscKind .tit { width: 100%; float: none; } .col2-5 .box2 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-5 .box2 .bdisc span.date span.new { display: block !important; } /*col2-6（2カラム：38%｜62%）*/ .col2-6 .box1 .bdiscKind .tit { width: 100%; float: none; } .col2-6 .box1 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-6 .box1 .bdisc span.date span.new { display: block !important; } /*col2-7（2カラム：62%｜38%）*/ .col2-7 .box2 .bdiscKind .tit { width: 100%; float: none; } .col2-7 .box2 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-7 .box2 .bdisc span.date span.new { display: block !important; } /*col2-8（2カラム：固定｜可変）*/ .col2-8 .box2 .bdiscKind .tit { width: 100%; float: none; } .col2-8 .box2 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-8 .box2 .bdisc span.date span.new { display: block !important; } /*col2-9（2カラム：可変｜固定）*/ .col2-9 .box2 .bdiscKind .tit { width: 100%; float: none; } .col2-9 .box2 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-9 .box2 .bdisc span.date span.new { display: block !important; } /*col3-1（3カラム：33%｜34%｜33%）*/ .col3-1 .bdiscKind .tit { width: 100%; float: none; } .col3-1 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col3-1 .bdisc span.date span.new { display: block !important; } /*col3-2（3カラム：25%｜50%｜25%）*/ .col3-2 .bdiscKind .tit { width: 100%; float: none; } .col3-2 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col3-2 .bdisc span.date span.new { display: block !important; } /*col3-3（3カラム：25%｜25%｜50%）*/ .col3-3 .bdiscKind .tit { width: 100%; float: none; } .col3-3 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col3-3 .bdisc span.date span.new { display: block !important; } /*col3-4（3カラム：50%｜25%｜25%）*/ .col3-4 .bdiscKind .tit { width: 100%; float: none; } .col3-4 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col3-4 .bdisc span.date span.new { display: block !important; } /*col3-5（3カラム：固定｜可変｜固定）*/ .col3-5 .bdiscKind .tit { width: 100%; float: none; } .col3-5 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col3-5 .bdisc span.date span.new { display: block !important; } /*col4（4カラム：25%｜25%｜25%｜25%）*/ .col4 .bdiscKind .tit { width: 100%; float: none; } .col4 .bdiscKind ul.kindList { width: 100%; float: none; text-align: left; } .col4 .bdisc span.date span.new { display: block !important; } /*------------------------------------------------------------ スマートフォン向け（共通） -------------------------------------------------------------*/ /*点滅*/ .SPnew { -moz-animation-name: blink; -moz-animation-duration: 0.5s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -moz-animation-direction:alternate; -moz-animation-delay: 0s; -webkit-animation-name: blink; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction:alternate; -webkit-animation-delay: 0s; -o-animation-name: blink; -o-animation-duration: 0.5s; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: infinite; -o-animation-direction:alternate; -o-animation-delay: 0s; -ms-animation-name: blink; -ms-animation-duration: 0.5s; -ms-animation-timing-function: ease-in-out; -ms-animation-iteration-count: infinite; -ms-animation-direction:alternate; -ms-animation-delay: 0s; } @-moz-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-webkit-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-o-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-ms-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } /*------------------------------------------------------------ スマートフォン向け（レイアウト1） -------------------------------------------------------------*/ .SPbDisc01 { } /*一覧*/ .SPbDisc01 .SPbdisc { width: auto; margin-left: -10px; margin-right: -10px; padding: 0; background-color: #FFF; } /*タイトル*/ .SPbDisc01 .SPbdisc .tit { background: #444; color: #FFF; font-size: 18px; font-weight: bold; padding: 8px 10px; } /*リピートブロック*/ .SPbDisc01 .SPbdisc ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .SPbDisc01 .SPbdisc ul li { display: block; margin: 0; padding: 10px; border-bottom: 1px solid #DDD; } .SPbDisc01 .SPbdisc ul li a { display: block; padding-right: 15px; text-decoration: none; line-height: 1em; background: url(../usr-data/units/bInfomation/sp_arrow.png) no-repeat right center; } .SPbDisc01 .SPbdisc ul li a span { display: block; border: none !important; } .SPbDisc01 .SPbdisc ul li a span.thumb { width: 60px; float: left; margin: 0 8px 0 0; } .SPbDisc01 .SPbdisc ul li a span.inner { } .SPbDisc01 .SPbdisc ul li a:hover { text-decoration: none; } .SPbDisc01 .SPbdisc ul li.more a { padding: 3px 15px 3px 0; color: #333 !important; font-size: 13px; font-weight: bold; text-align: right; } /*もっと見るボタン*/ /* サムネイル */ .SPbDisc01 .SPbdisc span.thumb img { width: 100%; } /*カテゴリ*/ .SPbDisc01 .SPbdisc span.cat { display: inline-block !important; background: #666; color: #fff; font-size: 10px; font-weight: bold; border-radius: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 5px 3px 5px; margin-bottom: 3px; line-height: 1em; } /*記事タイトル */ .SPbDisc01 .SPbdisc span.subtit { color: #333; font-size: 13px; font-weight: bold; line-height: 1.3em; margin: 0 0 3px; } /*日付*/ .SPbDisc01 .SPbdisc span.date { color: #999; font-size: 10px; font-weight: bold; line-height:12px; } /*NEW!アイコン*/ .SPbDisc01 .SPbdisc span.SPnew { display: inline !important; color: #E83232; font-size:10px; margin: 0 0 0 2px; } /*------------------------------------------------------------ スマートフォン向け（レイアウト2） -------------------------------------------------------------*/ .SPbDisc02 { } /*カテゴリ選択プルダウンメニュー*/ .SPbDisc02 .SPpulldownBox { width: auto; margin-left: -10px; padding:3px 0px 3px 0px; margin-right: -10px; background-color:#dddddd; text-align:center; border-bottom:1px solid #bbbbbb; } .SPbDisc02 .SPpulldownBox select { width: 70%; font-size:14px; font-weight:bold; text-align:center; color:#333333; } /*一覧*/ .SPbDisc02 .SPbdisc { width: auto; margin-left: -10px; margin-right: -10px; padding: 0; background-color: #FFF; } /*リピートブロック*/ .SPbDisc02 .SPbdisc ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .SPbDisc02 .SPbdisc ul li { display: block; margin: 0; padding: 10px; border-bottom: 1px solid #DDD; } .SPbDisc02 .SPbdisc ul li a { display: block; padding-right: 15px; text-decoration: none; line-height: 1em; background: url(../usr-data/units/bDisc/sp_arrow.png) no-repeat right center; } .SPbDisc02 .SPbdisc ul li a span { border: none !important; } .SPbDisc02 .SPbdisc ul li a span.thumb { width: 60px; float: left; margin: 0 8px 0 0; } .SPbDisc02 .SPbdisc ul li a span.inner { } .SPbDisc02 .SPbdisc ul li a:hover { text-decoration: none; } /* サムネイル */ .SPbDisc02 .SPbdisc span.thumb img { width: 100%; } /*カテゴリ*/ .SPbDisc02 .SPbdisc span.cat { display: inline-block; background: #666; color: #fff; font-size: 10px; font-weight: bold; border-radius: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 5px 3px 5px; margin-bottom: 3px; line-height: 1em; } /*タイトル */ .SPbDisc02 .SPbdisc span.tit { color: #333; font-size: 13px; font-weight: bold; line-height: 1.3em; margin: 0 0 3px; } /*日付*/ .SPbDisc02 .SPbdisc span.date { color: #999; font-size: 10px; font-weight: bold; line-height:12px; } /*NEW!アイコン*/ .SPbDisc02 .SPbdisc span.SPnew { display: inline !important; color: #E83232; font-size:10px; margin: 0 0 0 2px; } /*------------------------------------------------------------- インフォメーションユニット .bDiscDetail -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bDiscDetail { width: 100%; margin: 0; padding: 0; } .bDiscDetail .section { margin: 0 0 15px; padding: 15px; background-color: #FFF; } .bDiscDetail .titArea { width: 100%; margin: 0 0 15px 0; padding: 5px 0 15px; border-bottom: 1px solid #ddd; } .bDiscDetail .txtArea { width: 100%; margin: 0 0 20px; } .bDiscDetail .txt { width: 100%; margin: 0 0 1em 0; } .bDiscDetail .pageLink { margin: 0 0 15px; padding: 15px; background-color: #FFF; } /*日付*/ .bDiscDetail p.date { margin-bottom: 8px; color: #888; font-size: 12px; line-height: 12px; } /*カテゴリ*/ .bDiscDetail p.date span.cat { } /*NEW!アイコン*/ .bDiscDetail p.date span.PCnew { font-size: 11px !important; color: #F11 !important; } /*タイトル*/ .bDiscDetail h2.tit { font-size: 16px; font-weight: normal; line-height: 1.4em; } /*カバー画像*/ .bDiscDetail p.ph img { padding: 0; margin: 0 0 1em 0; } /*曲名*/ .bDiscDetail ol.trackList { width: 100%; margin: 0 0 1em 0; padding: 0; } .bDiscDetail ol.trackList li { margin: 0; padding:0; } /*SNSボタン*/ .bDiscDetail .social { padding: 20px 0 0; border-top: 1px solid #ddd; } .bDiscDetail .social .fb_iframe_widget { display: block !important; width: 120px; float: left; } .bDiscDetail .social .twitter { margin-left: 120px; } /*ページバックリンク*/ .bDiscDetail .pageLink p a { display: inline-block; margin: 0; padding: 0 0 0 10px; background: url(../usr-data/units/bDiscDetail/pagelink_arrow.png) no-repeat 0 0.2em; text-decoration: none; } /*------------------------------------------------------------ スマートフォン向け（共通） -------------------------------------------------------------*/ /*点滅*/ .SPnew { -moz-animation-name: blink; -moz-animation-duration: 0.5s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -moz-animation-direction:alternate; -moz-animation-delay: 0s; -webkit-animation-name: blink; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction:alternate; -webkit-animation-delay: 0s; -o-animation-name: blink; -o-animation-duration: 0.5s; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: infinite; -o-animation-direction:alternate; -o-animation-delay: 0s; -ms-animation-name: blink; -ms-animation-duration: 0.5s; -ms-animation-timing-function: ease-in-out; -ms-animation-iteration-count: infinite; -ms-animation-direction:alternate; -ms-animation-delay: 0s; } @-moz-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-webkit-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-o-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-ms-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } /*------------------------------------------------------------ SP向け -------------------------------------------------------------*/ .SPbDiscDetail { width: 100%; margin: 0; padding: 0; } .SPbDiscDetail .titArea { width: 100%; margin: 0 0 15px; padding: 0 0 10px; border-bottom: 1px solid #ddd; } .SPbDiscDetail .txtArea { width: 100%; margin: 0 0 20px; } .SPbDiscDetail .txt { width: 100%; margin: 0 0 1em 0; } /*日付*/ .SPbDiscDetail p.date { margin-bottom: 5px; color: #666; font-size: 12px; line-height: 12px; } /*NEW!アイコン*/ .SPbDiscDetail p.date span.SPnew { display: inline !important; color: #E83232; font-size:10px; margin: 0 0 0 2px; } /*タイトル*/ .SPbDiscDetail h2.tit { font-size: 16px; font-weight: bold; line-height: 1.4em; } /*カバー画像*/ .SPbDiscDetail div.ph { width: 100%; text-align: center; } .SPbDiscDetail div.ph img { padding: 0; margin: 0 0 15px 0; } /*トラックリスト*/ .SPbDiscDetail .trackListOuter { width: 100%; margin:0 0 15px 0; padding: 0; font-size: 12px; } .SPbDiscDetail .trackListOuter ol { padding: 0 0; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } .SPbDiscDetail .trackListOuter ol.trackList { border-bottom: none; } .SPbDiscDetail .trackListOuter ol.discType { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .SPbDiscDetail .trackListOuter ol li { padding: 5px 10px; } .SPbDiscDetail .trackListOuter ol li:nth-child(even) { background-color:#EFEFEF; } .SPbDiscDetail .trackListOuter ol li:last-child { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /*トラックリストタイトル*/ .SPbDiscDetail .trackListOuter h3.disc1 { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .SPbDiscDetail .trackListOuter h3 { padding: 5px 10px 3px 10px; background-color: #333; color: #FFF; font-size: 12px; line-height: 1.3em; } /* 子記事一覧 */ .SPbDiscDetail .childListOuter ul { margin: 0 0 20px; border: 1px solid #ccc; list-style: none; list-style-position: outside; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .SPbDiscDetail .childListOuter ul li { border-bottom: 1px solid #ccc; } .SPbDiscDetail .childListOuter ul li:last-child { border-bottom: none; } .SPbDiscDetail .childListOuter ul li a { display: block; margin: 0 10px 0 0; padding: 10px 19px 10px 8px; color: #333 !important; font-size: 13px; line-height: 1.3em; text-decoration: none; background: url(../usr-data/units/bDiscDetail/sp_arrow.png) no-repeat right center; } /*SNSボタン*/ .SPbDiscDetail .social { padding: 20px 0 0; border-top: 1px solid #ddd; text-align: center; } .SPbDiscDetail .social ul { display: inline-block !important; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .SPbDiscDetail .social ul li { float: left; margin: 0 10px 0 0; } .SPbDiscDetail .social ul li:last-child { margin-right: 0; } .socialList .twitter { width: 71px; } .socialList .facebook { width: 69px; } .socialList .line { width: 36px; } .socialList .google { width: 50px; } /*------------------------------------------------------------- JSフォトギャラリー /*-----------------------------------------------------------*/ .bPhotoGallery { width: 100%; } .bPhotoGalleryInner { margin: 0; padding: 20px; overflow: hidden; } .bPhotoGallery ul { margin: 0; padding: 0; list-style: none; } .bPhotoGallery ul li { float: left; display: block; } .bPhotoGallery ul li p.upCap { margin: 0 0 5px 0; padding: 0; text-align: center; overflow: hidden; } .bPhotoGallery ul li p.downCap { margin: 6px 0 0 0; padding: 0; text-align: center; overflow: hidden; } .bPhotoGallery ul li p.small { font-size: 10px; height: 16px; } .bPhotoGallery ul li p.middle { font-size: 12px; height: 18px; } .bPhotoGallery ul li p.large { font-size: 16px; height: 22px; } .bPhotoGallery ul li span { display: block; } .bPhotoGallery ul li a { display: block; border-style: solid; text-indent: -9999px; background-repeat: no-repeat; background-position: center center; border: none; overflow: hidden; } .bPhotoGalleryPageList { clear: both; padding: 5px 0 0; width: 100%; text-align: center; } .bPhotoGalleryPageList a { margin: 4px 2px 0; padding: 0 7px; height: 2em; display: inline-block; background: #FFF; text-align: center; line-height: 2em; font-weight: bold; font-family: Verdana, Geneva, sans-serif; text-decoration: none; } .bPhotoGalleryPageList span { margin: 4px 2px 0; padding: 0 7px; height: 2em; display: inline-block; background: #FFF; text-align: center; line-height: 2em; font-weight: bold; font-family: Verdana, Geneva, sans-serif; text-decoration: none; } .bSlideShow{} /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; /* border: 5px solid #fff; left: -5px; :/ background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(/usr-data/template/common/js/jquery.bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(../js/jquery.bxslider/images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(../js/jquery.bxslider/images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 90; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../js/jquery.bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../js/jquery.bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /*------------------------------------------------------------- インフォメーションユニット .bContents01（PC用レイアウト1） .bContents02（PC用レイアウト2） .SPbContents01（スマートフォン用レイアウト1） .SPbContents02（スマートフォン用レイアウト2） -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け（レイアウト1） -------------------------------------------------------------*/ .bContents01 {} /*一覧*/ .bContents01 .bcontents { position: relative; padding: 15px; margin: 0 0 15px 0; background-color: #FFF; } /*タイトル*/ .bContents01 .bcontentsKind { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #DDD; } .bContents01 .bcontentsKind .tit { margin-right: 115px; line-height: 24px; font-size: 22px; font-weight: normal; } /*もっと見るボタン*/ .bContents01 p.more { position: absolute; top: 15px; right: 15px; } .bContents01 p.more a { position: relative; display: block; width: 100px; padding: 6px 0; font-size: 12px; line-height: 12px; background-color: #EEE; color: #333 !important; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(/PIE.htc); } .bContents01 p.more a span { width: 6em; margin: 0 auto; background: url(../usr-data/units/bContents/more_arrow.png) no-repeat right center; border: none !important; display: block; } .bContents01 p.more a:hover { background-color: #DDD; text-decoration: none; } /*カテゴリナビゲーション*/ .bContents01 .bcontentsKind ul.kindList { width: 60%; float: right; text-align: right; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .bContents01 .bcontentsKind ul.kindList li { display: inline; } .bContents01 .bcontentsKind ul.kindList li a { font-size: 12px; line-height: 40px; padding: 1px 10px 0 10px; text-decoration: none; } .bContents01 .bcontentsKind ul.kindList li a:hover { color: #FFF !important; background: #00c2ff; text-decoration: none; } .bContents01 .bcontentsKind .kindList .cur { color: #FFF !important; background: #00ABE1; } /*アクティブ*/ /*リピートブロック*/ .bContents01 .bcontents .bcontentsInner { margin-right: -15px; position: relative !important; overflow: hidden; /zoom: 1; } .bContents01 .bcontents .bcontentsInner ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .bContents01 .bcontents .bcontentsInner ul li { margin-bottom: 20px; } .bContents01 .bcontents .bcontentsInner ul li.no1 { float: left; width: 33.3%; } .bContents01 .bcontents .bcontentsInner ul li.no2 { float: left; width: 33.3%; } .bContents01 .bcontents .bcontentsInner ul li.no3 { float: left; margin-left: -1px; width: 33.3%; } .bContents01 .bcontents .bcontentsInner ul li a { text-decoration: none; } .bContents01 .bcontents .bcontentsInner ul li.no1 a { display: block; margin: 0 15px 0 0; } .bContents01 .bcontents .bcontentsInner ul li.no2 a { display: block; margin: 0 15px 0 0; } .bContents01 .bcontents .bcontentsInner ul li.no3 a { display: block; margin: 0 15px 0 0; } .bContents01 .bcontents .bcontentsInner ul li a:hover { text-decoration: none; } .bContents01 .bcontents .bcontentsInner ul li a span { display: block; border: none !important; } /*サムネイル画像*/ .bContents01 .bcontents span.thumb { margin: 0 0 8px 0; } .bContents01 .bcontents .thumb img { width: 100%; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .bContents01 .bcontents .thumb img:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background: #FFF; } /*日付*/ .bContents01 .bcontents span.date { display: inline !important; margin-bottom: 3px; color: #888; line-height: 1em; } /*カテゴリ*/ .bContents01 .bcontents span.cat { display: inline !important; margin-bottom: 3px; color: #888; line-height: 1em; } .bContents01 .bcontents span.cat span.catTxtSize { display: inline !important; font-size: 10px; } /*NEW!アイコン*/ .bContents01 .bcontents span.date span.PCnew { display: inline; font-size: 10px; color: #F11; } /*記事タイトル*/ .bContents01 .bcontents span.subtit { } /*区切り線*/ .bContents01 .bcontents span.separate { display: inline !important; color: #888; } /*------------------------------------------------------------ PC向け（レイアウト2） -------------------------------------------------------------*/ .bContents02 { } /*ぺ−ジタイトル*/ .bContents02 .bcontentsKind { margin: 0 0 15px; padding: 0 15px; background-color: #FFF; } .bContents02 .bcontentsKind .tit { width: 40%; float: left; font-size: 22px; line-height: 40px; font-weight: normal; } /*カテゴリナビゲーション*/ .bContents02 .bcontentsKind ul.kindList { width: 60%; float: right; text-align: right; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .bContents02 .bcontentsKind ul.kindList li { display: inline; } .bContents02 .bcontentsKind ul.kindList li a { font-size: 12px; line-height: 40px; padding: 1px 10px 0 10px; text-decoration: none; } .bContents02 .bcontentsKind ul.kindList li a:hover { color: #FFF !important; background: #00c2ff; text-decoration: none; } .bContents02 .bcontentsKind .kindList .cur { color: #FFF !important; background: #00ABE1; } /*アクティブ*/ /*一覧*/ .bContents02 .bcontents { padding: 15px; margin: 0 0 15px 0; background-color: #FFF; } /*リピートブロック*/ .bContents02 .bcontents .bcontentsInner { margin-right: -15px; position: relative !important; overflow: hidden; /zoom: 1; } .bContents02 .bcontents .bcontentsInner ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .bContents02 .bcontents .bcontentsInner ul li { margin-bottom: 20px; } .bContents02 .bcontents .bcontentsInner ul li.no1 { float: left; width: 33.3%; } .bContents02 .bcontents .bcontentsInner ul li.no2 { float: left; width: 33.3%; } .bContents02 .bcontents .bcontentsInner ul li.no3 { float: right; margin-left: -1px; width: 33.3%; } .bContents02 .bcontents .bcontentsInner ul li a { text-decoration: none; } .bContents02 .bcontents .bcontentsInner ul li.no1 a { display: block; margin: 0 15px 0 0; } .bContents02 .bcontents .bcontentsInner ul li.no2 a { display: block; margin: 0 15px 0 0; } .bContents02 .bcontents .bcontentsInner ul li.no3 a { display: block; margin: 0 15px 0 0; } .bContents02 .bcontents .bcontentsInner ul li a:hover { text-decoration: none; } .bContents02 .bcontents .bcontentsInner ul li a span { display: block; border: none !important; } /*サムネイル画像*/ .bContents02 .bcontents span.thumb { margin: 0 0 8px 0; } .bContents02 .bcontents .thumb img { width: 100%; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .bContents02 .bcontents .thumb img:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background: #FFF; } /*日付*/ .bContents02 .bcontents span.date { display: inline !important; margin-bottom: 3px; color: #888; line-height: 1em; } /*カテゴリ*/ .bContents02 .bcontents span.cat { display: inline !important; margin-bottom: 3px; color: #888; line-height: 1em; } /*NEW!アイコン*/ .bContents02 .bcontents span.date span.PCnew { display: inline; font-size: 10px; color: #F11; } /*記事タイトル*/ .bContents02 .bcontents span.subtit { } /*区切り線*/ .bContents02 .bcontents span.separate { display: inline !important; color: #888; } /*------------------------------------------------------------ PCコンテナ別プロパティ -------------------------------------------------------------*/ /*col2-1（2カラム：50%｜50%）*/ .col2-1 .bcontentsKind .tit { width: 100%; float: none; } .col2-1 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-1 .bcontents span.date span.new { display: block !important; } /*col2-2（2カラム：33%｜67%）*/ .col2-2 .box1 .bcontentsKind .tit { width: 100%; float: none; } .col2-2 .box1 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-2 .box1 .bcontents span.date span.new { display: block !important; } /*col2-3（2カラム：67%｜33%）*/ .col2-3 .box2 .bcontentsKind .tit { width: 100%; float: none; } .col2-3 .box2 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-3 .box2 .bcontents span.date span.new { display: block !important; } /*col2-4（2カラム：23%｜77%）*/ .col2-4 .box1 .bcontentsKind .tit { width: 100%; float: none; } .col2-4 .box1 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-4 .box1 .bcontents span.date span.new { display: block !important; } /*col2-5（2カラム：77%｜23%）*/ .col2-5 .box2 .bcontentsKind .tit { width: 100%; float: none; } .col2-5 .box2 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-5 .box2 .bcontents span.date span.new { display: block !important; } /*col2-6（2カラム：38%｜62%）*/ .col2-6 .box1 .bcontentsKind .tit { width: 100%; float: none; } .col2-6 .box1 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-6 .box1 .bcontents span.date span.new { display: block !important; } /*col2-7（2カラム：62%｜38%）*/ .col2-7 .box2 .bcontentsKind .tit { width: 100%; float: none; } .col2-7 .box2 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-7 .box2 .bcontents span.date span.new { display: block !important; } /*col2-8（2カラム：固定｜可変）*/ .col2-8 .box2 .bcontentsKind .tit { width: 100%; float: none; } .col2-8 .box2 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-8 .box2 .bcontents span.date span.new { display: block !important; } /*col2-9（2カラム：可変｜固定）*/ .col2-9 .box2 .bcontentsKind .tit { width: 100%; float: none; } .col2-9 .box2 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col2-9 .box2 .bcontents span.date span.new { display: block !important; } /*col3-1（3カラム：33%｜34%｜33%）*/ .col3-1 .bcontentsKind .tit { width: 100%; float: none; } .col3-1 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col3-1 .bcontents span.date span.new { display: block !important; } /*col3-2（3カラム：25%｜50%｜25%）*/ .col3-2 .bcontentsKind .tit { width: 100%; float: none; } .col3-2 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col3-2 .bcontents span.date span.new { display: block !important; } /*col3-3（3カラム：25%｜25%｜50%）*/ .col3-3 .bcontentsKind .tit { width: 100%; float: none; } .col3-3 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col3-3 .bcontents span.date span.new { display: block !important; } /*col3-4（3カラム：50%｜25%｜25%）*/ .col3-4 .bcontentsKind .tit { width: 100%; float: none; } .col3-4 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col3-4 .bcontents span.date span.new { display: block !important; } /*col3-5（3カラム：固定｜可変｜固定）*/ .col3-5 .bcontentsKind .tit { width: 100%; float: none; } .col3-5 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col3-5 .bcontents span.date span.new { display: block !important; } /*col4（4カラム：25%｜25%｜25%｜25%）*/ .col4 .bcontentsKind .tit { width: 100%; float: none; } .col4 .bcontentsKind ul.kindList { width: 100%; float: none; text-align: left; } .col4 .bcontents span.date span.new { display: block !important; } /*------------------------------------------------------------ スマートフォン向け（共通） -------------------------------------------------------------*/ /*点滅*/ .SPnew { -moz-animation-name: blink; -moz-animation-duration: 0.5s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -moz-animation-direction:alternate; -moz-animation-delay: 0s; -webkit-animation-name: blink; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction:alternate; -webkit-animation-delay: 0s; -o-animation-name: blink; -o-animation-duration: 0.5s; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: infinite; -o-animation-direction:alternate; -o-animation-delay: 0s; -ms-animation-name: blink; -ms-animation-duration: 0.5s; -ms-animation-timing-function: ease-in-out; -ms-animation-iteration-count: infinite; -ms-animation-direction:alternate; -ms-animation-delay: 0s; } @-moz-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-webkit-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-o-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } @-ms-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; } } /*------------------------------------------------------------ スマートフォン向け（レイアウト1） -------------------------------------------------------------*/ .SPbContents01 { } /*一覧*/ .SPbContents01 .SPbcontents { width: auto; margin-left: -10px; margin-right: -10px; padding: 0; background-color: #FFF; } /*タイトル*/ .SPbContents01 .SPbcontents .tit { background: #444; color: #FFF; font-size: 18px; font-weight: bold; padding: 8px 10px; } /*リピートブロック*/ .SPbContents01 .SPbcontents ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .SPbContents01 .SPbcontents ul li { display: block; margin: 0; padding: 10px; border-bottom: 1px solid #DDD; } .SPbContents01 .SPbcontents ul li a { display: block; padding-right: 15px; text-decoration: none; line-height: 1em; background: url(../usr-data/units/bInfomation/sp_arrow.png) no-repeat right center; } .SPbContents01 .SPbcontents ul li a span { display: block; border: none !important; } .SPbContents01 .SPbcontents ul li a span.thumb { width: 60px; float: left; margin: 0 8px 0 0; } .SPbContents01 .SPbcontents ul li a span.inner { } .SPbContents01 .SPbcontents ul li a:hover { text-decoration: none; } .SPbContents01 .SPbcontents ul li.more a { padding: 3px 15px 3px 0; color: #333 !important; font-size: 13px; font-weight: bold; text-align: right; } /*もっと見るボタン*/ /* サムネイル */ .SPbContents01 .SPbcontents span.thumb img { width: 100%; } /*カテゴリ*/ .SPbContents01 .SPbcontents span.cat { display: inline-block !important; background: #666; color: #fff; font-size: 10px; font-weight: bold; border-radius: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 5px 3px 5px; margin-bottom: 3px; line-height: 1em; } /*記事タイトル */ .SPbContents01 .SPbcontents span.subtit { color: #333; font-size: 13px; font-weight: bold; line-height: 1.3em; margin: 0 0 3px; } /*日付*/ .SPbContents01 .SPbcontents span.date { color: #999; font-size: 10px; font-weight: bold; line-height:12px; } /*NEW!アイコン*/ .SPbContents01 .SPbcontents span.SPnew { display: inline !important; color: #E83232; font-size:10px; margin: 0 0 0 2px; } /*------------------------------------------------------------ スマートフォン向け（レイアウト2） -------------------------------------------------------------*/ .SPbContents02 { } /*カテゴリ選択プルダウンメニュー*/ .SPbContents02 .SPpulldownBox { width: auto; margin-left: -10px; padding:3px 0px 3px 0px; margin-right: -10px; background-color:#dddddd; text-align:center; border-bottom:1px solid #bbbbbb; } .SPbContents02 .SPpulldownBox select { width: 70%; font-size:14px; font-weight:bold; text-align:center; color:#333333; } /*一覧*/ .SPbContents02 .SPbcontents { width: auto; margin-left: -10px; margin-right: -10px; padding: 0; background-color: #FFF; } /*リピートブロック*/ .SPbContents02 .SPbcontents ul { width: 100%; margin: 0; padding: 0; list-style: none; list-style-position: outside; } .SPbContents02 .SPbcontents ul li { display: block; margin: 0; padding: 10px; border-bottom: 1px solid #DDD; } .SPbContents02 .SPbcontents ul li a { display: block; padding-right: 15px; text-decoration: none; line-height: 1em; background: url(../usr-data/units/bContents/sp_arrow.png) no-repeat right center; } .SPbContents02 .SPbcontents ul li a span { border: none !important; } .SPbContents02 .SPbcontents ul li a span.thumb { width: 60px; float: left; margin: 0 8px 0 0; } .SPbContents02 .SPbcontents ul li a span.inner { } .SPbContents02 .SPbcontents ul li a:hover { text-decoration: none; } /* サムネイル */ .SPbContents02 .SPbcontents span.thumb img { width: 100%; } /*カテゴリ*/ .SPbContents02 .SPbcontents span.cat { display: inline-block; background: #666; color: #fff; font-size: 10px; font-weight: bold; border-radius: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 5px 3px 5px; margin-bottom: 3px; line-height: 1em; } /*タイトル */ .SPbContents02 .SPbcontents span.tit { color: #333; font-size: 13px; font-weight: bold; line-height: 1.3em; margin: 0 0 3px; } /*日付*/ .SPbContents02 .SPbcontents span.date { color: #999; font-size: 10px; font-weight: bold; line-height:12px; } /*NEW!アイコン*/ .SPbContents02 .SPbcontents span.SPnew { display: inline !important; color: #E83232; font-size:10px; margin: 0 0 0 2px; } /*------------------------------------------------------------- ローカルメニュー .bCategory ┗ ul.xxxxxxxxx ┗ li.xxxxxxxxx -------------------------------------------------------------*/ /*------------------------------------------------------------ PC向け -------------------------------------------------------------*/ .bCategory { } .bCategory ul { list-style-position: outside; } .bCategory ul li { } /*------------------------------------------------------------- カテゴリ別情報ユニット（1.シンプル） .bCatList ┣ p.bCatListRss ┣ ul ｜ ┗ li ｜ ┣ p.bCatListDate ｜ ┣ h5 ｜ ┗ p.bCatListTxt ｜ ┗ p.bCatListPage -------------------------------------------------------------*/ .bCatList { position: relative; } .bCatList ul { list-style-position: outside; } /*------------------------------------------------------------- カテゴリ別情報ユニット（2.シンプル+サムネイル） .bCatList2 ┣ p.bCatListRss ┣ ul ｜ ┗ li ｜ ┣ p.bCatListDate ｜ ┣ h5 ｜ ┗ p.bCatListTxt ｜ ┗ p.bCatListPage -------------------------------------------------------------*/ .bCatList2 { overflow: hidden; } .bCatList2 ul { list-style-position: outside; } .bCatList2Scroller { width: 9999px; overflow: hidden; } .bCatList2Scroller .bCatList2Rss{ z-index: 1; } .bCatList2Scroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; } .bCatList2Scroller ul.bCatList2ul li { display: inline; float: left; margin: 0; width: 320px; } .bCatList2Scroller li img{ width: 100%; border: none; } .containerInner .bCatList2Scroller li a span{ border: none; } /*------------------------------------------------------------- カテゴリ別情報ユニット（5.シンプル+サムネイル） .bVCatList2 ┣ p.bVCatList2Rss ┣ ul ｜ ┗ li ｜ ┣ p.bVCatList2Date ｜ ┣ h5 ｜ ┗ p.bVCatList2Txt ｜ ┗ p.bVCatList2Page -------------------------------------------------------------*/ .bVCatList2 { overflow: hidden; } .bVCatList2 ul { list-style-position: outside; } .bVCatList2Scroller { width: 9999px; overflow: hidden; } .bVCatList2Scroller .bCatList2Rss{ z-index: 1; } .bVCatList2Scroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; } .bVCatList2Scroller ul.bVCatList2ul li { display: inline; float: left; margin: 0; width: 320px; } .bVCatList2Scroller li img{ width: 100%; border: none; } .containerInner .bVCatList2Scroller li a span{ border: none; } /*------------------------------------------------------------- カテゴリ別情報ユニット（3.シンプル+サムネイル×2） .bCatList3 ┣ p.bCatList3Rss ┣ ul ｜ ┗ li ｜ ┣ p.bCatList3Date ｜ ┣ h5 ｜ ┗ p.bCatList3Txt ｜ ┗ p.bCatList3Page -------------------------------------------------------------*/ .bCatList3 { overflow: hidden; } .bCatList3 ul { list-style-position: outside; } .bCatList3 ul li { margin-right: -1px; } .spLayout ul.bCatList3ul{ padding: 0; } .spLayout ul.bCatList3ul li { float: none !important; margin: 0 !important; width: 100% !important; } .bCatList3Scroller { width: 9999px; overflow: hidden; } .bCatList3Scroller .bCatList3Rss{ z-index: 1; } .bCatList3Scroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; } .bCatList3Scroller ul.bCatList3ul li { display: inline; float: left; margin: 0; width: 320px; } .bCatList3Scroller li img{ width: 100%; border: none; } .containerInner .bCatList3Scroller li a span{ border: none; } /*------------------------------------------------------------- カテゴリ別情報ユニット（5.シンプル+サムネイル×2） .bVCatList3 ┣ p.bVCatList3Rss ┣ ul ｜ ┣ li.bVCatList3Left ｜ ｜ ┗ .bVCatList3Inner ｜ ｜ ┣ p.bVCatList3Date ｜ ｜ ┣ h5 ｜ ｜ ┗ p.bVCatList3Txt ｜ ｜ ｜ ┗ li.bVCatList3Rigt ｜ ┗ .bVCatList3Inner ｜ ┣ p.bVCatList3Date ｜ ┣ h5 ｜ ┗ p.bVCatList3Txt ｜ ┗ p.bVCatList3Page -------------------------------------------------------------*/ .bVCatList3 { overflow: hidden; } .bVCatList3 ul { list-style-position: outside; } .bVCatList3 ul li.bVCatList3Left { float: left; width: 50%; } .bVCatList3 ul li.bVCatList3Right { float: right; width: 50%; margin-left: -1px; } .spLayout ul li.bVCatList3Left, .spLayout ul li.bVCatList3Right { float: none ; margin: 0 ; width: 100% ; } .spLayout ul li.bVCatList3Left .bVCatList3Inner, .spLayout ul li.bVCatList3Right .bVCatList3Inner { margin: 0 !important; padding: 0 !important; } .bVCatList3Scroller { width: 9999px; overflow: hidden; } .bVCatList3Scroller .bVCatList3Rss{ z-index: 1; } .bVCatList3Scroller ul { margin: 0; padding: 0; list-style: none; list-style-position: outline; } .bVCatList3Scroller ul.bVCatList3ul li { display: inline; float: left; margin: 0; width: 320px; } .bVCatList3Scroller li img{ width: 100%; border: none; } .containerInner .bVCatList3Scroller li a span{ border: none; } /*------------------------------------------------------------- カテゴリ別情報ユニット（4.タブ+シンプル+サムネイル） .bCatList4 ┣ .bCatList4Tab ｜ ┗ ul #tab-pageu_code ｜ ┗ li ｜ ┗ .bCatList4Box ┗.bCatList4BoxInner ┣ p.bCatList4Rss ┗ ul ┗ li ┣ p.bCatList4Date ┣ h5 ┗ p.bCatList4Txt -------------------------------------------------------------*/ .bCatList4 { overflow: hidden; } .bCatList4 ul { list-style-position: outside; } .bCatList4 .bCatList4BoxInnerSP { } .bCatList4Scroller { width: 3000px; overflow: hidden; } .bCatList4Scroller ul { height: auto !important; margin: 0; padding: 0; overflow: hidden !important; list-style: none; list-style-position: outline; } .bCatList4Scroller ul.bCatList4ul li { display: inline; float: left; } .bCatList4Scroller li img　{ width: 100%; border: none; } .containerInner .bCatList4Scroller li a span　{ border: none; }