/*----------------------------------------------------------

  Designed by office hidezo All Rights Reserved.

  product design : 【JOY】fc2_css_3c

  creation date  : 2015/12/10

------------------------------------------------------------*/

@charset "UTF-8";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■ブラウザCSSリセット

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

}

blockquote,q {quotes: none;}

blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}

:focus {outline: 0;}

ins {text-decoration: none;}

del {text-decoration: line-through;}

 

 

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■基本設定

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

body {

    -webkit-text-size-adjust: 100%;

    margin: 0 auto;

    outline: none;

    background: #ffffff;

    font-family: 'Lucida Grande', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Verdana;

    font-size: 14px;

    text-align: center;

    word-wrap: break-word;

}

 

html {overflow-y: scroll;}

img {max-width: 100%; padding: 0; border: none;}

a:hover img {filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6;}

 

 

ul {list-style-type: none; margin: 0; padding: 0;}

ol {counter-reset: li; list-style-type: none; margin: 0; padding: 0;}

 

 

.kensaku-text,.kensaku-submit,textarea,.input-submit,button,.comment-input,.comment-input2,select {

    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}

input::-moz-focus-inner {padding: 0; border: 0;}

 

 

#header1 a,#sidebarbody-l a,#sidebarbody-r a,#footer1 a,.article-title a,.article-footer a,.relate a,.kijilist-body a,#cms a,#tbs a,.pankuzu a,.navi-return a,.page-navi3 a,.pagination a,.related-articles ul li a {

    text-decoration: none;

}

 

#header1 a:hover,#sidebarbody-l a:hover,#sidebarbody-r a:hover,#footer1 a:hover,.article-title a:hover,.article-footer a:hover,.relate a:hover,.kijilist-body a:hover,#cms a:hover,#tbs a:hover,.pankuzu a:hover,.navi-return a:hover,.page-navi3 a:hover,.pagination a:hover,.related-articles ul li a:hover {

    text-decoration: none;

}

 

 

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■ベースカラー  3ヶ所のカラーコードを変更ください

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#header-navi-outer,#globalmenu-outer,#globalmenu a:hover,.sidebar-title-outer,.sidebar-title,#footer2-outer,.article-title-outer,.article-title,.postmore a:hover,.kijilist-title-outer,.kijilist-title,.post-title-outer,.post-title,.cm-title-outer,.cm-title,.tb-title-outer,.tb-title,.ul-kl li a:hover:before,.kl-cat a:hover,.kl-read a:hover,.navi-return a:hover,.pagination a:hover,.input-submit:hover,button:hover,.message-title,.sidetitle,#rssRegist:hover {

    background: #FFE4E1;

}

 

/*記事タイトルを移動した*/

.kl-list{ background: #fff;　

box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);

border-radius: 4px;

margin: 0px 2px 10px 2px;

padding: 7px 7px 7px 7px;

 

}

 

 

#header1,#footer2-outer,.article-title-outer,.kijilist-title-outer,.post-title-outer,.cm-title-outer,.tb-title-outer,.postmore a:hover,.kl-cat a:hover,.kl-read a:hover,.navi-return a:hover,.pagination a:hover,.input-submit:hover,button:hover {

    border-style: solid;

    border-color: #FFE4E1;

}

 

#header-navi-outer,#globalmenu a:hover,.sidebar-title-outer,#footer2-outer,.navi-return a:hover,.input-submit:hover,button:hover {

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE4E1;', endColorstr='#ffffff/*←変更不可*/',GradientType=0 );/*IE9*/

}

 

 

/*罫線の太さ*/

#header1,#footer2-outer {

    border-width: 3px;

}

.article-title-outer,.kijilist-title-outer,.post-title-outer,.cm-title-outer,.tb-title-outer {

    border-width: 2px;

}

.postmore a:hover,.kl-cat a:hover,.kl-read a:hover,.navi-return a:hover,.pagination a:hover,.input-submit:hover,button:hover {

    border-width: 1px;

}

 

/*アレンジ用：サイトタイトル下罫線*/

#header-outer {

    border-bottom: solid 0px ;

}

 

 

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■記事装飾パーツのカラー  4ヶ所のカラーコードを変更ください

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.table-00 th,.table-01 th {

    background: #FFE4E1;

}

 

.h2-02-main,.h2-04-main,.h2-05-main:before,.h3-04-main,.h3-05-main:before,.ul-02-main li:before,.ul-03-main li:before,.ol-01-main li:before,.ol-02-main li:before,.parts-01-main,.parts-02-main,.parts-03-main,.parts-04-main,.parts-05-main {

    background: #FFE4E1;

}

 

.h2-02-main,.parts-01-main,.parts-03-main {

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE4E1;', endColorstr='#ffffff/*←変更不可*/',GradientType=0 );/*forIE9*/

}

 

.h2-00,.ul-00 li,.h2-01-main,.h3-06-main,.ul-01-main li,.ul-04-main li:after,.ul-05-main li:before,.h2-03-main,.h3-01-main,.h3-02-main,.h3-03-main,.h3-07-main,.ol-00 li:before,.ul-04-main li:before,.ol-03-main li:before,.ol-04-main li:before,.h2-03-main {

    border-style: solid;

    border-color: #FFE4E1;

}

 

 

/*罫線の太さ*/

.h2-00,.ul-00 li,.h2-01-main,.h3-06-main,.ul-01-main li,.ul-04-main li:after,.ul-05-main li:before {

    border-width: 3px;

}

.h2-03-main,.h3-01-main,.h3-02-main,.h3-03-main,.h3-07-main {

    border-width: 2px;

}

.ol-00 li:before,.ul-04-main li:before,.ol-03-main li:before,.ol-04-main li:before {

    border-width: 1px;

}

.h2-03-main {

    border-left-width: 15px;

}

 

 

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■文字色

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*----------------------

全体 link 色  #1111cc

------------------------*/

a:link {

    color: #C71585;

text-decoration: none;

}

 

 

/*----------------------

全体 visited 色  #800080

------------------------*/

a:visited {

    color: #C71585;

text-decoration: none;

}

 

 

/*----------------------

主要部分  #333

------------------------*/

body,.blog-title a,#globalmenu a,.sidebar-title,.sidetitle,.style03 a,.page-title a,.relatetitle a,.cmtitle a,.kl-list a {

    color: #000;

}

 

 

/*----------------------

サイドバー  #777

------------------------*/

#sidebarbody-l,#sidebarbody-r {

    color: #000;

}

 

/*link*/

#sidebarbody-l a,#sidebarbody-r a {

    text-decoration: none; /* none or underline */

    color: #C71585;           /* #777 or none */

}

 

 

/*----------------------

サブ部分  #777

------------------------*/

.kensaku-submit,.style02,.blog-intro,.article-header,.article-footer,.article-header a,.article-footer a,.kl-info,.kl-info1,.kl-info2,.kl-date,.kl-info a,.kl-info1 a,.kl-info2 a,.kl-cat a,.kb-l,.kb-l a,.noimage-in a,.cminfo,.cminfo a,.comment-input2,.cmbody1,.cmbody2,.pankuzu,.page-navi3,.pn3-c a,.pagination a {

    color: #777;

}

 

/*link*/

#footerinfo a,.relatebody a,.pankuzu a,#tag_cloud a,.tag-search a {

    text-decoration: none; /* none or underline */

    color: #C71585;           /* #777 or none */

}

.kl-list a,.pn3-l a,.pn3-r a {

    text-decoration: none; /* none or underline */

}

 

 

/*----------------------

全体 hover 色  #a00000

------------------------*/

a:hover,#sidebarbody-l a:hover,#sidebarbody-r a:hover,#footerinfo a:hover,#tag_cloud a:hover {

    color: #708090;

    text-decoration: underline;

    top:1px; left:1px; position:relative;

}

 

 

/*----------------------

ベースカラー部分  #fff

------------------------*/

/*link*/

#header-navi,#header-navi a,.style01,#footer2,#footer2 a {

    color: #777;

}

 

/*hover*/

#header-navi a:hover,#globalmenu a:hover,#footer2 a:hover,.postmore a:hover,.kl-cat a:hover,.kl-read a:hover,.navi-return a:hover,.pagination a:hover,.input-submit:hover,button:hover {

    color: #708090;

    text-decoration: underline;

    top:1px; left:1px; position:relative;

}

.ul-kl li a:hover:after {

    border-color: #990033;

}

 

 

/*----------------------

文字の太さ・影

------------------------*/

/*主要箇所の文字の太さ*/

.blog-title,#globalmenu,.sidebar-title,.sidetitle,.ftitle,.style03,.page-title,.relatetitle,.style04,.style05,.style06,.message-title,.kl-list,.pn3-l a,.pn3-r a,.live-related {

    font-weight: bold; /* bold or normal */

}

 

/*サイト&記事タイトル影*/

/*

.blog-title,.style03,.page-title {

    text-shadow: 1px 1px 4px rgba(0,0,0,0.4); /* or none */

}

 

/*その他タイトル影*/

/*

.ftitle,.style04,.style05,.style06,.message-title {

    text-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* or none */

}

 

 

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■背景色

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*ボディ*/

body {background: #ffffff;}

 

/*コンテナ内側*/

#container-in {background: none;}

 

/*メインカラム*/

#content1,#content2,#content3 {background: none;}

 

/*サイドバー*/

#sidebarbody-l,#sidebarbody-r,.sidecontent {background: none;}

 

 

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■基本レイアウト(全体の幅・余白)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*全体幅 1000px:

 

【左サイド220px:5+(5+200px+5)+5】+10px+【メイン540px:5+(15+500px+15)+5】+10px+【右サイド220px:5+(5+200px+5)+5】

 

全体幅－10px:グローバルメニュー内側・フッター内側・フッターinfo

全体幅－40px:ヘッダー内側 */

 

#container-in {

    width: 1050px;

}

 

#globalmenu-in,#footer2,#footerinfo {

    width: 1040px;

}

 

#header-in {

    width: 1090px;

}

 

/*バグ対策(全体幅＋40px以上で設定)*/

body {

    min-width: 1090px;

}

 

 

/*メインカラム*/

#wrapper1 {

    float: left;

    width: 100%;

}

 

#content1,#content2,#content3 {

    margin: 0 380px 0 0px; /*サイド幅＋余白幅*/

}

 

 

/*左サイドバー*/

#sidebar1-l,#sidebar2-l,#sidebar3-l {

    float: left;

    margin: 0 0 0 -100%; /*must*/

    width: 0px;

}

 

/*右サイドバー*/

#sidebar1-r,#sidebar2-r,#sidebar3-r {

    float: left;

    margin: 0 0 0 -360px;

    width: 340px;

}

 

 

/*フッターinfo全体幅 990px:(左側530px)+30px+(中央200px)+30px+(右側200px)*/

 

.fi-l {margin: 0 460px 0 0;}        /*左側(全体-左側)*/

.fi-c {width: 200px; float: left;}  /*中央*/

.fi-r {width: 200px; float: right;} /*右側*/

 

.fi-wrapper1 {float: left; width: 100%; }

.fi-wrapper2 {float: left; margin: 0 0 0 -430px; width: 430px;} /*中央＋余白幅＋右幅*/

 

 

/*記事下コンテンツ*/

.kijishita   {width: 100%; float: left;}                     /*全体*/

.kijishita-l {margin-right: 0px;}                            /*左体*/

.kijishita-r {width: 100%; float: right; margin-left: -0px;} /*右側*/

 

 

/*余白設定*/

#container-in {

    padding: 20px 0;

}

 

.article1,.article2,.article3,.ad3,.kijilist1,.kijilist2,.kijilist3,.kijilist4,

.post,#cms,#tbs,.message,.pagination,.page-navi3,#nices,.post2,#tag_cloud,.tag-search {

    margin: 0 0 20px 0;

}

 

#content1,#content2,#content3,#sidebarbody-l,#sidebarbody-r {

    padding: 5px 5px 1px 5px;

}

 

/*サイドバー上コンテンツ*/

.sidecontent {

    display: none;

}

 

 

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■文字サイズと行の高さ

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*主要部分1(記事本文など)*/

.article-body,.post-body,.message,.message-board {

    font-size: 15px;

    line-height: 1.8;

}

 

/*サイトタイトル*/

.blog-title {

    font-size: 26px;

    line-height: 1.4;

}

 

/*サイト説明文*/

.blog-intro,.style02,.header-imgr,.header-imgl {

    font-size: 12px;

    line-height: 1.4;

}

 

/*グローバルメニュー*/

#globalmenu {

    font-size: 14px;

    line-height: 1.4;

}

 

/*記事タイトル*/

.style03,.page-title {

    font-size: 20px;

    line-height: 1.2;

}

 

/*その他タイトル1(フリースペース・CM・TB・続きを読む)*/

.style04,.style05,.style06,.postmore a,.message-title h3 {

   font-size: 16px;

    line-height: 1.4;

}

 

/*その他タイトル2(サイドバー・フッターinfo)*/

.sidebar-title,.ftitle,.sidetitle,.sidebarbody h4 {

    font-size: 14px;

    line-height: 1.4;

}

 

/*主要部分2(サイドバー・フッターinfo・記事一覧・FS)*/

#sidebarbody-l,#sidebarbody-r,.sidecontent,#footerinfo,

.kijilist1,.kijilist2,.kijilist3,.kijilist4,.eyecatchbanner,.ad3,.kijishita,#tag_cloud,.gnavi {

    font-size: 12px;

    line-height: 1.8;

}

 

/*記事一覧のリスト*/

.kl-list,.live-related a {

    font-size: 18px;

    line-height: 1.2;

}

 

/*コメント欄*/

.cmbody,textarea,.commentlist {

    font-size: 12px;

    line-height: 1.6;

}

 

/*h2タイトル(変更非推奨)*/

h2,.article-body h2,.post-body h2,.sidebar-body h2,.side h2 {

    font-size: 20px;

    line-height: 1.1;

}

 

/*h3タイトル(変更非推奨)*/

h3,.article-body h3,.post-body h3,.sidebar-body h3,.side h3 {

    font-size: 16px;

    line-height: 1.4;

}

 

/*文字だけ見出し(変更非推奨)*/

.copy,h2.copy,h3.copy {

    font-size: 20px;

    line-height: 1.4;

}

 

/*主要部分3(変更非推奨)*/

.fa-kx {font-size: 13px;}

 

#header-navi,.kensaku-text,.kensaku-submit,.relate,

.ad,.ad1,.ad2,.ad4,.ad5,.ad6,.ad7,.ad-pc,.ad-sp,.input-submit,.pankuzu,.page-navi3,

.tag-search,.relatetitle h2,.sonet-relate,#nices,button,.related-articles h3 {

    font-size: 12px;

    line-height: 1.6;

}

 

#footer2,.article-header,.article-footer,.page-header,

.kb-l,.kl-info,.kl-info1,.kl-info2,#cms,#tbs {

    font-size: 13px;

    line-height: 1.2;

}

 

address a,.kl-read a,.kltitle,.comtitle1,.comtitle2,legend {

    font-size: 14px;

    line-height: 1.6;

}

 

.pn3-l a,.pn3-r a {

    font-size: 16px;

    line-height: 1.6;

}

 

.navi-return {

    font-size: 20px;

    line-height: 1.6;

}

 

.kl-cat,.kl-date,.kl-cat2,.kl-date2,.pagination {

    font-size: 11px;

    line-height: 2.5;

}

 

 

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■各ブロックのデザイン設定

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

 

/*---------------------------------

●コンテナ・カラム

-----------------------------------*/

/*コンテナ*/

#container1,#container2,#container3,#container-in {

    margin: 0 auto;

}

 

/*メインカラム*/

#content1,#content2,#content3 {

    border-radius: 6px;

}

 

/*サイドバー*/

#sidebarbody-l,#sidebarbody-r,.sidecontent {

    border-radius: 6px;

}

 

/*モダンブラウザ対策*/

#globalmenu:after,#container-in:after,#footerinfo:after {

    display: block;

    content: "";

    clear: both;

    height: 0;

}

 

/*ホバーエフェクト*/

a:hover img,.kensaku-submit:hover,#globalmenu a:hover,#globalmenu li ul li,.kl-cat a:hover,.kl-read a:hover,.navi-return a:hover,.pagination a:hover,.input-submit:hover,button:hover {

    -o-transition: all .4s;

    -ms-transition: all .4s;

    -moz-transition: all .4s;

    -webkit-transition: all .4s;

    transition: all .4s;

}

 

 

/*---------------------------------

●ヘッダー&グローバルメニュー

-----------------------------------*/

#header1 {

    position: relative;

    border-top: none;

    border-right: none;

    border-left: none;

    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);

    background: none;

}

 

/*ヘッダーナビ*/

#header-navi-outer {

    position: relative;

    z-index: 100;

    width: 100%;

    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);

    }

 

#header-navi {

    clear: both;

    overflow: hidden;

    padding: 4px 10px;

    word-wrap: normal;

}

 

.header-navi-l {float: left; text-align: left;}   /*左側:h1部分  */

.header-navi-r {float: right; text-align: right;} /*右側:検索部分*/

 

 

#header-navi li {

    float: left;

    padding: 0 0 0 5px;

}

 

/*検索BOX*/

.kensaku-text {

    -webkit-appearance: none;

    width: 120px;

    margin: 0;

    padding: 0 5px;

    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1) inset,0 -1px 1px 0 rgba(0,0,0,0.1) inset;

    border: none;

    border-radius: 2px 0 0 2px;

    background: rgba(255,255,255,0.9);

}

 

.kensaku-submit {

    -webkit-appearance: none;

    margin: 0;

    padding: 0 10px;

    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset,-1px -1px 1px 0 rgba(0,0,0,0.1) inset;

    border: none;

    border-radius: 0 2px 2px 0;

    background: rgba(255,255,255,0.8);

}

 

/*IE09*/

.kensaku-text,.kensaku-submit {line-height: 1.5\9;}

@media all and (-ms-high-contrast:none){

/*IE10*/

.kensaku-text,.kensaku-submit {line-height: 1.5;}

/*IE11*/

*::-ms-backdrop,

.kensaku-text,.kensaku-submit {line-height: 1.5;}

}

 

.kensaku-submit:hover {

    background: rgba(0,0,0,0.3);

    color: #fff;

}

 

/*h1の文字*/

.style01 {

    display: inline;

    font-weight: normal;

    text-align: left;

}

 

.style02 {

    padding: 0 0 0 10px;

    font-weight: normal;

    text-align: right;

}

 

/*ヘッダー外側*/

#header-outer {

    padding: 20px 0;

}

 

/*ヘッダー内側 : 画像利用のサイズ指定は 縦幅 width:900px; 縦幅 height:200px; 等を追加*/

#header-in {

    clear: both;

    overflow: hidden;

    border: solid 0px #d1d1d1;

     background: none;

width: 1100px;

height: 270px;

 

}

 

/*スマホ・タブレット用ヘッダー画像調整*/

@media screen and (max-width: 800px) {

     #header-in {height: 184px;} /*ヘッダー画像 780px÷横幅px×縦幅px*/

}

@media screen and (max-width: 670px) {

     #header-in {height: 160px;} /*ヘッダー画像 650px÷横幅px×縦幅px*/

}

@media screen and (max-width: 415px) {

     #header-in {height: 101px;} /*ヘッダー画像 395px÷横幅px×縦幅px*/

}

 

 

/*タイトルと説明文を横並び*/

.header-l {width: 100%; float: left;}  /*左側:タイトル:横並びは50%*/

.header-r {width: 100%; float: right;} /*右側:説明文  :横並びは50%*/

 

 

/*サイトタイトルの文字*/

.blog-title {

    padding: 0px 0px 0 30px;

    text-align: left;

}

 

/*サイト説明文の文字*/

.blog-intro {

    padding: 20px 10px 0 320px;

    text-align: left;

}

 

/*ヘッダーフリースペース*/

.header-imgr {max-width: 100%; float: right; padding: 0 0 0 10px;}

.header-imgl {max-width: 100%; float: left; padding: 0 10px 0 0;}

@media screen and (max-width: 670px) {

.header-imgr {width: auto; float: none; padding: 0;} /*横並び解除*/

}

 

/*ヘッダーその他*/

#header1,#header-navi-outer,#header-navi,#header-outer,#header-in,.blog-title,.blog-intro,.header-imgr,.header-imgl {

    margin: 0 auto;

}

 

/*グローバルメニュー外側(背景)*/

#globalmenu-outer {

    margin: 0 auto;

    border-top: solid 1px #d1d1d1\9;

    border-top: solid 1px rgba(0,0,0,0.1);

    background: #ffffff;

background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );

 

       }

 

/*グローバルメニュー外側(レスポンシブ用)*/

#globalmenu-toggle,#sp-s,.sp,.arrow {

    display: none;

}

 

/*グローバルメニュー内側*/

#globalmenu-in {

    margin: 0 auto;

}

 

#globalmenu {

    margin: 0 auto;

    border-left: solid 1px #d1d1d1\9;

    border-left: solid 1px rgba(0,0,0,0.1);

}

 

#globalmenu li {

    position: relative;

    float: left;

    margin: 0;

}

 

#globalmenu a {

    display: inline-block;

    height: 100%;

    padding: 10px 15px;

    border-left: solid 1px rgba(255,255,255,0.2);

    border-right: solid 1px #d1d1d1\9;

    border-right: solid 1px rgba(0,0,0,0.1);

}

 

#globalmenu #gm-r > ul > li:last-child {

    border-right: solid 1px rgba(255,255,255,0.2);

}

 

#globalmenu a:hover {

    border-left: solid 1px rgba(0,0,0,0);

    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%);

}

 

/*プルダウンメニュー*/

#globalmenu li ul {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 200;

    width: 200px;

}

 

#globalmenu li ul li {

    width: 100%;

    height: 0;

    overflow: hidden;

}

 

#globalmenu li ul li a {

    display: block;

    height: 12px; /*or100%*/

    line-height: 1;

    overflow: hidden;

    padding: 12px 10px;

    border: none;

    border-radius: 0;

    font-weight: normal;

    text-align: left;

    color: #fff;

}

 

#globalmenu li ul li a:hover {

    border: none;

}

 

#globalmenu li:hover > ul > li {

    height: 36px; /*or100%*/

    overflow: visible;

}

 

#globalmenu li ul {background: rgba(0,0,0,0.6);}

#globalmenu li ul li ul {background: rgba(0,0,0,0.8);}

#globalmenu li ul li ul li ul {background: rgba(0,0,0,0.6);}

#globalmenu li ul li ul li ul li ul {background: rgba(0,0,0,0.8);}

 

#globalmenu li ul li > ul,

#globalmenu li ul li ul li ul li > ul {

    top: 0;

    left: 100%;

}

 

#globalmenu li ul li ul li > ul {

    left: -100%;

    width: 100%;

}

 

#globalmenu li ul li > ul:before,

#globalmenu li ul li ul li ul li > ul:before {

    position: absolute;

    content: "";

    top: 11px;

    left: -10px;

    border: 7px solid transparent;

    border-left-color: #fff;

}

 

#globalmenu li ul li ul li > ul:before {

    left: 200%;

    margin: 0 0 0 -20px;

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}

 

#globalmenu li ul li ul li ul li > ul:before {

    margin: 0 0 0 0;

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

}

 

 

/*---------------------------------

●サイドバー

-----------------------------------*/

/*タイトル*/

.sidebar-title-outer {

    border-radius: 8px;

}

 

.sidebar-title,.sidetitle {

    padding: 5px 10px;

    border: solid 1px #d1d1d1;

    border-radius: 6px;

    background: #ffffff;

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );       

    text-align: left;

}

 

/*ボディ*/

.sidebar-body,.side,.side-tag {

    overflow: hidden;

    margin: 0 0 10px 0;

    padding: 10px 5px;

    border-radius: 6px;

    background: none;

    text-align: left;

}

 

 

/*---------------------------------

●フッター

-----------------------------------*/

/*フッター全体*/

#footer1 {

    background: none;

}

 

/*フッターアドレス部分*/

#footer2-outer {

    border-right: none;

    border-bottom: none;

    border-left: none;

    box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.3);

    }

 

/*フッターinfo外側*/

#footerinfo-outer {

    background: rgba(234,234,234,1);

}

 

/*フッターinfo内側*/

#footerinfo {

    clear: both;

    overflow: hidden;

    margin: 0 auto;

    text-align: left;

}

 

.ftitle {

    margin: 20px 0 0 0;

    padding: 5px 0;

    border-top: solid 1px #d1d1d1;

}

 

.f-body {

    margin: 0 0 20px 0;

}

 

/*その他*/

#footer1,#footer2-outer {

    clear: both;

    margin: 0 auto;

}

 

#footer2 {

    margin: 0 auto;

    padding-top: 20px;

    padding-bottom: 20px;

    text-align: left;

}

 

address {

    display: inline;

    font-style: normal;

    text-align: left;

}

 

 

/*---------------------------------

●アイチャッチバナー

-----------------------------------*/

/*外側*/

.eyecatchbanner-outer {

    padding: 20px 0;

    background: rgba(234,234,234,1);

}

 

/*内側 : 画像利用のサイズ指定は 縦幅 width:900px; 縦幅 height:200px; 等を追加*/

.eyecatchbanner {

    margin: 0 auto;

    border: solid 0px #d1d1d1;

    text-align: center;

    background: none;

}

 

 

/*---------------------------------

●個別記事

-----------------------------------*/

/*記事全体*/

.article1,.article2,.article3 {

    padding: 0;

    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);

    border-radius: 6px;

}

 

/*記事ボディ*/

.article-body {

    padding: 15px 15px 0 15px;

    border: solid 1px #d1d1d1;

    border-top: none;

    border-radius: 0 0 6px 6px;

    background: #ffffff;

    text-align: left;

}

 

 

/*記事タイトル*/

.article-title-outer {

    padding: 15px 0 0 0;

    border-top: none;

    border-right: none;

    border-left: none;

    border-radius: 6px 6px 0 0;

   

}

 

.article-title {

    border-left: solid 1px rgba(0,0,0,0.1);

    border-right: solid 1px rgba(0,0,0,0.1);

    border-radius: 0;

    background: #ffffff;

    }

 

/*記事タイトルの文字*/

.style03,.page-title {

    margin: 0 auto;

    padding: 15px 15px 0 15px;

    text-align: left;

}

.page-title {

    padding: 15px;

}

 

/*記事ヘッダー*/

.article-header {

    clear: both;

    padding: 5px 15px 5px 15px;

}

 

.ah-l {width: 100%; float: none; text-align: left;}

.ah-r {width: 100%; float: none; text-align: right;}

.ah-l li {display: inline; padding: 0 5px 0 0;}

.ah-r li {display: inline; padding: 0 0 0 5px; text-align: right;}

 

 

/*記事フッター*/

.article-footer {

    clear: both;

    margin: 10px 0 0 0;

    padding: 5px 0;

    border-top: solid 1px #d1d1d1;

    text-align: right;

}

 

.article-footer li {

    display: inline;

    padding: 0 0 0 5px;

    text-align: right;

}

 

/*続きを読む*/

#more {

    padding: 20px 0 0 0;

}

 

.postmore {

    margin: 10px -6px 10px 0;

    text-align: right;

}

 

.postmore a {

    padding: 5px;

    border: solid 1px #ffffff;

    border-radius: 6px;

}

 

.postmore a:hover {

    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);

}

 

 

/*---------------------------------

●記事内の関連記事・カテゴリ・タグ

-----------------------------------*/

.af {

    clear: both;

    overflow: hidden;

    margin: 0 -4px;

    padding: 15px 0 0 0;

}

 

.af-l {width: 50%; float: left;}  /*左側:基本50%:縦並びは100%*/

.af-r {width: 50%; float: right;} /*右側:基本50%:縦並びは100%*/

 

 

.relate {

    margin: 0 0 15px 0;

    padding: 0 2px;

    text-align: left;

}

 

.relatetitle {

    word-wrap: normal;

    margin: 0 0 5px 0;

    padding: 2px 10px;

    border-radius: 6px;

    background: rgba(234,234,234,0.5);

    color: #000;

}

 

.relatebody {

    margin: 0 auto;

    padding: 0 10px;

}

 

.relatebody a {

    padding: 0 2px 0 0;

}

 

.relatebody li {

    margin: 0 0 5px 0;

    border-bottom: dotted 1px #d1d1d1;

}

 

.relate_dl {margin: 30px 0 0 0;}

.relate_dt {margin-bottom: 5px; padding: 2px 10px; border-radius: 6px; background: rgba(234,234,234,0.5); font-weight: bold;}

.relate_ul li {margin: 0 0 5px 10px; padding: 0; border-bottom: dotted 1px #d1d1d1;}

 

 

/*---------------------------------

●ソーシャルボタン

-----------------------------------*/

.social1,.social2 {

    margin: 0 auto;

    padding: 0;

    text-align: left;

}

 

.social1 ul,.social2 ul {

    padding: 0;

}

 

.social1 li,.social2 li {

    display: inline-block;

    *display: inline; zoom: 1; /*IE7*/

}

 

.social li.hatena,.social li.google,.social li.twitter,.social li.facebook {

    background-position: 0 0;

    margin: 0 auto;

    padding: 0;

}

 

.social1 li.google {

    margin-right: -32px;

}

 

.social1 li.twitter {

    margin-right: -42px;

}

 

/*facebook*/

.fb-like {float: left;}

 

 

/*記事外に出すときは適用*/

/*

.social2 {position: fixed; bottom: 10px; left: 10px; text-align: center;}

.social2 li {padding: 3px 0 0 0;}

.social2 li {display: block;}

.fb-like {float: none;}

 

 

/*---------------------------------

●フリースペース

-----------------------------------*/

/*記事内上部&続きを読む*/

.ad1 {margin: 0 0 20px 0;}

 

 

/*記事内下部*/

.ad2,.ad6 {margin: 20px 0 0 0;}

.ad2 {clear: both;}

 

 

/*記事下*/

.ad3 {

    padding: 0 15px;

    border-radius: 6px;

    background: #ffffff;

    text-align: left;

}

 

/*サイドバー&記事一覧*/

.ad4,.ad7 {clear: both; overflow: hidden;}

.ad4 p,.ad7 p {margin: 0 0 20px 0;}

 

 

/*コメント欄*/

.ad5 p {margin: 10px 0 0 0;}

 

 

/*横並び*/

.ad {clear: both; overflow: hidden;}

.ad-l {width: 50%; float: left; text-align: center;}  /*左側*/

.ad-r {width: 50%; float: right; text-align: center;} /*右側*/

 

 

/*スマホ広告*/

.ad-sp {display: none;}

@media screen and (max-width: 670px) {

.ad-pc {display: none;}

.ad-sp {display: block;}

}

 

 

/*---------------------------------

●記事一覧・FS・CM・TB(共通指定)

-----------------------------------*/

/*全体*/

.kijilist1,.kijilist2,.kijilist3,.kijilist4,.post,#cms,#tbs,.message,#nices,.post2 {

    padding: 0;

    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);

    border-radius: 6px;

}

 

/*ボディ*/

.kijilist-body,.post-body,.com-body,.message-body {

    border: solid 1px #d1d1d1;

    border-top: none;

    border-radius: 0 0 6px 6px;

    background: #ffffff;

    text-align: left;

}

 

/*タイトル*/

.kijilist-title-outer,.post-title-outer,.cm-title-outer,.tb-title-outer {

    border-top: none;

    border-right: none;

    border-left: none;

    border-radius: 8px 8px 0 0;

    }

 

.kijilist-title,.post-title,.cm-title,.tb-title,.message-title {

    border: solid 1px #d1d1d1;

    border-bottom: none;

    border-radius: 6px 6px 0 0;

    background: #ffffff;

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );

}

 

/*タイトルの文字*/

.style04,.style05,.style06,.message-title {

    margin: 0 auto;

    padding: 10px 15px;

    text-align: left;

}

 

 

/*---------------------------------

●記事一覧

-----------------------------------*/

/*ボディ*/

.kijilist-body {

    padding: 15px 15px 0 15px;

}

 

.kijilist-body1 {

    position: relative;

    overflow: hidden;

    margin: 0 0 15px 0;

    padding: 0 0 15px 0;

    border-bottom: dotted 1px #d1d1d1;

}

 

.kijilist-body2 {

    margin: 0 0 15px 0;

    padding: 0 0 15px 0;

    border-bottom: dotted 1px #d1d1d1;

}

 

.kijilist-body3 {

    margin: 0 auto;

    padding: 0 0 15px 0;

}

 

.kltitle {

    margin: 15px 0;

    font-weight: bold;

}

 

/*リスト*/

.ul-kl {

    padding: 0;

}

 

.ul-kl li {

    display: block;

    width: 100%;

}

 

.ul-kl li a {

    display: block;

    position: relative;

    padding: 0 35px 0 0;

}

 

.ul-kl li a:before {

    position: absolute;

    top: 0;

    right: 0;

    content: "";

    height: 30px;

    width: 30px;

    border-radius: 50%;

}

 

.ul-kl li a:after {

    position: absolute;

    top: 7px;

    right: 10px;

    content: "";

    width: 13px;

    height: 13px;

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    border-right: solid 2px #d1d1d1;

    border-bottom: solid 2px #d1d1d1;

}

 

.ul-kl li a:hover:after,.ul-kl li a:active:after {

    border-style: solid;

    border-width: 2px;

    border-top: none;

    border-left: none;

}

 

/*その他*/

.kl-info,.kl-info1,.kl-info2 {

    margin: 5px 0 30px 0;

    font-weight: normal;

}

 

.kl-info1 {

    margin: 0 0 5px 0; /*アレンジ用*/

}

 

.kl-info2 {

    margin: 5px 0 0 0;

}

 

.kl-cat a,.kl-date {

    margin: 0 auto;

    padding: 1px 5px;

    border: solid 1px #d1d1d1;

    border-radius: 4px;

    background: none;

        background: #f3f3f3\9;

}

 

.kl-read {

    position: absolute;

    bottom: 15px;

    right: 0;

    margin: 0 auto;

    text-align: right;

}

 

.kl-read a {

    padding: 2px 9px;

    border: solid 1px rgba(204,204,204,1);

    border-radius: 4px;

    background: rgba(0,0,0,0.2);

    background: #d1d1d1\9;

    color: #fff;

}

 

.kl-cat a:hover,.kl-read a:hover {

    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);

}

 

 

/*---------------------------------

●FS

-----------------------------------*/

/*ボディ*/

.post-body,.message-body {

    padding: 15px;

}

 

 

/*---------------------------------

●CM・TB

-----------------------------------*/

/*ボディ*/

.com-body {

    padding: 15px;

}

 

.com-body1,.com-body3 {

    margin: 0 0 15px 0;

    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1) inset;

    border-radius: 6px;

}

 

.com-body2 {

    margin: 0 auto;

}

 

.com-body3 {

    padding: 15px;

    border: solid 1px #d1d1d1;

    background: rgba(234,234,234,0.5);

}

 

.comtitle1 {

    margin: 0 0 5px 0;

}

 

.comtitle2 {

    margin: 0 auto;

    line-height: 3;

}

 

/*その他*/

.cmbody {

    margin: 0 auto;

    padding: 15px;

    border: solid 1px #d1d1d1;

    border-bottom: none;

    border-radius: 4px 4px 0 0;

    background: rgba(234,234,234,0.1);

}

 

.cminfo {

    margin: 0 auto;

    padding: 3px 15px;

    border: solid 1px #d1d1d1;

    border-radius: 0 0 4px 4px;

    background: rgba(234,234,234,0.1);

    text-align: right;

}

 

.cmtitle {

    margin: 0 auto;

}

 

textarea {

    height: 150px;

    padding: 5px;

}

 

.comment-input,.comment-input2 {

    width: 70%;

}

 

.comment-input2 {

    padding: 0 0 0 10px;

}

 

.cmbody1 {

    margin: 0 auto;

}

 

.cmbody2 {

    margin: 0 0 5px 0;

}

 

.cmbody3 {

    margin: 0 auto;

    text-align: right;

}

 

.form-btn {

    margin: 0 auto;

}

 

.input-submit,button {

    padding: 3px 10px;

    border: solid 1px #d1d1d1;

    border-radius: 4px;

    background: none;

    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);

    background: #f3f3f3\9;

}

 

.input-submit:hover,button:hover {

    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);

}

 

/*IE09*/

.input-submit:hover,button:hover {border-radius: 0\9;}

@media all and (-ms-high-contrast:none){

/*IE10*/

.input-submit:hover,button:hover {border-radius: 4px;}

/*IE11*/

*::-ms-backdrop,

.input-submit:hover,button:hover {border-radius: 4px;}

}

 

 

/*---------------------------------

●管理者コメント

-----------------------------------*/

.ひで蔵,.res {

    position: relative;

    margin: 0;

    border-radius: 4px;

    background: rgba(0,0,0,0.1);

}

 

.ひで蔵:before,.res:before {

    position: absolute;

    top: 10px;

    right: 10px;

    float: right;

    content: "Re:";

    line-height: 1;

    font-weight: bold;

    font-size: 30px;

    color: #fff;

}

 

 

/*---------------------------------

●基本記事装飾パーツ

-----------------------------------*/

/*画像回り込み*/

.imgl,.imgl2 {max-width: 100%; float: left; margin: 0 10px 5px 0;}  /*左*/

.imgr,.imgr2 {max-width: 100%; float: right; margin: 0 0 5px 10px;} /*右*/

 

 

/*文字回り込み解除*/

.text00 {overflow: auto; zoom: 1px; margin: 0;}

.clear {clear: both; margin: 0;}

.clearleft {clear: left; margin: 0;}

.clearright {clear: right; margin: 0;}

 

 

/*文字だけ見出し*/

.copy,h2.copy,h3.copy {

    margin: 0;

    padding: 0;

    box-shadow: none;

    border: none;

    background: none;

    filter: none;

    font-weight: bold;

    text-shadow: 1px 1px 4px rgba(0,0,0,0.4);

}

 

/*h2タグ*/

.h2-00 {

    margin: 0 0 5px 0;

    padding: 10px;

    border-top: solid 1px #c0c0c0;

    border-right: solid 1px #c0c0c0;

    border-left: solid 1px #c0c0c0;

    background: #ffffff;

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );

    font-weight: bold;

}

 

/*h3タグ*/

.h3-00 {

    margin: 0 0 5px 0;

    padding: 5px 10px;

    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1),0 0 1px 1px rgba(255,255,255,0.9) inset;

    border: solid 1px #d1d1d1;

    background: #ffffff;

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );

    font-weight: bold;

}

 

/*ulタグ*/

.ul-00 {

    margin: 0 auto;

    padding: 5px 0;

}

 

.ul-00 li {

    line-height: 26px; /*must*/

    margin: 4px 0;

    padding: 0 0 0 5px;

    border-top: none;

    border-right: none;

    border-bottom: dotted 1px #c0c0c0;

}

 

/*olタグ*/

.ol-00 {

    margin: 0 auto;

    padding: 5px 0;

}

 

.ol-00 li {

    position: relative;

    line-height: 26px; /*must*/

    margin: 4px 0;

    padding: 0;

}

 

.ol-00 li:before {

    content: counter(li);

    counter-increment: li;

    position: relative;

    top: -2px;

    border-radius: 6px;

}

 

/*tableタグ*/

.table-00,.table-01 {

    width: auto;

    border-spacing: 0;

    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);

}

 

.table-00 th,.table-01 th {

    padding: 5px 15px;

    border-right: solid 1px rgba(255,255,255,0.2);

    border-bottom: solid 1px rgba(255,255,255,0.2)\9;

    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);

    font-weight: bold;

    text-align: center;

    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);

    color: #fff;

}

 

.table-00 th:last-child,.table-01 th:last-child {

    border-right: none;

    border-bottom: none\9;

}

 

.table-00 tr td,.table-01 tr td {

    padding: 5px 15px;

    border-bottom: solid 1px #d1d1d1;

    border-right: solid 1px #d1d1d1;

    text-align: center;

}

 

.table-00 tr:nth-child(2n+1) {

   background: rgba(234,234,234,0.5);

}

 

.table-00 tr td:first-child,.table-01 tr td:first-child {

    border-left: solid 1px #d1d1d1;

}

 

.table-00 tr:first-child td,.table-01 tr:first-child td { 

    border-top: solid 1px #d1d1d1;

}

 

/*引用タグ*/

blockquote {

    position: relative;

    margin: 0;

    padding: 30px;

    border-radius: 6px;

    border: solid 1px #d1d1d1;

    background: rgba(234,234,234,0.5);

}

 

blockquote:before {

    position: absolute;

    top: 5px;

    left: 5px;

    float: left;

    content: "“";

    line-height: 1;

    font-family: sans-serif;

    font-weight: bold;

    font-size: 60px;

    color: #d1d1d1;

}

 

blockquote:after {

    position: absolute;

    bottom: -30px;

    right: 5px;

    float: right;

    content: "”";

    line-height: 1;

    font-family: sans-serif;

    font-weight: bold;

    font-size: 60px;

    color: #d1d1d1;

}

 

/*boxタグ*/

.box-01 {

    margin: 5px 0;

    padding: 10px;

    border-radius: 6px;

    background: rgba(234,234,234,0.5);

}

 

.box-02 {

    margin: 5px 0;

    padding: 10px;

    border-radius: 6px;

    border: solid 1px #c0c0c0;

    background: rgba(234,234,234,0.5);

}

 

.box-03 {

    margin: 5px 0;

    padding: 10px;

    border: solid 1px #c0c0c0;

}

 

.box-04 {

    margin: 5px 0;

    padding: 10px;

    border: dotted 1px #c0c0c0;

}

 

/*アレンジ用：olタグ*/

.ol-00 li:before,

.ol-01-blue li:before,.ol-01-navy li:before,.ol-01-red li:before,.ol-01-green li:before,.ol-01-orange li:before,.ol-01-purple li:before,.ol-01-pink li:before,.ol-01-black li:before,.ol-01-glay li:before,.ol-01-main li:before,

.ol-02-blue li:before,.ol-02-navy li:before,.ol-02-red li:before,.ol-02-green li:before,.ol-02-orange li:before,.ol-02-purple li:before,.ol-02-pink li:before,.ol-02-black li:before,.ol-02-glay li:before,.ol-02-main li:before,

.ol-03-blue li:before,.ol-03-navy li:before,.ol-03-red li:before,.ol-03-green li:before,.ol-03-orange li:before,.ol-03-purple li:before,.ol-03-pink li:before,.ol-03-black li:before,.ol-03-glay li:before,.ol-03-main li:before,

.ol-04-blue li:before,.ol-04-navy li:before,.ol-04-red li:before,.ol-04-green li:before,.ol-04-orange li:before,.ol-04-purple li:before,.ol-04-pink li:before,.ol-04-black li:before,.ol-04-glay li:before,.ol-04-main li:before {

    padding: 0 6px;

    font-size: 13px; /*must*/

}

 

@media screen and (-webkit-min-device-pixel-ratio: 1.1) {.ol-00 li:before {padding: 2px 5px;}}

@media screen and (min--moz-device-pixel-ratio: 1.1)    {.ol-00 li:before {padding: 0px 5px;}}

 

 

/*アレンジ用：パーツ*/

.parts-01-blue,.parts-01-navy,.parts-01-red,.parts-01-green,.parts-01-orange,.parts-01-purple,.parts-01-pink,.parts-01-black,.parts-01-glay,.parts-01-main,

.parts-02-blue,.parts-02-navy,.parts-02-red,.parts-02-green,.parts-02-orange,.parts-02-purple,.parts-02-pink,.parts-02-black,.parts-02-glay,.parts-02-main {

    line-height: 1.2;

    padding: 1px 10px;

    font-size: 18px;

}

 

.parts-03-blue,.parts-03-navy,.parts-03-red,.parts-03-green,.parts-03-orange,.parts-03-purple,.parts-03-pink,.parts-03-black,.parts-03-glay,.parts-03-main,

.parts-04-blue,.parts-04-navy,.parts-04-red,.parts-04-green,.parts-04-orange,.parts-04-purple,.parts-04-pink,.parts-04-black,.parts-04-glay,.parts-04-main {

    line-height: 1.2;

    width: 100px;

    padding: 5px 10px;

    font-size: 18px;

}

 

.parts-05-blue,.parts-05-navy,.parts-05-red,.parts-05-green,.parts-05-orange,.parts-05-purple,.parts-05-pink,.parts-05-black,.parts-05-glay,.parts-05-main {

    line-height: 1.2;

    width: 40px;

    height: 40px;

    padding: 15px;

    font-size: 18px;

}

 

/*サイドバーのリスト*/

.sidebar-body ul li,.side ul li {

    font-weight: normal;

}

 

 

/*---------------------------------

●パン屑リスト

-----------------------------------*/

.pankuzu {

    margin: 0 0 10px 0;

    padding: 1px 15px;

    border-radius: 6px;

    background: none;

    text-align: left;

}

 

.pankuzu li {

    display: inline;

    padding: 0 10px 0 0;

}

 

 

/*---------------------------------

●ページナビ(トップに戻る)

-----------------------------------*/

.navi-return {

    position: fixed;

    bottom: 0;

    right: 0;

    z-index: 100;

    text-align: left;

}

 

.navi-return a {

    display: block;

    margin: 0 0 2px 0;

    padding: 14px 9px;

    border: solid 1px rgba(0,0,0,0.1);

    border-right: none;

    border-radius: 4px 0 0 4px;

    background: rgba(0,0,0,0.3);

    color: #fff;

}

 

.navi-return a:hover {

    border-right: none;

    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);

}

 

/*IE09*/

.navi-return a {background: #d1d1d1\9;}

.navi-return a:hover {border-radius: 0\9;}

@media all and (-ms-high-contrast:none){

/*IE10*/

.navi-return a:hover {border-radius: 4px 0 0 4px;}

/*IE11*/

*::-ms-backdrop,

.navi-return a:hover {border-radius: 4px 0 0 4px;}

}

 

 

/*---------------------------------

●ページナビ(前後記事)

-----------------------------------*/

.page-navi3 {

    width: 100%;

}

 

.pn3 {

    clear: both;

    overflow: hidden;

    padding: 0;

    border-radius: 6px;

    background: none;

}

 

.pn3-l {width: 40%; float: left; text-align: left;}   /*左側*/

.pn3-c {width: 20%; float: left;}                     /*中央*/

.pn3-r {width: 40%; float: right; text-align: right;} /*右側*/

 

 

/*---------------------------------

●ページナビ(前後ページ)

-----------------------------------*/

.page-navi1,.page-navi1-2,.page-navi2 {

    clear: both;

    padding: 1px 5px;

    border-radius: 6px;

}

 

.pagination li {

    display: inline;

}

 

.pagination a {

    padding: 3px 10px;

    border: solid 1px #d1d1d1;

    border-radius: 4px;

    background: #ffffff;

    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%, rgba(85,85,85,0.1) 100%);

    background: #f3f3f3\9;

}

 

.pagination a:hover {

    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);

}

 

 

/*---------------------------------

●記事一覧の画像

-----------------------------------*/

/*画像サイズ(120px)*/

.kb-l {width: 240px; height: 240p;}

.kb-l img {width: 240px; height: auto;}

.kb-r {margin: 0 0 0 250px;} /*120px+余白10px*/

 

 

@media screen and (max-width: 670px) {

.kb-l {width: 240px; height: 240px;}

.kb-l img {width: 240px; height: auto;}

.kb-r {margin: 0 0 0 250px;} /*100px+余白10px*/

}

 

@media screen and (max-width: 415px) {

.kb-l {width: 120px; height: 120px;}

.kb-l img {width: 120px; height: auto;}

.kb-r {margin: 0 0 0 130px;} /* 90px+余白10px*/

}

 

.kb-l {

    float: left;

    overflow: hidden;

    margin: 0 10px 0 0;

    text-align: center;

}

 

.kb-l img {

    margin: 0 0 50px 0;

    border-radius: 4px;

}

 

.noimage {

    position: relative;

    width: 97%;

    height: 97%;

    border-radius: 4px;

    border: solid 1px #d1d1d1;

    background: rgba(234,234,234,0.5);

}

 

.noimage-in {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 16px;

    margin: auto;

    text-align: center;

}

 

 

/*---------------------------------

●表示制御

-----------------------------------*/

/*投稿日表示無しは適用*/

/*

.kl-date,.ah-r li.date,.article-footer li.date,.no-date {display: none;}

 

 

/*記事一覧の画像を非表示は適用*/

/*

.kb-l {display: none;}

.kb-r {margin: 0;}

 

 

/*記事一覧の背景ありは適用*/

/*

.kijilist-body1 {padding: 10px 5px; border: none; border-radius: 6px; background: rgba(234,234,234,0.5);}

.kl-read {right: 5px;}

 

 

/*トップページで個別記事を非表示は適用*/

.article1,.page-navi1 {display: none;}

 

/*トップページで記事一覧を非表示は適用*/

/*

.kijilist1,.page-navi1 {display: none;}

 

 

/*記事一覧ページで個別記事を非表示は適用*/

.article3,.page-navi1-2 {display: none;}

 

/*記事一覧ページで記事一覧を非表示は適用*/

/*

.kijilist2,.page-navi1-2 {display: none;}

 

 

/*ヘッダーナビを固定するときは適用*/

#header-navi-outer {position: fixed; top:0; left:0;}

#header-outer {padding: 45px 0 20px 0;}

 

 

/*検索BOXの非表示は適用*/

/*

.kensaku {display: none;}

 

 

/*---------------------------------

●独自コンテンツ

-----------------------------------*/

/*ページナビ(前後ページ)のPageNo.*/

.page-link {

    display: inline;

    padding: 4px 11px;

    border-radius: 4px;

    background: rgba(0,0,0,0.2);

    background: #d1d1d1\9;

    font-weight: bold;

    color: #fff;

}

 

.page-dot {

    display: inline;

}

 

.page-dot a {

    padding: 3px;

    border: none;

    background: none;

}

 

.page-dot a:hover {

    border: none;

}

 

/*プラグイン説明(上部・下部)*/

.plug-in-description1 {margin: 0 0 10px 0;}

.plug-in-description2 {margin: 10px 0 0 0;}

 

 

/*カレンダー*/

table.calender {width: 100%; margin: 0 auto; border-radius: 0 0 6px 6px; background: none;}

table.calender caption {margin: 0 auto; border-radius: 6px 6px 0 0; background: none;}

table.calender th {font-weight: normal;}

#sidebarbody-l table.calender td a,

#sidebarbody-r table.calender td a {font-weight: bold; text-decoration: underline;}

#sidebarbody-l table.calender td a:hover,

#sidebarbody-r table.calender td a:hover {display: block; background: rgba(0,0,0,0.2); color: #fff;}

table.calender th#sat {color: #0000FF;}

table.calender th#sun {color: #CC0000;}

 

 

/*関連記事*/

.relate_dl {margin: 30px 0 0 0;}

.relate_dt {margin-bottom: 7px; padding: 5px 10px; border-radius: 6px; background-color: #FFE4E1; font-weight: bold; color: #000; font-size:16px;

background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(0,0,0,0.1) 100%);

background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(0,0,0,0.1) 100%);

}/*追加・変更した部分*/

.relate_ul li {margin: 0 0 5px 10px; padding: 0; border-bottom: dotted 1px #d1d1d1;}

 

/*親子カテゴリ*/

.main_menu ul li,.sub_menu ul li,.main_list ul li,.sub_menu ul li,.sub_list-end ul li {border: none;}

 

 

/*コメントURL無しの非表示*/

.non-url {display : none;}

 

 

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■追加アレンジ

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

 

/*ブログ左右の境界 ＃1*/

/*

#container1 {

width: 1020px; /*全体の幅＋40pxで設定*/

}

#container1 {

border-left: solid 1px #d1d1d1;

border-right: solid 1px #d1d1d1;

box-shadow: 5px 0 5px 0 rgba(0,0,0,0.1),-5px 0 5px 0 rgba(0,0,0,0.1);

}

 

 

 

/*ヘッダー ＃2*/

#header-outer {

padding-bottom: 0px;

}

#globalmenu-outer {

border: none;

background: none;

background-image: none;

filter: none;

}

#globalmenu {

padding: 0 0 5px 10px;

border: none;

}

#globalmenu a {

padding: 2px 5px;

border: none;

border-radius: 6px;

font-weight: normal;

}

#globalmenu a:hover {

border: none;

}

#globalmenu #gm-r > ul > li:last-child {

border: none;

}

/*IE09*/

#globalmenu a,#globalmenu a:hover {border-radius: 0\9;}

@media all and (-ms-high-contrast:none){

/*IE10*/

#globalmenu a,#globalmenu a:hover {border-radius: 6px;}

#globalmenu li ul li a:hover {border-radius: 0;}

/*IE11*/

*::-ms-backdrop,

#globalmenu a,#globalmenu a:hover {border-radius: 6px;}

#globalmenu li ul li a:hover {border-radius: 0;}

}

@media screen and (max-width: 1009px)/*レスポンシブ時 全体の幅＋69pxで設定*/{

#globalmenu {padding-left: 5px;}

}

 

 

 

/*サイドバー ＃4*/

.sidebar-title,.sidetitle {

border: none;

border-radius: 6px 6px 0 0;

background: #FFE4E1; /*ベースカラーコード*/

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9ED9', endColorstr='#ffffff/*←変更不可*/',GradientType=0 );/*forIE9*/

color: #000;

border-bottom:solid #808080 3px;

}

.sidebar-body,.side,.side-tag {

padding: 10px 4px;

box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);

border: solid 1px #d1d1d1;

border-top: none;

border-radius: 0 0 6px 6px;

background: #ffffff;

}

#sidebarbody-l .sidebar-title a,

#sidebarbody-r .sidebar-title a,

#sidebarbody-l .sidebar-title a:hover,

#sidebarbody-r .sidebar-title a:hover {color: #fff;}

 

 

 

/*個別記事 ＃4*/

.article1,.article2,.article3 {

box-shadow: none;

border-radius: 6px 6px 0 0;

}

.article-body {

border: none;

border-bottom: solid 1px #d1d1d1;

border-radius: 0;

}

.article-title-outer {

padding: 2px 2px 2px 15px;

border: none;

border-radius: 6px;

}

.article-title {

border-radius: 0 4px 4px 0;

border: none;

}

.style03 {

padding: 15px 10px 0 10px;

}

.article-header {

padding: 5px 10px;

}

.article-footer {

border: none;

}

 

 

 

 

/*記事一覧&その他 ＃1*/

.kijilist1,.kijilist2,.kijilist3,.kijilist4,.post,#cms,#tbs,.message,#nices,.post2 {

padding: 0 5px;

border: solid 1px #d1d1d1;

background: #ffffff;

}

.kijilist-body,.post-body,.com-body,.message-body {

padding: 15px 10px;

border: none;

border-top: solid 1px #d1d1d1;

}

.kijilist-body {

padding: 15px 10px 0 10px;

}

.kijilist-title-outer,.post-title-outer,.cm-title-outer,.tb-title-outer {

padding: 0;

border: none;

background: none;

}

.kijilist-title,.post-title,.cm-title,.tb-title,.message-title {

border: none;

background-image: none;

filter: none;

}

.style04,.style05,.style06,.message-title {

padding: 10px;

}

 

 

 

/*ヘッダー ＃4*/

#header1 {

border: none;

}

#globalmenu-outer {

margin: 0 auto;

border: none;

background: #FFE4E1; /*ベースカラーコード*/

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE4E1', endColorstr='#ffffff/*←変更不可*/',GradientType=0 );/*forIE9*/

}

#globalmenu a {

color: #000;

}

#globalmenu a:hover {

border-right: solid 1px rgba(0,0,0,0);

}


 

 

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■レスポンシブ設定

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

@media screen and (-webkit-min-device-pixel-ratio: 1.1),(min--moz-device-pixel-ratio: 1.1) {

 

.kl-cat a,.kl-date {padding: 4px 5px;}

.kl-read a {padding: 7px 9px;}

 

}

 

/*max1069px(全体幅1000px-1+40+10+20)*/

@media screen and (max-width: 1069px) {

 

body {min-width: 100%;}

 

#container1,#container2,#container3,

#globalmenu-outer,#globalmenu-in,#container-in {width: 100%;}

 

#header-in,.eyecatchbanner,#footer2 {width: auto; margin: 0 10px;}

#footerinfo {width: auto; margin: 0 15px;}

 

#header-in,.eyecatchbanner {background-size: 100% 100%;}

 

#container1,#container2,#container3 {border: none; box-shadow: none;}

#globalmenu {border: none;}

 

.text00 {overflow: visible;}

 

}

 

/*max959px ここから1カラムになる*/

@media screen and (max-width: 959px) {

 

img {max-width: 100%; height: auto;}

 

#header-navi {width: auto;}

 

#globalmenu,#globalmenu a,#globalmenu #gm-r > ul > li:last-child a {border: none;}

 

#wrapper1,#wrapper2,#wrapper3,#content1,#content2,#content3,

.fi-wrapper1,.fi-wrapper2,.fi-l,.fi-c,.fi-r,

.kijishita-l,.kijishita-r {width: auto; float: none; margin: 0;}

 

#sidebar1-l,#sidebar2-l,#sidebar3-l,

#sidebar1-r,#sidebar2-r,#sidebar3-r,.sidecontent {width: auto; float: none; margin: 5px 0 0 0;}

 

#content1,#content2,#content3,#sidebarbody-l,#sidebarbody-r {padding: 5px 5px 1px 5px;}

#content1,#content2,#content3 {border: none;}

 

#container-in {padding: 20px 0 20px 0;}

.article1,.article2,.article3,.ad3,.kijilist1,.kijilist2,.kijilist3,.kijilist4,

.post,#cms,#tbs,.message,.pagination,.page-navi3,#nices,.post2 {margin: 0 0 20px 0;}

 

}

 

/*max800px*/

@media screen and (max-width: 800px) {

}

 

/*max670px*/

@media screen and (max-width: 670px) {

 

#header1 {box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);}

 

.blog-title {font-size: 18px;}

.style03,.page-title {font-size: 20px;}

 

#header-outer {padding: 15px 0;}

.eyecatchbanner-outer {padding: 10px 0;}

 

#header-navi-outer {position: relative;}

#header-navi {padding: 0 27% 0 10px; border-top: none;}

.header-navi-r {display: none;}

.header-navi-l {

    width: 100%;

    height: 28px;

    line-height: 2.6;

    overflow: hidden;

    font-size: 11px;

}

#globalmenu-outer {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 200;

    box-shadow: none;

    border: none;

    background: none;

    filter: none;

    text-align: right;

}

#globalmenu-toggle {display: block; /*must*/}

#globalmenu-toggle a {

    display: inline-block; /*must*/

    line-height: 2;

    padding: 0 10px;

    border: none;

    background: rgba(0,0,0,0.2);

    font-size: 14px;

    color: #fff;

}

#globalmenu-toggle a:hover {background: rgba(0,0,0,0.6);}

 

#gm-l {display: none;}

#gm-r {width: 100%; margin: 0; padding: 0;}

#globalmenu {display: none; padding: 0; border: none; background: rgba(0,0,0,0.6);}

#globalmenu li {float: none;}

 

#sp-s,.sp {display: block; margin: 0 auto;}

#sp-s {padding: 16px 8px 8px 0;}

 

#globalmenu a {

    display: block;

    padding: 8px 10px;

    border-radius: 0;

    border: none;

    text-align: right;

    color: #fff;

}

#globalmenu a:hover {border-radius: 0;}

 

#globalmenu li ul {width: 50%;}

#globalmenu li ul li ul {width: 100%;}

 

#globalmenu li ul {background: rgba(0,0,0,0.8);}

#globalmenu li ul li ul {background: rgba(0,0,0,0.6);}

#globalmenu li ul li ul li ul {background: rgba(0,0,0,0.8);}

#globalmenu li ul li ul li ul li ul {background: rgba(0,0,0,0.6);}

 

.no-date {display: inline;}

.ad-l,.ad-r {width: auto; float: none;}

.kl-info {margin: 5px 0 10px 0;}

.kl-read {position: static;}

.postmore,.more-link {margin: 10px -9px 10px 0;}

.af {margin: 0 -7px;}

.relatetitle {padding: 2px 5px;}

.relatebody {padding: 0 5px;}

.imgl,.imgr {float: none; margin: 0 0 10px 0; text-align: center;}

 

}

 

/*max415px*/

@media screen and (max-width: 415px) {

 

#footer2 p {display: inline;}

.ul-kl li a:before,.ul-kl li a:after {display: none;}

.ul-kl li a {padding: 0;}

.comment-input,.comment-input2 {width: 96%;}

 

}

 

/*max360px*/

@media screen and (max-width: 360px) {

 

.ah-r li {display: block;}

.kl-info {margin: 5px 0 10px 0;}

.kl-cat,.kl-date,.kl-cat2,.kl-date2 {line-height: 1.6;}

.kl-cat a,.kl-date {padding: 0; border: none; background: none; font-weight: bold;}

.kl-cat a:hover {border: none; background: none; color: #a00;}

.kl-cat,.kl-date {margin: 0 5px 0 0;}

 

}

 

/*FC2*/

#change_mobile {display: none; !important;}

@media screen and (max-width: 415px) {.navi-return {bottom: 40px;}}

@media screen and (-webkit-min-device-pixel-ratio: 1.1),(min--moz-device-pixel-ratio: 1.1) {

.pagination {line-height: 3.5; padding: 0 10px;}

.pagination a {padding: 9px 12px;}

.page-link {padding: 10px 13px;}

.page-dot a {padding: 9px 0;}

}

 

 

/*---------------------------------

●画像適正化

-----------------------------------*/

img {

max-width : 95% ; height : auto;

}

 

 

/*---------------------------------

●インフォメーション （追加した部分）

-----------------------------------*/

/*タイトル*/

.information-title-outer {

    border-radius: 8px;

}

 

.information-title {

   

    border: solid 1px #d1d1d1;

    border-radius: 6px;

    background: #FFE4E1;

    font-size:20px;

    color:#000;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );

    text-align: left;

    }

 

/*ボディ*/

.information-body {

    overflow: hidden;

    margin: 0 0 10px 0;

    padding: 10px 5px;

    border-radius: 6px;

    background: none;

    text-align: left;

    border: solid 1px #d1d1d1;

    font-size:13px;

}

 

.information-body img{

padding-top:5px;

}

 

.information a:link{

text-decoration: none; /* none or underline */

}

 

.information a:hover{

text-decoration: underline; /* none or underline */

}

 

 

/*---------------------------------

●新着記事サムネイル表示

-----------------------------------*/

/* 新着記事サムネイル画像表示 */

.img_recent br {

clear:left;

}

 

.img_recent img {

float: left;

border: 0;

margin-right:10px; /* 画像の右余白 */

margin-bottom:3px; /* 画像の下余白 */

width: 120px; /* 画像表示サイズ */

height: 88px; /* 画像表示サイズ縦　*/

}

 

.img_recent  {

font-size12px;

 

}