@charset "UTF-8";

/*
Theme   : カエテンJOY
Author  : Creative Planning All Rights Reserved.
design  :【JOY】ninja_css_2r
version : 2017-11-14
*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ブラウザCSSリセット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
p, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■基本設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body {
    -webkit-text-size-adjust: 100%;
    margin: 0 auto;
    outline: none;
    font-family: Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    font-size: 14px;
    text-align: center;
    word-wrap: break-word;
}
html {
    overflow-y: scroll;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ol {
    counter-reset: li;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input {
    vertical-align: middle;
}
#header1 img,.sidebar-body img,.side img,.sidecontent img,#footer1 img,.eyecatchbanner img,.article-body img,.ah-l img,.ad3 img,.ad4 img,.ad5 img,.ad7 img,.kijishita-r img,.post img,.free-text img,.message img,.message-board img {
    max-width: 100%;
    height: auto;
    padding: 0;
    border: none;
}
img {
    -webkit-tap-highlight-color: rgba(0,0,0,0.1);
}
a:hover img,.noimage:hover {
    opacity: 0.4;
}
#header1 a,.sidebar-title a,.sidebar-body a,.side a,.side2 a,.side-tag a,.sidecontent a,.ad4 a,#footer1 a,.article-title a,.article-footer a,.afinfo a,.kb-l a,.kl-info a,.kl-info2 a,.kl-read a,#cms a,#tbs a,.pankuzu a,.navi-return a,.pagination a,.related-articles ul li a {
    text-decoration: none;
}
#header1 a:hover,.sidebar-title a:hover,.sidebar-body a:hover,.side a:hover,.side2 a:hover .spa-title,.side-tag a:hover,.sidecontent a:hover,.ad4 a:hover,#footer1 a:hover,.article-title a:hover,.article-footer a:hover,.afinfo a:hover,.kl-list a:hover,.kl-info a:hover,.kl-info2 a:hover,.kl-read a:hover,#cms a:hover,#tbs a:hover,.cm-btn:hover,button:hover,.pankuzu a:hover,.navi-return a:hover,.pn3 a:hover,.pagination a:hover,#menuOpen:hover:before,.related-articles ul li a:hover {
    text-decoration: underline;
}
a:hover img,.noimage:hover,.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,.cm-btn:hover,button:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.kb-r,.kb-l img,.noimage {
    display: none;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ベースカラー  2ヶ所のカラーコードを変更ください
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#header-navi-outer,#globalmenu-outer,#globalmenu a:hover,.sidebar-title-outer,.sidebar-title,.sidetitle,#footer2-outer,.article-title-outer,.article-title,.readmore 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,.cm-btn:hover,button:hover,.message-title,#rssRegist:hover {
    background: #000080;
}

#header1,#footer2-outer,.article-title-outer,.kijilist-title-outer,.post-title-outer,.cm-title-outer,.tb-title-outer {
    border-style: solid;
    border-color: #000080;
}


/*線の太さ*/
#header1,#footer2-outer {
    border-width: 3px;
}
.article-title-outer,.kijilist-title-outer,.post-title-outer,.cm-title-outer,.tb-title-outer {
    border-width: 2px;
}
.readmore a:hover,.kl-cat a:hover,.kl-read a:hover,.navi-return a:hover,.pagination a:hover,.cm-btn:hover,button:hover {
    border: solid 1px rgba(0,0,0,0.1);
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■記事装飾パーツのカラー  3ヶ所のカラーコードを変更ください
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.table-00 th,.table-01 th {
    background: #a7a7a7;
}

.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: #a7a7a7;
}

.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: #a7a7a7;
}


/*線の太さ*/
.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;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■背景色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*ボディ*/
body {background: #ffffff;}

/*コンテナ内側*/
#container-in {background: none;}

/*メインカラム*/
#content1,#content2,#content3 {background: none;}

/*サイドバー*/
#sidebarbody-l,#sidebarbody-r,.sidecontent {background: none;}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■文字色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*----------------------
全体 link 色  #1111cc
------------------------*/
a:link {
    color: #1111cc;
}


/*----------------------
全体 visited 色  #800080
------------------------*/
a:visited {
    color: #800080;
}


/*----------------------
主要部分  #333
------------------------*/
body,.blog-title a,#globalmenu a,.sidebar-title,.sidetitle,.style03 a,.page-title a,.cat a,.related-articles h3 {
    color: #333;
}


/*----------------------
サイドバー  #777
------------------------*/
.sidebar-body,.side,.sidecontent,.ad4,#calendar,.calendarhead,.calbody {
    color: #777;
}

/*link*/
.sidebar-body a,.side a,.side-tag a,.sidecontent a,.ad4 a,.side2 a .spa-title,.syndicate a,#calendar a,.calendarhead a {
    text-decoration: none; /* none or underline */
    color: #777;           /* #777 or none */
}


/*----------------------
サブ部分  #777
------------------------*/
.kensaku-submit,.kensaku-submit2,.blog-intro,.article-header,.article-header a,.article-footer,.article-footer a,.af-body,.kl-date,.kl-cat a,.kl-intro,.date,.kl-info2,.cminfo,.cmbody1,.cmbody2,.cmbody3,.tbbody,.trackback-body,.cm-btn,button,.tb-url,.pankuzu,.pn3,.pagination a,.cm-form dt {
    color: #777;
}

/*link*/
#footerinfo a,.af-body a,.pankuzu a,.kl-info2 a,#tag_cloud a,.tag-search a {
    text-decoration: none; /* none or underline */
    color: #777;           /* #777 or none */
}
.kl-list a,.pn3-l a,.pn3-r a {
    text-decoration: none; /* none or underline */
}


/*----------------------
全体 hover 色  #a00000
------------------------*/
a:hover,.sidebar-body a:hover,.side a:hover,.side-tag a:hover,.sidecontent a:hover,.ad4 a:hover,.side2 a:hover .spa-title,#footerinfo a:hover,#tag_cloud a:hover,.syndicate a:hover,#calendar a:hover {
    color: #a00000;
}


/*----------------------
ベースカラー部分  #fff
------------------------*/
/*link*/
#header-navi,#header-navi a,.style01,#footer2,#footer2 a,#menuOpen:before {
    color: #fff;
}

/*hover*/
#header-navi a:hover,#globalmenu a:hover,#footer2 a:hover,.readmore a:hover,.kl-cat a:hover,.kl-read a:hover,.navi-return a:hover,.pagination a:hover,.cm-btn:hover,button:hover,#menuOpen:hover:before {
    color: #fff;
}
.ul-kl li a:hover:after {
    border-color: #fff;
}


/*----------------------
文字の太さ・影
------------------------*/
/*主要箇所の文字の太さ*/
.blog-title,#globalmenu,.sidebar-title,.sidetitle,.ftitle,.style03,.page-title,.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 3px rgba(0,0,0,0.3); /* or none */
}

/*その他タイトル影*/
.ftitle,.style04,.style05,.style06,.message-title {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* or none */
}

/*hover時は影なし*/
.blog-title a:hover,.style03 a:hover,.page-title a:hover {
    text-shadow: none;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■文字サイズと行の高さ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*主要部分1(記事本文など)*/
.article-body,.post-body,.message,.message-board {
    font-size: 16px;
    line-height: 1.8;
}

/*サイトタイトル*/
.blog-title {
    font-size: 30px;
    line-height: 1.4;
}

/*サイト説明文*/
.blog-intro {
    font-size: 14px;
    line-height: 1.4;
}

/*グローバルメニュー*/
#globalmenu {
    font-size: 14px;
    line-height: 1.4;
}

/*記事タイトル*/
.style03,.page-title {
    font-size: 30px;
    line-height: 1.4;
}

/*タイトル1(記事一覧・FS・CM・TB・続きを読む)*/
.style04,.style05,.style06,.readmore a,.message-title h3 {
   font-size: 16px;
    line-height: 1.4;
}

/*タイトル2(サイドバー・FSフッター)*/
.sidebar-title,.sidetitle,.ftitle,.sidebarbody h4 {
    font-size: 14px;
    line-height: 1.4;
}

/*主要部分2(サイドバー・FSフッター)*/
#sidebarbody-l,#sidebarbody-r,.sidecontent,#footerinfo {
    font-size: 12px;
    line-height: 1.8;
}

/*フリースペース*/
.header-imgr,.header-imgl,.eyecatchbanner,
.ad,.ad1,.ad2,.ad4,.ad3,.ad5,.ad6,.ad7,.adview,.ad-pc,.ad-sp,.kijishita {
    font-size: 12px;
    line-height: 1.6;
}

/*記事一覧のリスト*/
.kl-list,.live-related a {
    font-size: 18px;
    line-height: 1.4;
}

/*コメント欄*/
.cmbody,#cms .cm-input,#cms .cm-input2,#cms .cm-textarea,#tbs .tb-url,
#cms .text,#cms textarea {
    font-size: 12px;
    line-height: 1.6;
}

/*テーブルタグ*/
.table-00,.table-01 {
    font-size: 14px;
}

/*h2タイトル・文字だけ見出し(変更非推奨)*/
h2,.article-body h2,.fs-body h2,.sidebar-body h2,.side h2,.copy,h2.copy,h3.copy {
    font-size: 20px;
    line-height: 1.4;
}

/*h3タイトル(変更非推奨)*/
h3,.article-body h3,.post-body h3,.sidebar-body h3,.side h3 {
    font-size: 16px;
    line-height: 1.4;
}

/*主要部分3(変更非推奨)*/
.fa-kx {
    font-size: 13px;
}
#header-navi,.kensaku-text,.kensaku-submit,.afinfo,.tb-list,.cm-btn,button,.pankuzu,.pn3,
.tag-search,.af-title h2,#nices,.each-trackback,.related-articles h3 {
    font-size: 12px;
    line-height: 1.6;
}
#footer2,.article-header,.article-footer,.page-header,
.kb-l,.kl-info,.kl-info2,.kl-info3,#cms,#tbs,.tbbody,.trackback-body {
    font-size: 11px;
    line-height: 1.6;
}
.noimage-in {
    font-size: 10px;
    line-height: 1;
}
address a,.kl-read a,.kltitle,.kltitle2,.cmtitle1,.cmtitle2,.cmtitle3,.cm-page-link,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;
}
.pagination {
    font-size: 11px;
    line-height: 2.5;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■基本レイアウト(全体の幅・余白)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*
全体幅 940px:

【メイン640px:5+(15+600px+15)+5】+30px+【右サイド270px:5+(5+250px+5)+5】

全体幅－10px:グローバルメニュー内側・フッター内側・FSフッター
全体幅－40px:ヘッダー内側
*/


/*全体*/
#container-in {
    width: 90%;
}
#globalmenu-in,#footer2,#footerinfo {
    width: 89%;
}
#header-in {
    width: 88%;
}
body {
    min-width: 90%;/*バグ対策(全体幅で設定)*/
}

/*メインカラム*/
#wrapper1 {
    float: left;
    width: 100%;
}
#content1,#content2,#content3 {
    margin: 0 300px 0 0; /*余白幅＋サイド幅*/
}

/*右サイドバー*/
#sidebar1-r,#sidebar2-r,#sidebar3-r {
    float: left;
    margin: 0 0 0 -270px;
    width: 270px;
}
#sidebar1-l,#sidebar2-l,#sidebar3-l,#sidebarbody-l {
    display: none;
}


/*FSフッター幅
 930px:(左側470px)+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: 25px 0;
}
.article1,.article2,.article3,.ad3,.adview,.kijilist1,.kijilist2,.kijilist3,.kijilist4,.post,#cms,#tbs,
.pn1,.pn1-2,.pn2,.pn3,#tag_cloud,.tag-search,.free-text,#nices,.message,#CommentEntry-Fb,.message-board,.post2 {
    margin: 0 0 30px 0;
}
.sidebar-body,.side,.side2,.side-tag {
    margin: 0 0 15px 0;
}
.pankuzu {
    margin: 0 0 15px 0;
}
#content1,#content2,#content3,#sidebarbody-l,#sidebarbody-r {
    padding: 5px;
}

/*サイドバー上コンテンツ*/
.sidecontent {
    display: none;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■各ブロックのデザイン設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*---------------------------------
●全体
-----------------------------------*/
/* margin */
#container1,#container2,#container3,#container-in,#header-navi-outer,#header-navi,#header-outer,#header-in,#globalmenu-outer,#globalmenu-in,#footer1,#footer2,#footerinfo {
    margin: 0 auto;
}

/* clearfix */
#header-navi:after,#header-in:after,#globalmenu:after,#container-in:after,.article-header:after,.af:after {
    content: "";
    display: block;
    clear: both;
}

/*メインカラム*/
#content1,#content2,#content3 {
    border-radius: 6px;
}

/*サイドバー*/
#sidebarbody-l,#sidebarbody-r,.sidecontent {
    border-radius: 6px;
}


/*---------------------------------
●ヘッダー&グローバルメニュー
-----------------------------------*/
#header1 {
    position: relative;
    border-top: none;
    border-right: none;
    border-left: none;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
    background: none;
}

/*ヘッダーナビ*/
#header-navi-outer {
    position: relative;
    z-index: 100;
    width: 100%;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);
    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%);
}
#header-navi {
    padding: 4px 10px;
    word-wrap: normal;
}
#header-navi li {
    float: left;
    padding: 0 0 0 5px;
}
.header-navi-l {float: left; text-align: left;}   /*左側:h1部分  */
.header-navi-r {float: right; text-align: right;} /*右側:検索部分*/

/*検索BOX*/
.kensaku-text,.kensaku-text2 {
    font: inherit;
    -webkit-appearance: none;
    display: inline-block;
    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: 4px 0 0 4px;
    background: rgba(255,255,255,0.9);
}
.kensaku-submit,.kensaku-submit2 {
    font: inherit;
    -webkit-appearance: none;
    display: inline-block;
    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 4px 4px 0;
    background: rgba(255,255,255,0.8);
}
.kensaku-submit:hover,.kensaku-submit2:hover {
    background: rgba(0,0,0,0.3);
    color: #fff;
    cursor: pointer;
}
.kensaku-text,.kensaku-submit {
    font: inherit;
    height: 20px;
    line-height: 20px;
}
.kensaku-text2,.kensaku-submit2 {
    font: inherit;
    height: 30px;
    line-height: 30px;
}
.kensaku-text2 {
    width: 250px;
}

/*h1の文字*/
.style01 {
    display: inline;
    font-weight: normal;
    text-align: left;
}

/*ヘッダー外側*/
#header-outer {
    padding: 20px 0;
}

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

/*スマホ・タブレット用ヘッダー画像調整*/
@media screen and (max-width: 800px) {
    /* #header-in {height: 0px;} /*ヘッダー画像 780px÷横幅px×縦幅px*/
}
@media screen and (max-width: 670px) {
    /* #header-in {height: 0px;} /*ヘッダー画像 650px÷横幅px×縦幅px*/
}
@media screen and (max-width: 415px) {
    /* #header-in {height: 0px;} /*ヘッダー画像 395px÷横幅px×縦幅px*/
}

/*サイトタイトルの文字*/
.blog-title a {
    display: block;
}
.blog-title {
    padding: 0 0 0 0;
    text-align: left;
}

/*サイト説明文の文字*/
.blog-intro {
    padding: 0 0 0 0;
    text-align: left;
    word-break: break-all;
}

/*FSヘッダー*/
.header-imgl {max-width: 100%; float: left;  padding: 0 8px 0 0; text-align: left;}
.header-imgr {max-width: 100%; float: right; padding: 0 0 0 8px;}
.header-imgl img,.header-imgr img {margin-top: 5px;}

@media screen and (max-width: 670px) {/*横並び解除*/
.header-imgr {width: auto; float: none; padding: 0 0 5px 0;}
.header-imgr img {margin: 0 auto;}
}

/*タイトルと説明文を横並び*/
.header-l {width: 100%; float: left;}  /*左側:タイトル:横並びは50%*/
.header-r {width: 100%; float: right;} /*右側:説明文  :横並びは50%*/

@media screen and (max-width: 799px) {/*横並び解除*/
.header-l,.header-r {width: auto; float: none;}
}

/*グローバルメニュー外側(背景)*/
#globalmenu-outer {
    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%);
}

/*グローバルメニュー外側(レスポンシブ用)*/
#globalmenu-toggle,#sp-s,.sp,.arrow {
    display: none;
}

/*グローバルメニュー内側*/
#globalmenu {
    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 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 ul,
#globalmenu li ul li ul li ul li ul {
    top: 0;
    left: 100%;
}
#globalmenu li ul li ul li ul,
#globalmenu li ul li ul li ul li ul li ul {
    left: -100%;
    width: 100%;
}
#globalmenu li ul li {
    width: 100%;
    height: 0;
    overflow: hidden;
}
#globalmenu li ul li a {
    white-space: nowrap;
    display: block;
    height: 12px; /*or100%*/
    overflow: hidden;
    padding: 14px 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: 40px; /*or100%*/
    overflow: visible;
}
#globalmenu li ul {background: rgba(0,0,0,0.6);}
#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.8);}

#globalmenu li ul li > ul:before,
#globalmenu li ul li ul li ul li > ul:before {
    position: absolute;
    content: "";
    top: 13px;
    left: -10px;
    border: 7px solid transparent;
    border-left-color: #fff;
}
#globalmenu li ul li ul li > ul:before,
#globalmenu li ul li ul li ul li ul li > ul:before {
    left: 200%;
    margin: 0 0 0 -20px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#globalmenu li ul li ul li ul li > ul:before {
    margin: 0 0 0 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}


/*---------------------------------
●サイドバー
-----------------------------------*/
/*タイトル*/
.sidebar-title-outer {
    border-radius: 8px;
}
.sidebar-title,.sidetitle {
    padding: 8px 10px;
    border: solid 1px #d1d1d1;
    border-radius: 6px;
    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%);
    text-align: left;
}

/*ボディ*/
.sidebar-body,.side,.side2,.side-tag {
    padding: 10px 5px;
    border-radius: 6px;
    background: none;
    text-align: left;
}


/*---------------------------------
●フッター
-----------------------------------*/
/*フッター全体*/
#footer2-outer {
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.2);
    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%);
}
#footer2 {
    padding: 20px 0;
    text-align: left;
}
address {
    display: inline;
    font-style: normal;
    text-align: left;
    word-break: break-all;
}

/*FSフッター*/
#footerinfo-outer {
    background: rgba(234,234,234,1);
}
#footerinfo {
    clear: both;
    overflow: hidden;
    text-align: left;
}
.ftitle {
    margin: 20px 0 0 0;
    padding: 5px 0;
    border-top: solid 1px #d1d1d1;
}
.f-body {
    margin: 0 0 20px 0;
}


/*---------------------------------
●アイチャッチバナー
-----------------------------------*/
/*外側*/
.eyecatchbanner-outer {
    padding: 15px 0;
    background: rgba(234,234,234,1);
}

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


/*---------------------------------
●個別記事
-----------------------------------*/
/*記事全体*/
.article1,.article2,.article3 {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    border-radius: 6px;
}

/*記事ボディ*/
.article-body {
    padding: 15px 14px 0 14px;
    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;
    background-image: -webkit-linear-gradient(top, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
}
.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;
    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%);
}

/*記事タイトルの文字*/
.style03,.page-title {
    padding: 25px 14px 0 14px;
    text-align: left;
}
.page-title {
    padding: 25px 14px;
}
.style03 a {
    display: block;
}

/*記事ヘッダー*/
.article-header {
    padding: 5px 14px 5px 14px;
}
.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: 5px 0 0 0;
    padding: 5px 0;
    border-top: solid 1px #d1d1d1;
    text-align: right;
}
.article-footer li {
    display: inline;
    padding: 0 0 0 10px;
    text-align: right;
}

/*続きを読む*/
#more {
    padding: 20px 0 0 0;
}
.readmore {
    margin: 10px -6px 10px 0;
    text-align: right;
}
.readmore a {
    padding: 5px;
    border: solid 1px #ffffff;
    border-radius: 4px;
}
.readmore 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 {
    margin: 0 -4px;
    padding: 20px 0 0 0;
}
.af-l {width: 50%; float: left;}  /*左側:基本50%:縦並びは100%*/
.af-r {width: 50%; float: right;} /*右側:基本50%:縦並びは100%*/

.afinfo {
    margin: 0 0 15px 0;
    padding: 0 2px;
    text-align: left;
}
.af-title {
    word-wrap: normal;
    margin: 0 0 5px 0;
    padding: 2px 10px;
    border-radius: 6px;
    background: rgba(234,234,234,0.5);
}
.af-body {
    padding: 0 10px;
}
.af-body a {
    padding: 0 2px 0 0;
}
.af-body li {
    margin: 4px 0;
    padding: 4px 0;
    border-bottom: dotted 1px #d1d1d1;
}
.af-body li:last-child {
    padding: 4px 0 0 0;
    border: none;
}
.af-body li a {
    display: block;
}


/*---------------------------------
●フリースペース
-----------------------------------*/
/*記事上部&続きを読む*/
.ad1 {clear: both; margin: 0 0 20px 0;}

/*記事下部*/
.ad2,.ad6 {clear: both; margin: 20px 0 0 0;}

/*記事下*/
.ad3 {clear: both; padding: 0 15px; border-radius: 6px; background: #ffffff; text-align: left;}

/*サイドバー&記事一覧*/
.ad4,.ad7 {clear: both;}
.ad4 p,.ad7 p {margin: 0 0 20px 0;}

/*コメント欄*/
.ad5 {clear: both;}
.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;}
}


/*---------------------------------
●ソーシャルボタン
-----------------------------------*/
.social1,.social2 {
    text-align: left;
}
.social1 ul,.social2 ul {
    padding: 0;
}
.social1 li,.social2 li {
    display: inline-block;
}
.social li.hatena,.social li.google,.social li.twitter,.social li.facebook {
    background-position: 0 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;}


/*---------------------------------
●記事一覧・FS・CM・TB(共通指定)
-----------------------------------*/
/*全体*/
.kijilist1,.kijilist2,.kijilist3,.kijilist4,.post,#cms,#tbs,#nices,.message,.post2 {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    border-radius: 6px;
}

/*ボディ*/
.kijilist-body,.list-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;
    background-image: -webkit-linear-gradient(top, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
}
.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;
    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%);
}

/*タイトルの文字*/
.style04,.style05,.style06,.message-title {
    padding: 10px 14px;
    text-align: left;
}


/*---------------------------------
●FSメインカラム
-----------------------------------*/
/*ボディ*/
.post-body,.message-body {
    padding: 15px 14px;
}


/*---------------------------------
●記事一覧
-----------------------------------*/
/*ボディ*/
.kijilist-body,.list-body {
    padding: 0 14px;
}
.list,.list2 {
    font-size: 0;
    margin: 0;
    padding: 0;
}
.list>li,.list2>li {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 15px 0;
    border-bottom: dotted 1px #d1d1d1;
}
.list>li:last-child,.list2>li:last-child {
    border: none;
}
.kltitle {
    padding: 15px 0;
}

/*装飾リスト*/
.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: 26px;
    width: 26px;
    border-radius: 50%;
}
.ul-kl li a:after {
    position: absolute;
    top: 7px;
    right: 9px;
    content: "";
    width: 10px;
    height: 10px;
    -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-list a {
    display: block;
    word-break: break-all;
}
.kl-info {
    margin: 5px 0 35px 0;
}
.kl-info2 {
    margin: 0;
}
.kl-intro {
    word-break: break-all;
}
.kl-cat a,.kl-date {
    display: inline-block;
    margin: 0 3px 5px 0;
    padding: 1px 5px;
    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%);
}
.kl-read {
    position: absolute;
    bottom: 15px;
    right: 0;
    text-align: right;
}
.kl-read a {
    display: block;
    line-height: 1;
    padding: 8px 10px;
    border: solid 1px rgba(204,204,204,1);
    border-radius: 4px;
    background: rgba(0,0,0,0.2);
    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%);
}


/*---------------------------------
●記事一覧の画像
-----------------------------------*/
/*PC*/
.kb-l {width: 120px; height: 120px;}
.kb-r {margin: 0 0 0 130px;} /*＋余白10px*/

/*画面670pxまで*/
@media screen and (max-width: 670px) {
.kb-l {width: 100px; height: 100px;}
.kb-r {margin: 0 0 0 110px;} /*＋余白10px*/
}

/*画面415pxまで*/
@media screen and (max-width: 415px) {
.kb-l {width: 80px; height: 80px;}
.kb-r {margin: 0 0 0 90px;} /*＋余白10px*/
}

/*その他*/
.kb-l {
    position: relative;
    float: left;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
}
.kb-l img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
    height: 100%;
    border-radius: 4px;
}
.noimage {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: rgba(0,0,0,0.14);
}
.noimage-in {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    margin: auto;
    text-align: center;
}
.noimage-in,.kb-l a {
    color: #fff;
}


/*---------------------------------
●CM・TB
-----------------------------------*/
/*ボディ*/
.com-body {
    padding: 15px 14px;
}
.cm-list {
    margin: 0 0 16px 0;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.1) inset,0 1px 2px 0 rgba(0,0,0,0.1);
    border-radius: 4px;
}
.cm-form {
    margin: 0;
}
.cmtitle1 {
    margin: 0 0 5px 0;
}
.cmtitle2 {
    margin: 0;
}
.cmtitle3 {
    margin: 0 0 15px 0;
}

/*その他*/
.cmbody {
    padding: 15px;
    border: solid 1px #d1d1d1;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}
.cminfo {
    padding: 3px 15px;
    border: solid 1px #d1d1d1;
    border-radius: 0 0 4px 4px;
    text-align: right;
}
.cmbody-title {
    font-weight: bold;
}
.cmbody1 {
    margin: 0 0 5px 0;
}
.cmbody2 {
    margin: 0 0 10px 0;
}
.cmbody3 {
    margin: 0;
}
.cm-input,.cm-input2,.tb-url {
    font: inherit;
    -webkit-appearance: none;
    width: 70%;
    height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    border: solid 1px #d1d1d1;
}
.cm-input2 {
    width: 35%;
}
.cm-textarea {
    font: inherit;
    -webkit-appearance: none;
    width: 70%;
    height: 150px;
    padding: 5px 10px;
    border-radius: 4px;
    border: solid 1px #d1d1d1;
}
.form-btn {
    margin: 5px 0;
}
.cm-btn,button {
    font: inherit;
    line-height: 1;
    padding: 8px 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%);
}
.cm-btn: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%);
    cursor: pointer;
}
.tb-list,.each-trackback {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dotted #d1d1d1;
}
.tbbody,.trackback-body {
    margin: 0;
}


/*---------------------------------
●管理者コメント
-----------------------------------*/
.ひで蔵,.res {
    position: relative;
    margin: 0;
    border-radius: 4px;
    background: rgba(0,0,0,0.1);
    background: #eaeaea;
}
.ひで蔵:before,.res:before {
    position: absolute;
    top: 10px;
    right: 10px;
    float: right;
    content: "Re:";
    line-height: 1;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
}


/*---------------------------------
●基本記事装飾パーツ
-----------------------------------*/
/*文字だけ見出し*/
.copy,h2.copy,h3.copy {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    background: none;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.copy a:hover,h2.copy a:hover,h3.copy a:hover {
    text-shadow: none;
}

/*引用タグ*/
blockquote {
    position: relative;
    margin: 0;
    padding: 35px 20px;
    border-radius: 6px;
    border: solid 1px #d1d1d1;
    background: rgba(234,234,234,0.5);
}
blockquote:before,blockquote:after {
    position: absolute;
    font-family: FontAwesome;
    font-size: 24px;
    color: #d1d1d1;
}
blockquote:before {
    float: left;
    content: "\f10d";
    top: 0;
    left: 10px;
}
blockquote:after {
    float: right;
    content: "\f10e";
    bottom: 0;
    right: 10px;
}

/*画像回り込み*/
.imgl,.imgl2 {max-width: 100%; float: left;  padding: 0 8px 0 0;} /*左*/
.imgr,.imgr2 {max-width: 100%; float: right; padding: 0 0 0 8px;} /*右*/
.imgl img,.imgl2 img,.imgr img,.imgr2 img {display: block; margin-top: 5px;}

/*文字回り込み解除*/
.text00 {display: block; overflow: hidden;}
.clear {clear: both; margin: 0;}
.clear:after {content: ""; display: block; clear: both;}

/*tableタグ*/
.table-00,.table-01 {
    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);
    text-align: center;
    font-weight: normal;
    color: #fff;
}
.table-00 th:last-child,.table-01 th:last-child {
    border-right: none;
}
.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;
}

/*boxタグ*/
.box-01 {
    margin: 5px 0;
    padding: 10px 20px;
    border-radius: 6px;
    background: rgba(234,234,234,0.5);
}
.box-02 {
    margin: 5px 0;
    padding: 10px 20px;
    border-radius: 6px;
    border: solid 1px #c0c0c0;
    background: rgba(234,234,234,0.5);
}
.box-03 {
    margin: 5px 0;
    padding: 10px 20px;
    border: solid 1px #c0c0c0;
}
.box-04 {
    margin: 5px 0;
    padding: 10px 20px;
    border: dotted 1px #555555;
}

/*Youtube*/
.youtube {text-align: center;}

/*h2タグ*/
.h2-00 {
    margin: 0 -5px;
    padding: 10px;
    border-top: solid 1px #c0c0c0;
    border-right: solid 1px #c0c0c0;
    border-left: solid 1px #c0c0c0;
    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%);
    font-weight: bold;
}

/*h3タグ*/
.h3-00 {
    margin: 0 -5px;
    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;
    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%);
    font-weight: bold;
}

/*ulタグ*/
.ul-00 {
    margin: 0;
    padding: 0;
}
.ul-00 li {
    line-height: 28px;
    margin: 4px 0;
    padding: 0 0 0 8px;
    border-top: none;
    border-right: none;
    border-bottom: dotted 1px #c0c0c0;
}

/*olタグ*/
.ol-00 {
    margin: 0;
    padding: 0;
}
.ol-00 li {
    position: relative;
    line-height: 28px;
    padding: 0 0 0 30px;
}
.ol-00 li:before {
    display: block;
    position: absolute;
    top: .275em;
    left: 0;
    content: counter(li);
    counter-increment: li;
    line-height: 20px;
    padding: 0 6px;
    border-radius: 4px;
    font-family: Verdana;
    font-size: 12px;
}


/*---------------------------------
●パン屑リスト
-----------------------------------*/
.pankuzu {
    padding: 0 5px;
    border-radius: 6px;
    text-align: left;
}
.pankuzu li {
    display: inline;
    padding: 0 10px 0 0;
}


/*---------------------------------
●ページナビ(トップに戻る)
-----------------------------------*/
.navi-return {
    display: none;
    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.2);
    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%);
}


/*---------------------------------
●ページナビ(前後記事)
-----------------------------------*/
.pn3 {
    display: table;
    width: 100%;
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    background: #ffffff;
}
.pn3-l {
    display: table-cell;
    position:relative;
    width: 50%;
    padding: 5px 10px 5px 5px;
    border-right: solid 1px #d1d1d1;
    border-collapse: collapse;
    text-align: left;
}
.pn3-r {
    display: table-cell;
    position:relative;
    width: 50%;
    padding: 5px 5px 5px 10px;
    text-align: right;
}
.pn3-l a,.pn3-r a {
    display: block;
    padding: 10px 0;
}


/*---------------------------------
●ページナビ(前後ページ)
-----------------------------------*/
.pn1,.pn1-2,.pn2 {
    padding: 0 5px;
}
.pagination li {
    display: inline;
}
.pagination a {
    padding: 5px 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%);
}
.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%);
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■独自コンテンツ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*ページナビ(前後ページ)*/
.pagination li {margin: 0 2px;}

/*返信コメント*/
.res {margin: 15px 0 5px 0;}
.res .cminfo {font-size: 11px;}

/*カレンダー*/
.CalendarMoveTable {
    width: 70%;
    margin: 0 auto;
    border-radius: 6px 6px 0 0;
    background: none;
}
.CalendarTable {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    border-radius: 0 0 6px 6px;
    background: none;
}
@media screen and (max-width: 959px) {
    .CalendarMoveTable,.CalendarTable {width: 70%;}
}
.CalendarTable a {
    border-radius: 6px;
    font-weight: bold;
    text-decoration: underline;
}
.CalendarTable a:hover {
    display: block;
    background: rgba(0,0,0,0.2);
    color: #fff;
}
.CalendarWday,.CalendarWdaySat,.CalendarWdaySun {font-weight: bold;}
.CalendarWdaySat {color: #0000FF;}
.CalendarWdaySun {color: #CC0000;}

/*サイドバーコンテンツ*/
.plugin_data {
    padding: 6px 0;
    border-bottom: dotted 1px #d1d1d1;
}
.plugin_data_date {
    padding: 6px 0 12px 0;
}

/*検索*/
.box {
    font: inherit;
    -webkit-appearance: none;
    display: block;
    width: 93%;
    height: 30px;
    line-height: 30px;
    margin: 0 0 3px 0;
    padding: 0 3%;
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    background: #f3f3f3;
}
.btn {
    font: inherit;
    -webkit-appearance: none;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    padding: 0 10px;
    border: solid 1px #d1d1d1;
    border-radius: 4px;
    background: #d1d1d1;
    color: #fff;
}
.btn:hover {
    cursor: pointer;
    border: solid 1px #d1d1d1;
    background: #fff;
    color: #777;
    text-decoration: underline;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■追加アレンジ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/




/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■表示制御
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*投稿日表示無しは適用*/
/*
.kl-date,.date,.no-date {display: none;}


/*フラットデザインは適用*/
/*
#header1,#header-navi-outer,#header-navi,#globalmenu-outer,.sidebar-title-outer,.sidebar-title,.sidetitle,#footer2-outer,.article-title-outer,.article-title,.readmore a:hover,.kijilist-title-outer,.post-title-outer,.cm-title-outer,.tb-title-outer,.kijilist-title,.post-title,.cm-title,.tb-title,.message-title,.kl-cat a,.kl-date,.kl-cat a:hover,.kl-read a:hover,.cm-btn,button,.cm-btn:hover,button:hover,.navi-return a:hover,.pagination a,.pagination a:hover {background-image: none;}


/*記事一覧の画像を非表示は適用*/
/*
.kb-l {display: none;}
.kb-r {margin: 0;}


/*記事一覧の背景ありは適用*/
/*
.list>li {margin: 10px -5px 0 -5px; padding: 5px; border: none; border-radius: 4px; background: rgba(234,234,234,0.5);}
.list>li:last-child {margin-bottom: 10px;}
.kl-read {right: 5px; bottom: 5px}


/*トップページで個別記事を非表示は適用*/
/*
.article1,.pn1 {display: none;}

/*トップページで記事一覧を非表示は適用*/
/*
.kijilist1,.pn1 {display: none;}


/*記事一覧ページで個別記事を非表示は適用*/
/*
.article3,.pn1-2 {display: none;}

/*記事一覧ページで記事一覧を非表示は適用*/
/*
.kijilist2,.pn1-2 {display: none;}


/*ヘッダーナビを固定するときは適用*/
/*
#header-navi-outer {position: fixed; top:0; left:0;}
#header-outer {padding: 45px 0 20px 0;}


/*検索BOXの非表示は適用*/
/*
.kensaku {display: none;}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■レスポンシブ設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*max1009px(全体幅940px-1+40+10+20)*/
@media screen and (max-width: 1009px) {
body {min-width: 100%;}
#container1,#container2,#container3,#container-in,
#header-in,#globalmenu-outer,#globalmenu-in,#footer2,#footerinfo {width: 100%;}
#header-in,#footer2,#footerinfo,.eyecatchbanner {width: auto; margin: 0 10px;}
#header-in,.eyecatchbanner {background-size: 100% 100%;}
#container1,#container2,#container3 {border: none; box-shadow: none;}
#globalmenu {border-left: none;}
}

/*max959px ここから1カラムになる*/
@media screen and (max-width: 959px) {
#header-navi {width: auto;}
#globalmenu-outer {width: 100%;}
#globalmenu {margin: 0;}
#globalmenu,#globalmenu a,#globalmenu a:hover,#globalmenu #gm-r > ul > li:last-child {border: none;}
#wrapper1,#wrapper2,#wrapper3,#content1,#content2,#content3,#sidebar1-l,#sidebar2-l,#sidebar3-l,#sidebar1-r,#sidebar2-r,#sidebar3-r,.fi-wrapper1,.fi-wrapper2,.fi-l,.fi-c,.fi-r {width: auto; float: none; margin: 0;}
#content1,#content2,#content3 {border: none;}
#container-in {padding: 15px 0;}
}

/*max799px*/
@media screen and (max-width: 799px) {
#header1 {box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1);}
#header-outer {padding: 15px 0;}
#header-navi-outer {position: static;}
#header-navi {height: 28px; overflow: hidden; padding: 0 90px 0 10px; border-top: none;}
.header-navi-l {width: 100%; line-height: 28px; font-size: 11px;}
.header-navi-r {display: none;}
#globalmenu-outer {position: absolute; top: 0; right: 0; z-index: 200; box-shadow: none; border: none; background: none; text-align: right;}
#gm-l {display: none;}
#gm-r {width: 100%; margin: 0; padding: 60px 0 0 0; background: rgba(0,0,0,0.8);}
#globalmenu {display: none; padding: 0; border: none;}
#globalmenu li {float: none;}
#globalmenu,#globalmenu a {color: #fff; font-weight: normal;}
#globalmenu li a {display: block; padding: 12px 10px; border-radius: 0; border: none; text-align: right; cursor: pointer;}
#globalmenu li a:hover,#globalmenu .sp a:hover {border: none; border-radius: 0; background: none; background-image: none;}
#globalmenu li a,#globalmenu li a:hover,#globalmenu .sp {border-bottom: 1px solid rgba(0,0,0,1); box-shadow: 0 1px 0 rgba(255,255,255,0.1);}
#globalmenu .sp-sns a {padding: 12px 9px;}
#sp-s,.sp,.sp-sns {display: block;}
#sp-s {padding: 12px 10px;}
#globalmenu li ul {width: 50%;}
#globalmenu li ul li ul {width: 100%;}
#globalmenu li ul li {background: rgba(0,0,0,0.8);}
#globalmenu li:hover > ul > li {height: 41px;}
#globalmenu li ul li a,#globalmenu li ul li a:hover {border-top: solid 1px rgba(255,255,255,0.2);}
#menuOpen {display: block; position: absolute; top: 0; right: 0; cursor: pointer;}
#menuOpen:before {font-family: FontAwesome,Roboto,"Droid Sans",Meiryo; content: "\f0c9  MENU"; display: inline-block; line-height: 28px; padding: 0 10px; font-style: normal; font-size: 16px;}
#menuClose {display: none; position: absolute; top: 0; right: 0; z-index: 300; margin: 10px 10px 0 0; padding: 20px 21px 20px 20px; border: solid 1px #fff; border-radius: 4px; cursor: pointer;}
#menuClose:before,#menuClose:after {content: ""; position: absolute; top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); background-color: #fff;}
#menuClose:before {width: 2px; height: 30px; margin-top: -14px;}
#menuClose:after {width: 30px; height: 2px; margin-left: -14px;}
.ul-kl li a:before,.ul-kl li a:after {display: none;}
.ul-kl li a {padding: 0;}
.kl-info {margin: 5px 0;}
.kl-read {position: static;}
.kl-read a {display: inline-block;}
.readmore,.more-link {margin: 10px -9px 10px 0;}
.af {margin: 0 -7px;}
.af-title {padding: 2px 5px;}
.af-body {padding: 0 5px;}
.blog-title,.style03,.page-title {font-size: 18px;}
.blog-intro {font-size: 12px;}
.kl-list,.live-related a,.style04,.style05,.style06,.readmore a,.message-title h3,#cms .cm-input,#cms .cm-input2,#cms .cm-textarea,#tbs .tb-url,#cms .text,#cms textarea,.kensaku-text,.kensaku-text2,.side-search-text,.search-tbox,.box,.sf,.side input[type="text"] {font-size: 16px;}
}

/*max670px*/
@media screen and (max-width: 670px) {
.imgl,.imgr {float: none; margin: 0 0 15px 0; text-align: center;}
.imgl img,.imgr img {margin:0 auto;}
.ad-l{width: auto; float: none; margin: 0 0 10px 0;}
.ad-r{width: auto; float: none;}
}

/*max599px*/
@media screen and (max-width: 599px) {
#footer2 p {display: inline;}
.cm-input,.cm-textarea,.tb-url {width: 94%;}
.youtube {position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
}

/*max415px*/
@media screen and (max-width: 415px) {
/*.article-body br,.post-body br,.ad3 br {display: none;}*/
}

/*max374px*/
@media screen and (max-width: 374px) {
.kl-cat a,.kl-date {margin: 0 5px 0 0; padding: 0; border: none; background: none; font-weight: bold;}
.kl-cat a:hover {border: none; background: none; color: #a00;}
}

/*ninja*/
@media screen and (-webkit-min-device-pixel-ratio: 1.1),(min--moz-device-pixel-ratio: 1.1) {
.pagination {line-height: 3.5;}
.pagination a {padding: 9px 12px;}
}

/*----------------------------------------------------------
●写真　Ｂｏｘ-shadow
------------------------------------------------------------*/

.shadow {
    margin-top: 5px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 10px 10px 15px -5px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */

}

/*----------------------------------------------------------
●横スクロール　scroll
------------------------------------------------------------*/
.scroll {
   overflow: auto;
   width:100%; height:100%;
   border:1px #ffffff solid;
   scrollbar-base-color: #66ccff;
   scrollbar-track-color: #dfffff;
   scrollbar-arrow-color: #90dada;
   scrollbar-face-color: #caffff;
   scrollbar-3dlight-color: #70d0d0;
   scrollbar-darkshadow-color: #78c0c0;
   scrollbar-highlight-color: #f3ffff;
   scrollbar-shadow-color: #70e0e0;
}

/*----------------------------------------------------------
●BOX https://saruwakakun.com/html-css/reference/box
------------------------------------------------------------*/

.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}

.box4{
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;
    border-top: solid 5px #5989cf;
    border-bottom: solid 5px #5989cf;
}
.box4 p {
    margin: 0; 
    padding: 0;
}

.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}

.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}

.box7{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #474747;
    background: whitesmoke;/*背景色*/
    border-left: double 7px #4ec4d3;/*左線*/
    border-right: double 7px #4ec4d3;/*右線*/
}
.box7 p {
    margin: 0; 
    padding: 0;
}

.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

.box9 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #ff7d6e;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
}
.box9 p {
    margin: 0; 
    padding: 0;
}

.box10 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #00BCD4;
    background: #e4fcff;/*背景色*/
    border-top: solid 6px #1dc1d6;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.box10 p {
    margin: 0; 
    padding: 0;
}

.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}

.box12{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5989cf;
    background: #c6e4ff;
    border-bottom: solid 6px #aac5de;
    border-radius: 9px;
}
.box12 p {
    margin: 0; 
    padding: 0;
}

.box13 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #FFF;
    background: #6eb7ff;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}
.box13 p {
    margin: 0; 
    padding: 0;
}

.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}

.box15 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.box15 p {
    margin: 0; 
    padding: 0;
}

.box16{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.box16 p {
    margin: 0; 
    padding: 0;
}

.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}

.box18{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}

.box19 {
    position: relative;
    padding:0.25em 1em;
}
.box19:before,.box19:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.box19:before{
    border-left: solid 1px #5767bf;
    border-top: solid 1px #5767bf;
    top:0;
    left: 0;
}
.box19:after{
    border-right: solid 1px #5767bf;
    border-bottom: solid 1px #5767bf;
    bottom:0;
    right: 0;
}
.box19 p {
    margin: 0; 
    padding: 0;
}

.box20 {
    position: relative;
    padding: 0.25em 1em;
    margin: 2em 0;
    top: 0;
    background: #efefef;
}
.box20:before, .box20:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 10px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.box20:before{
    border-left: dotted 2px #15adc1;
    border-top: dotted 2px #15adc1;
    border-bottom: dotted 2px #15adc1;
    left: 0;
}
.box20:after{
    border-top: dotted 2px #15adc1;
    border-right: dotted 2px #15adc1;
    border-bottom: dotted 2px #15adc1;
    right: 0;
}
.box20 p {
    margin: 0; 
    padding: 0;
}

.box21{
    padding: 0.5em 1em;
    background: -moz-linear-gradient(#ffb03c, #ff708d);
    background: -webkit-linear-gradient(#ffb03c, #ff708d);
    background: linear-gradient(to right, #ffb03c, #ff708d);
    color: #FFF;
}
.box21 p {
    margin: 0; 
    padding: 0;
}

.box22{
    padding: 0.5em 1em;
    margin: 1em 0;
    background: #f4f4f4;
    border-left: solid 6px #5bb7ae;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}
.box22 p {
    margin: 0; 
    padding: 0;
}

.box23 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 8px 15px;
    background: #fff0c6;
    border-radius: 30px;
}
.box23:before{font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 15px;
    left: -40px;
    bottom: 0;
    color: #fff0c6;
}
.box23:after{
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 23px;
    left: -23px;
    bottom: 0;
    color: #fff0c6;
}
.box23 p {
    margin: 0; 
    padding: 0;
}

.box24 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: #5c98d4;
    font-weight: bold;
}
.box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e6f4ff;
    width: 0;
    height: 0;
}
.box24 p {
    margin: 0; 
    padding: 0;
}

.box25{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box25 p {
    margin: 0; 
    padding: 0;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

.box29 {
    margin: 2em 0;
    background: #dcefff;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}

.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

/*
Theme   : 記事装飾パーツ
Author  : Creative Planning All Rights Reserved.
design  :【JOY】shortcode_css
version : 2017-05-10
*/

/*---------------------------------
●一括指定
-----------------------------------*/
/*罫線太さ*/
.h2-01-main,.h3-06-main,.ul-01-main li,.ul-04-main li:after,.ul-05-main li:before {
    border-style: solid;
    border-width: 3px;
}
.h2-03-main,.h3-01-main,.h3-02-main,.h3-03-main,.h3-07-main {
    border-style: solid;
    border-width: 2px;
}
.ul-04-main li:before,.ol-03-main li:before,.ol-04-main li:before {
    border-style: solid;
    border-width: 1px;
}
.h2-03-main {
    border-style: solid;
    border-left-width: 15px;
}

/*リストタグ 余白*/
.ul-01-blue,.ul-01-navy,.ul-01-red,.ul-01-green,.ul-01-orange,.ul-01-purple,.ul-01-pink,.ul-01-black,.ul-01-glay,.ul-01-main,
.ul-02-blue,.ul-02-navy,.ul-02-red,.ul-02-green,.ul-02-orange,.ul-02-purple,.ul-02-pink,.ul-02-black,.ul-02-glay,.ul-02-main,
.ul-03-blue,.ul-03-navy,.ul-03-red,.ul-03-green,.ul-03-orange,.ul-03-purple,.ul-03-pink,.ul-03-black,.ul-03-glay,.ul-03-main,
.ul-04-blue,.ul-04-navy,.ul-04-red,.ul-04-green,.ul-04-orange,.ul-04-purple,.ul-04-pink,.ul-04-black,.ul-04-glay,.ul-04-main,
.ul-05-blue,.ul-05-navy,.ul-05-red,.ul-05-green,.ul-05-orange,.ul-05-purple,.ul-05-pink,.ul-05-black,.ul-05-glay,.ul-05-main,
.ol-01-blue,.ol-01-navy,.ol-01-red,.ol-01-green,.ol-01-orange,.ol-01-purple,.ol-01-pink,.ol-01-black,.ol-01-glay,.ol-01-main,
.ol-02-blue,.ol-02-navy,.ol-02-red,.ol-02-green,.ol-02-orange,.ol-02-purple,.ol-02-pink,.ol-02-black,.ol-02-glay,.ol-02-main,
.ol-03-blue,.ol-03-navy,.ol-03-red,.ol-03-green,.ol-03-orange,.ol-03-purple,.ol-03-pink,.ol-03-black,.ol-03-glay,.ol-03-main,
.ol-04-blue,.ol-04-navy,.ol-04-red,.ol-04-green,.ol-04-orange,.ol-04-purple,.ol-04-pink,.ol-04-black,.ol-04-glay,.ol-04-main {
    margin: 0;
    padding: 0;
}

/*h2見出しタグ 余白・文字サイズ*/
.h2-01-blue,.h2-01-navy,.h2-01-red,.h2-01-green,.h2-01-orange,.h2-01-purple,.h2-01-pink,.h2-01-black,.h2-01-glay,.h2-01-main,
.h2-02-blue,.h2-02-navy,.h2-02-red,.h2-02-green,.h2-02-orange,.h2-02-purple,.h2-02-pink,.h2-02-black,.h2-02-glay,.h2-02-main,
.h2-03-blue,.h2-03-navy,.h2-03-red,.h2-03-green,.h2-03-orange,.h2-03-purple,.h2-03-pink,.h2-03-black,.h2-03-glay,.h2-03-main,
.h2-04-blue,.h2-04-navy,.h2-04-red,.h2-04-green,.h2-04-orange,.h2-04-purple,.h2-04-pink,.h2-04-black,.h2-04-glay,.h2-04-main,
.h2-05-blue,.h2-05-navy,.h2-05-red,.h2-05-green,.h2-05-orange,.h2-05-purple,.h2-05-pink,.h2-05-black,.h2-05-glay,.h2-05-main {
    line-height: 1.4;
    margin: 0 -5px;
    font-weight: bold;
    font-size: 20px;
}

/*h3見出しタグ 余白・文字サイズ*/
.h3-01-blue,.h3-01-navy,.h3-01-red,.h3-01-green,.h3-01-orange,.h3-01-purple,.h3-01-pink,.h3-01-black,.h3-01-glay,.h3-01-main,
.h3-02-blue,.h3-02-navy,.h3-02-red,.h3-02-green,.h3-02-orange,.h3-02-purple,.h3-02-pink,.h3-02-black,.h3-02-glay,.h3-02-main,
.h3-03-blue,.h3-03-navy,.h3-03-red,.h3-03-green,.h3-03-orange,.h3-03-purple,.h3-03-pink,.h3-03-black,.h3-03-glay,.h3-03-main,
.h3-04-blue,.h3-04-navy,.h3-04-red,.h3-04-green,.h3-04-orange,.h3-04-purple,.h3-04-pink,.h3-04-black,.h3-04-glay,.h3-04-main,
.h3-05-blue,.h3-05-navy,.h3-05-red,.h3-05-green,.h3-05-orange,.h3-05-purple,.h3-05-pink,.h3-05-black,.h3-05-glay,.h3-05-main,
.h3-06-blue,.h3-06-navy,.h3-06-red,.h3-06-green,.h3-06-orange,.h3-06-purple,.h3-06-pink,.h3-06-black,.h3-06-glay,.h3-06-main,
.h3-07-blue,.h3-07-navy,.h3-07-red,.h3-07-green,.h3-07-orange,.h3-07-purple,.h3-07-pink,.h3-07-black,.h3-07-glay,.h3-07-main {
    line-height: 1.4;
    margin: 0 -5px;
    font-weight: bold;
    font-size: 16px;
}

/*リンク文字色*/
.h2-01-blue a,.h2-01-navy a,.h2-01-red a,.h2-01-green a,.h2-01-orange a,.h2-01-purple a,.h2-01-pink a,.h2-01-black a,.h2-01-glay a,.h2-01-main a,
.h2-03-blue a,.h2-03-navy a,.h2-03-red a,.h2-03-green a,.h2-03-orange a,.h2-03-purple a,.h2-03-pink a,.h2-03-black a,.h2-03-glay a,.h2-03-main a,
.h2-05-blue a,.h2-05-navy a,.h2-05-red a,.h2-05-green a,.h2-05-orange a,.h2-05-purple a,.h2-05-pink a,.h2-05-black a,.h2-05-glay a,.h2-05-main a,
.h3-01-blue a,.h3-01-navy a,.h3-01-red a,.h3-01-green a,.h3-01-orange a,.h3-01-purple a,.h3-01-pink a,.h3-01-black a,.h3-01-glay a,.h3-01-main a,
.h3-02-blue a,.h3-02-navy a,.h3-02-red a,.h3-02-green a,.h3-02-orange a,.h3-02-purple a,.h3-02-pink a,.h3-02-black a,.h3-02-glay a,.h3-02-main a,
.h3-03-blue a,.h3-03-navy a,.h3-03-red a,.h3-03-green a,.h3-03-orange a,.h3-03-purple a,.h3-03-pink a,.h3-03-black a,.h3-03-glay a,.h3-03-main a,
.h3-05-blue a,.h3-05-navy a,.h3-05-red a,.h3-05-green a,.h3-05-orange a,.h3-05-purple a,.h3-05-pink a,.h3-05-black a,.h3-05-glay a,.h3-05-main a,
.h3-06-blue a,.h3-06-navy a,.h3-06-red a,.h3-06-green a,.h3-06-orange a,.h3-06-purple a,.h3-06-pink a,.h3-06-black a,.h3-06-glay a,.h3-06-main a,
.h3-07-blue a,.h3-07-navy a,.h3-07-red a,.h3-07-green a,.h3-07-orange a,.h3-07-purple a,.h3-07-pink a,.h3-07-black a,.h3-07-glay a,.h3-07-main a {
    color: #333;
    text-decoration: none;
}
.h2-02-blue a,.h2-02-navy a,.h2-02-red a,.h2-02-green a,.h2-02-orange a,.h2-02-purple a,.h2-02-pink a,.h2-02-black a,.h2-02-glay a,.h2-02-main a,
.h2-04-blue a,.h2-04-navy a,.h2-04-red a,.h2-04-green a,.h2-04-orange a,.h2-04-purple a,.h2-04-pink a,.h2-04-black a,.h2-04-glay a,.h2-04-main a,
.h3-04-blue a,.h3-04-navy a,.h3-04-red a,.h3-04-green a,.h3-04-orange a,.h3-04-purple a,.h3-04-pink a,.h3-04-black a,.h3-04-glay a,.h3-04-main a,
.parts-01-blue a,.parts-01-navy a,.parts-01-red a,.parts-01-green a,.parts-01-orange a,.parts-01-purple a,.parts-01-pink a,.parts-01-black a,.parts-01-glay a,.parts-01-main a,
.parts-02-blue a,.parts-02-navy a,.parts-02-red a,.parts-02-green a,.parts-02-orange a,.parts-02-purple a,.parts-02-pink a,.parts-02-black a,.parts-02-glay a,.parts-02-main a,
.parts-03-blue a,.parts-03-navy a,.parts-03-red a,.parts-03-green a,.parts-03-orange a,.parts-03-purple a,.parts-03-pink a,.parts-03-black a,.parts-03-glay a,.parts-03-main a,
.parts-04-blue a,.parts-04-navy a,.parts-04-red a,.parts-04-green a,.parts-04-orange a,.parts-04-purple a,.parts-04-pink a,.parts-04-black a,.parts-04-glay a,.parts-04-main a,
.parts-05-blue a,.parts-05-navy a,.parts-05-red a,.parts-05-green a,.parts-05-orange a,.parts-05-purple a,.parts-05-pink a,.parts-05-black a,.parts-05-glay a,.parts-05-main a {
    color: #fff;
    text-decoration: none;
}
.h2-01-blue a:hover,.h2-01-navy a:hover,.h2-01-red a:hover,.h2-01-green a:hover,.h2-01-orange a:hover,.h2-01-purple a:hover,.h2-01-pink a:hover,.h2-01-black a:hover,.h2-01-glay a:hover,.h2-01-main a:hover,
.h2-03-blue a:hover,.h2-03-navy a:hover,.h2-03-red a:hover,.h2-03-green a:hover,.h2-03-orange a:hover,.h2-03-purple a:hover,.h2-03-pink a:hover,.h2-03-black a:hover,.h2-03-glay a:hover,.h2-03-main a:hover,
.h2-05-blue a:hover,.h2-05-navy a:hover,.h2-05-red a:hover,.h2-05-green a:hover,.h2-05-orange a:hover,.h2-05-purple a:hover,.h2-05-pink a:hover,.h2-05-black a:hover,.h2-05-glay a:hover,.h2-05-main a:hover,
.h3-01-blue a:hover,.h3-01-navy a:hover,.h3-01-red a:hover,.h3-01-green a:hover,.h3-01-orange a:hover,.h3-01-purple a:hover,.h3-01-pink a:hover,.h3-01-black a:hover,.h3-01-glay a:hover,.h3-01-main a:hover,
.h3-02-blue a:hover,.h3-02-navy a:hover,.h3-02-red a:hover,.h3-02-green a:hover,.h3-02-orange a:hover,.h3-02-purple a:hover,.h3-02-pink a:hover,.h3-02-black a:hover,.h3-02-glay a:hover,.h3-02-main a:hover,
.h3-03-blue a:hover,.h3-03-navy a:hover,.h3-03-red a:hover,.h3-03-green a:hover,.h3-03-orange a:hover,.h3-03-purple a:hover,.h3-03-pink a:hover,.h3-03-black a:hover,.h3-03-glay a:hover,.h3-03-main a:hover,
.h3-05-blue a:hover,.h3-05-navy a:hover,.h3-05-red a:hover,.h3-05-green a:hover,.h3-05-orange a:hover,.h3-05-purple a:hover,.h3-05-pink a:hover,.h3-05-black a:hover,.h3-05-glay a:hover,.h3-05-main a:hover,
.h3-06-blue a:hover,.h3-06-navy a:hover,.h3-06-red a:hover,.h3-06-green a:hover,.h3-06-orange a:hover,.h3-06-purple a:hover,.h3-06-pink a:hover,.h3-06-black a:hover,.h3-06-glay a:hover,.h3-06-main a:hover,
.h3-07-blue a:hover,.h3-07-navy a:hover,.h3-07-red a:hover,.h3-07-green a:hover,.h3-07-orange a:hover,.h3-07-purple a:hover,.h3-07-pink a:hover,.h3-07-black a:hover,.h3-07-glay a:hover,.h3-07-main a:hover {
    text-decoration: underline;
}
.h2-02-blue a:hover,.h2-02-navy a:hover,.h2-02-red a:hover,.h2-02-green a:hover,.h2-02-orange a:hover,.h2-02-purple a:hover,.h2-02-pink a:hover,.h2-02-black a:hover,.h2-02-glay a:hover,.h2-02-main a:hover,
.h2-04-blue a:hover,.h2-04-navy a:hover,.h2-04-red a:hover,.h2-04-green a:hover,.h2-04-orange a:hover,.h2-04-purple a:hover,.h2-04-pink a:hover,.h2-04-black a:hover,.h2-04-glay a:hover,.h2-04-main a:hover,
.h3-04-blue a:hover,.h3-04-navy a:hover,.h3-04-red a:hover,.h3-04-green a:hover,.h3-04-orange a:hover,.h3-04-purple a:hover,.h3-04-pink a:hover,.h3-04-black a:hover,.h3-04-glay a:hover,.h3-04-main a:hover,
.parts-01-blue a:hover,.parts-01-navy a:hover,.parts-01-red a:hover,.parts-01-green a:hover,.parts-01-orange a:hover,.parts-01-purple a:hover,.parts-01-pink a:hover,.parts-01-black a:hover,.parts-01-glay a:hover,.parts-01-main a:hover,
.parts-02-blue a:hover,.parts-02-navy a:hover,.parts-02-red a:hover,.parts-02-green a:hover,.parts-02-orange a:hover,.parts-02-purple a:hover,.parts-02-pink a:hover,.parts-02-black a:hover,.parts-02-glay a:hover,.parts-02-main a:hover,
.parts-03-blue a:hover,.parts-03-navy a:hover,.parts-03-red a:hover,.parts-03-green a:hover,.parts-03-orange a:hover,.parts-03-purple a:hover,.parts-03-pink a:hover,.parts-03-black a:hover,.parts-03-glay a:hover,.parts-03-main a:hover,
.parts-04-blue a:hover,.parts-04-navy a:hover,.parts-04-red a:hover,.parts-04-green a:hover,.parts-04-orange a:hover,.parts-04-purple a:hover,.parts-04-pink a:hover,.parts-04-black a:hover,.parts-04-glay a:hover,.parts-04-main a:hover,
.parts-05-blue a:hover,.parts-05-navy a:hover,.parts-05-red a:hover,.parts-05-green a:hover,.parts-05-orange a:hover,.parts-05-purple a:hover,.parts-05-pink a:hover,.parts-05-black a:hover,.parts-05-glay a:hover,.parts-05-main a:hover {
    color: #fff;
    text-decoration: underline;
}

/*パーツ 余白・幅・文字サイズ*/
.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;
    margin: 0 5px 0 0;
    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;
    margin: 0 0 5px 0;
    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;
    margin: 0 0 5px 0;
    padding: 15px;
    font-size: 18px;
}


/*---------------------------------
●h2見出しタグ
-----------------------------------*/
/*h2 スタイル01*/
.h2-01-blue,.h2-01-navy,.h2-01-red,.h2-01-green,.h2-01-orange,.h2-01-purple,.h2-01-pink,.h2-01-black,.h2-01-glay,.h2-01-main {
    padding: 8px 15px;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);
    border-top: solid 1px #c0c0c0;
    border-right: none;
    border-left: none;
    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%);
}
.h2-01-blue   {border-bottom: solid 3px #0000cd;}
.h2-01-navy   {border-bottom: solid 3px #000080;}
.h2-01-red    {border-bottom: solid 3px #ff0000;}
.h2-01-green  {border-bottom: solid 3px #008000;}
.h2-01-orange {border-bottom: solid 3px #ff8c00;}
.h2-01-purple {border-bottom: solid 3px #800080;}
.h2-01-pink   {border-bottom: solid 3px #ff1493;}
.h2-01-black  {border-bottom: solid 3px #000000;}
.h2-01-glay   {border-bottom: solid 3px #808080;}


/*h2 スタイル02*/
.h2-02-blue   {background: #0000cd;}
.h2-02-navy   {background: #000080;}
.h2-02-red    {background: #ff0000;}
.h2-02-green  {background: #008000;}
.h2-02-orange {background: #ff8c00;}
.h2-02-purple {background: #800080;}
.h2-02-pink   {background: #ff1493;}
.h2-02-black  {background: #000000;}
.h2-02-glay   {background: #808080;}
.h2-02-blue,.h2-02-navy,.h2-02-red,.h2-02-green,.h2-02-orange,.h2-02-purple,.h2-02-pink,.h2-02-black,.h2-02-glay,.h2-02-main {
    padding: 8px 15px;
    background-image: -webkit-linear-gradient(top, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(153,153,153,0.1) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.4) 55%, rgba(255,255,255,0.3) 70%, rgba(153,153,153,0.1) 100%);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
    color: #fff;
}


/*h2 スタイル03*/
.h2-03-blue,.h2-03-navy,.h2-03-red,.h2-03-green,.h2-03-orange,.h2-03-purple,.h2-03-pink,.h2-03-black,.h2-03-glay,.h2-03-main {
    padding: 9px 10px 7px 10px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2) inset ,-2px -2px 2px 0 rgba(0,0,0,0.2) inset;
    border-radius: 10px;
    background: #ffffff;
}
.h2-03-blue   {border: solid 2px #0000cd; border-left: solid 15px #0000cd;}
.h2-03-navy   {border: solid 2px #000080; border-left: solid 15px #000080;}
.h2-03-red    {border: solid 2px #ff0000; border-left: solid 15px #ff0000;}
.h2-03-green  {border: solid 2px #008000; border-left: solid 15px #008000;}
.h2-03-orange {border: solid 2px #ff8c00; border-left: solid 15px #ff8c00;}
.h2-03-purple {border: solid 2px #800080; border-left: solid 15px #800080;}
.h2-03-pink   {border: solid 2px #ff1493; border-left: solid 15px #ff1493;}
.h2-03-black  {border: solid 2px #000000; border-left: solid 15px #000000;}
.h2-03-glay   {border: solid 2px #808080; border-left: solid 15px #808080;}


/*h2 スタイル04*/
.h2-04-blue   {background: #0000cd;}
.h2-04-navy   {background: #000080;}
.h2-04-red    {background: #ff0000;}
.h2-04-green  {background: #008000;}
.h2-04-orange {background: #ff8c00;}
.h2-04-purple {background: #800080;}
.h2-04-pink   {background: #ff1493;}
.h2-04-black  {background: #000000;}
.h2-04-glay   {background: #808080;}
.h2-04-blue,.h2-04-navy,.h2-04-red,.h2-04-green,.h2-04-orange,.h2-04-purple,.h2-04-pink,.h2-04-black,.h2-04-glay,.h2-04-main {
    padding: 8px 15px;
    border-radius: 10px;
    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%);
    color: #fff;
}


/*h2 スタイル05*/
.h2-05-blue,.h2-05-navy,.h2-05-red,.h2-05-green,.h2-05-orange,.h2-05-purple,.h2-05-pink,.h2-05-black,.h2-05-glay,.h2-05-main {
    position: relative;
    padding: 8px 15px 8px 35px;
    border: solid 1px #c0c0c0;
    border-radius: 10px;
    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%);
}
.h2-05-blue:before   {background: #0000cd;}
.h2-05-navy:before   {background: #000080;}
.h2-05-red:before    {background: #ff0000;}
.h2-05-green:before  {background: #008000;}
.h2-05-orange:before {background: #ff8c00;}
.h2-05-purple:before {background: #800080;}
.h2-05-pink:before   {background: #ff1493;}
.h2-05-black:before  {background: #000000;}
.h2-05-glay:before   {background: #808080;}
.h2-05-blue:before,.h2-05-navy:before,.h2-05-red:before,.h2-05-green:before,.h2-05-orange:before,.h2-05-purple:before,.h2-05-pink:before,.h2-05-black:before,.h2-05-glay:before,.h2-05-main:before {
    display: block;
    position: absolute;
    top: 11px;
    left: 10px;
    content: "";
    height: 20px;
    width: 20px;
    border-radius: 50%;
    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%);
}


/*---------------------------------
●h3見出しタグ
-----------------------------------*/
/*h3 スタイル01*/
.h3-01-blue,.h3-01-navy,.h3-01-red,.h3-01-green,.h3-01-orange,.h3-01-purple,.h3-01-pink,.h3-01-black,.h3-01-glay,.h3-01-main {
    padding: 5px 15px;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1),0 0 1px 1px rgba(255,255,255,0.9) inset;
    border-top: solid 1px #c0c0c0;
    border-left: solid 1px #c0c0c0;
    border-right: solid 1px #c0c0c0;
    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%);
}
.h3-01-blue   {border-bottom: solid 2px #0000cd;}
.h3-01-navy   {border-bottom: solid 2px #000080;}
.h3-01-red    {border-bottom: solid 2px #ff0000;}
.h3-01-green  {border-bottom: solid 2px #008000;}
.h3-01-orange {border-bottom: solid 2px #ff8c00;}
.h3-01-purple {border-bottom: solid 2px #800080;}
.h3-01-pink   {border-bottom: solid 2px #ff1493;}
.h3-01-black  {border-bottom: solid 2px #000000;}
.h3-01-glay   {border-bottom: solid 2px #808080;}


/*h3 スタイル02*/
.h3-02-blue,.h3-02-navy,.h3-02-red,.h3-02-green,.h3-02-orange,.h3-02-purple,.h3-02-pink,.h3-02-black,.h3-02-glay,.h3-02-main {
    padding: 5px 15px;
    background: #ffffff;
}
.h3-02-blue   {border: solid 2px #0000cd;}
.h3-02-navy   {border: solid 2px #000080;}
.h3-02-red    {border: solid 2px #ff0000;}
.h3-02-green  {border: solid 2px #008000;}
.h3-02-orange {border: solid 2px #ff8c00;}
.h3-02-purple {border: solid 2px #800080;}
.h3-02-pink   {border: solid 2px #ff1493;}
.h3-02-black  {border: solid 2px #000000;}
.h3-02-glay   {border: solid 2px #808080;}


/*h3 スタイル03*/
.h3-03-blue,.h3-03-navy,.h3-03-red,.h3-03-green,.h3-03-orange,.h3-03-purple,.h3-03-pink,.h3-03-black,.h3-03-glay,.h3-03-main {
    padding: 5px 15px;
    border-radius: 10px;
    background: #ffffff;
}
.h3-03-blue   {border: solid 2px #0000cd;}
.h3-03-navy   {border: solid 2px #000080;}
.h3-03-red    {border: solid 2px #ff0000;}
.h3-03-green  {border: solid 2px #008000;}
.h3-03-orange {border: solid 2px #ff8c00;}
.h3-03-purple {border: solid 2px #800080;}
.h3-03-pink   {border: solid 2px #ff1493;}
.h3-03-black  {border: solid 2px #000000;}
.h3-03-glay   {border: solid 2px #808080;}


/*h3 スタイル04*/
.h3-04-blue,.h3-04-navy,.h3-04-red,.h3-04-green,.h3-04-orange,.h3-04-purple,.h3-04-pink,.h3-04-black,.h3-04-glay,.h3-04-main {
    padding: 5px 15px;
    border-radius: 10px;
    color: #fff;
}
.h3-04-blue   {background: #0000cd;}
.h3-04-navy   {background: #000080;}
.h3-04-red    {background: #ff0000;}
.h3-04-green  {background: #008000;}
.h3-04-orange {background: #ff8c00;}
.h3-04-purple {background: #800080;}
.h3-04-pink   {background: #ff1493;}
.h3-04-black  {background: #000000;}
.h3-04-glay   {background: #808080;}


/*h3 スタイル05*/
.h3-05-blue,.h3-05-navy,.h3-05-red,.h3-05-green,.h3-05-orange,.h3-05-purple,.h3-05-pink,.h3-05-black,.h3-05-glay,.h3-05-main {
    position: relative;
    padding: 0 0 0 23px;
}
.h3-05-blue:before   {background: #0000cd;}
.h3-05-navy:before   {background: #000080;}
.h3-05-red:before    {background: #ff0000;}
.h3-05-green:before  {background: #008000;}
.h3-05-orange:before {background: #ff8c00;}
.h3-05-purple:before {background: #800080;}
.h3-05-pink:before   {background: #ff1493;}
.h3-05-black:before  {background: #000000;}
.h3-05-glay:before   {background: #808080;}
.h3-05-blue:before,.h3-05-navy:before,.h3-05-red:before,.h3-05-green:before,.h3-05-orange:before,.h3-05-purple:before,.h3-05-pink:before,.h3-05-black:before,.h3-05-glay:before,.h3-05-main:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 19px;
    width: 19px;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
    border-radius: 50%;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 40%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.4) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 40%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.4) 100%);
}


/*h3 スタイル06*/
.h3-06-blue,.h3-06-navy,.h3-06-red,.h3-06-green,.h3-06-orange,.h3-06-purple,.h3-06-pink,.h3-06-black,.h3-06-glay,.h3-06-main {
    padding: 5px 10px;
    border-top: none;
    border-right: none;
    border-bottom: solid 1px #c0c0c0;
}
.h3-06-blue   {border-left: solid 3px #0000cd;}
.h3-06-navy   {border-left: solid 3px #000080;}
.h3-06-red    {border-left: solid 3px #ff0000;}
.h3-06-green  {border-left: solid 3px #008000;}
.h3-06-orange {border-left: solid 3px #ff8c00;}
.h3-06-purple {border-left: solid 3px #800080;}
.h3-06-pink   {border-left: solid 3px #ff1493;}
.h3-06-black  {border-left: solid 3px #000000;}
.h3-06-glay   {border-left: solid 3px #808080;}


/*h3 スタイル07*/
.h3-07-blue,.h3-07-navy,.h3-07-red,.h3-07-green,.h3-07-orange,.h3-07-purple,.h3-07-pink,.h3-07-black,.h3-07-glay,.h3-07-main {
    padding: 5px;
    border-top: none;
    border-right: none;
    border-left: none;
}
.h3-07-blue   {border-bottom: solid 2px #0000cd;}
.h3-07-navy   {border-bottom: solid 2px #000080;}
.h3-07-red    {border-bottom: solid 2px #ff0000;}
.h3-07-green  {border-bottom: solid 2px #008000;}
.h3-07-orange {border-bottom: solid 2px #ff8c00;}
.h3-07-purple {border-bottom: solid 2px #800080;}
.h3-07-pink   {border-bottom: solid 2px #ff1493;}
.h3-07-black  {border-bottom: solid 2px #000000;}
.h3-07-glay   {border-bottom: solid 2px #808080;}


/*---------------------------------
●ulリストタグ
-----------------------------------*/
/*ulリスト01(左と下の線のみ)*/
.ul-01-blue li,.ul-01-navy li,.ul-01-red li,.ul-01-green li,.ul-01-orange li,.ul-01-purple li,.ul-01-pink li,.ul-01-black li,.ul-01-glay li,.ul-01-main li {
    line-height: 28px;
    margin: 4px 0;
    padding: 0 0 0 8px;
    border-top: none;
    border-right: none;
    border-bottom: dotted 1px #c0c0c0;
}
.ul-01-blue li   {border-left: solid 3px #0000cd;}
.ul-01-navy li   {border-left: solid 3px #000080;}
.ul-01-red li    {border-left: solid 3px #ff0000;}
.ul-01-green li  {border-left: solid 3px #008000;}
.ul-01-orange li {border-left: solid 3px #ff8c00;}
.ul-01-purple li {border-left: solid 3px #800080;}
.ul-01-pink li   {border-left: solid 3px #ff1493;}
.ul-01-black li  {border-left: solid 3px #000000;}
.ul-01-glay li   {border-left: solid 3px #808080;}


/*ulリスト02(円形)*/
.ul-02-blue li,.ul-02-navy li,.ul-02-red li,.ul-02-green li,.ul-02-orange li,.ul-02-purple li,.ul-02-pink li,.ul-02-black li,.ul-02-glay li,.ul-02-main li {
    position: relative;
    line-height: 28px;
    margin: 0;
    padding: 0 0 0 20px;
}
.ul-02-blue li:before   {background: #0000cd;}
.ul-02-navy li:before   {background: #000080;}
.ul-02-red li:before    {background: #ff0000;}
.ul-02-green li:before  {background: #008000;}
.ul-02-orange li:before {background: #ff8c00;}
.ul-02-purple li:before {background: #800080;}
.ul-02-pink li:before   {background: #ff1493;}
.ul-02-black li:before  {background: #000000;}
.ul-02-glay li:before   {background: #808080;}
.ul-02-blue li:before,.ul-02-navy li:before,.ul-02-red li:before,.ul-02-green li:before,.ul-02-orange li:before,.ul-02-purple li:before,.ul-02-pink li:before,.ul-02-black li:before,.ul-02-glay li:before,.ul-02-main li:before {
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    height: 12px;
    width: 12px;
    border-radius: 50%;
    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%);
}


/*ulリスト03(四角白抜きレ点)*/
.ul-03-blue li,.ul-03-navy li,.ul-03-red li,.ul-03-green li,.ul-03-orange li,.ul-03-purple li,.ul-03-pink li,.ul-03-black li,.ul-03-glay li,.ul-03-main li {
    position: relative;
    line-height: 28px;
    margin: 0;
    padding: 0 0 0 28px;
}
.ul-03-blue li:before   {background: #0000cd;}
.ul-03-navy li:before   {background: #000080;}
.ul-03-red li:before    {background: #ff0000;}
.ul-03-green li:before  {background: #008000;}
.ul-03-orange li:before {background: #ff8c00;}
.ul-03-purple li:before {background: #800080;}
.ul-03-pink li:before   {background: #ff1493;}
.ul-03-black li:before  {background: #000000;}
.ul-03-glay li:before   {background: #808080;}
.ul-03-blue li:before,.ul-03-navy li:before,.ul-03-red li:before,.ul-03-green li:before,.ul-03-orange li:before,.ul-03-purple li:before,.ul-03-pink li:before,.ul-03-black li:before,.ul-03-glay li:before,.ul-03-main li:before {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    content: "";
    height: 21px;
    width: 21px;
    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%);
}
.ul-03-blue li:after,.ul-03-navy li:after,.ul-03-red li:after,.ul-03-green li:after,.ul-03-orange li:after,.ul-03-purple li:after,.ul-03-pink li:after,.ul-03-black li:after,.ul-03-glay li:after,.ul-03-main li:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
    content: "";
    width: 5px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*ulリスト04(角丸線のみレ点)*/
.ul-04-blue li,.ul-04-navy li,.ul-04-red li,.ul-04-green li,.ul-04-orange li,.ul-04-purple li,.ul-04-pink li,.ul-04-black li,.ul-04-glay li,.ul-04-main li {
    position: relative;
    line-height: 28px;
    margin: 0;
    padding: 0 0 0 30px;
}
.ul-04-blue li:before   {border: solid 1px #0000cd;}
.ul-04-navy li:before   {border: solid 1px #000080;}
.ul-04-red li:before    {border: solid 1px #ff0000;}
.ul-04-green li:before  {border: solid 1px #008000;}
.ul-04-orange li:before {border: solid 1px #ff8c00;}
.ul-04-purple li:before {border: solid 1px #800080;}
.ul-04-pink li:before   {border: solid 1px #ff1493;}
.ul-04-black li:before  {border: solid 1px #000000;}
.ul-04-glay li:before   {border: solid 1px #808080;}
.ul-04-blue li:before,.ul-04-navy li:before,.ul-04-red li:before,.ul-04-green li:before,.ul-04-orange li:before,.ul-04-purple li:before,.ul-04-pink li:before,.ul-04-black li:before,.ul-04-glay li:before,.ul-04-main li:before {
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    content: "";
    height: 21px;
    width: 21px;
    border-radius: 4px;
}
.ul-04-blue li:after   {border: solid 3px #0000cd;}
.ul-04-navy li:after   {border: solid 3px #000080;}
.ul-04-red li:after    {border: solid 3px #ff0000;}
.ul-04-green li:after  {border: solid 3px #008000;}
.ul-04-orange li:after {border: solid 3px #ff8c00;}
.ul-04-purple li:after {border: solid 3px #800080;}
.ul-04-pink li:after   {border: solid 3px #ff1493;}
.ul-04-black li:after  {border: solid 3px #000000;}
.ul-04-glay li:after   {border: solid 3px #808080;}
.ul-04-blue li:after,.ul-04-navy li:after,.ul-04-red li:after,.ul-04-green li:after,.ul-04-orange li:after,.ul-04-purple li:after,.ul-04-pink li:after,.ul-04-black li:after,.ul-04-glay li:after,.ul-04-main li:after {
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    content: "";
    width: 6px;
    height: 12px;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
}


/*ulリスト05(レ点のみ)*/
.ul-05-blue li,.ul-05-navy li,.ul-05-red li,.ul-05-green li,.ul-05-orange li,.ul-05-purple li,.ul-05-pink li,.ul-05-black li,.ul-05-glay li,.ul-05-main li {
    position: relative;
    line-height: 28px;
    margin: 0;
    padding: 0 0 0 30px;
}
.ul-05-blue li:before   {border: solid 3px #0000cd;}
.ul-05-navy li:before   {border: solid 3px #000080;}
.ul-05-red li:before    {border: solid 3px #ff0000;}
.ul-05-green li:before  {border: solid 3px #008000;}
.ul-05-orange li:before {border: solid 3px #ff8c00;}
.ul-05-purple li:before {border: solid 3px #800080;}
.ul-05-pink li:before   {border: solid 3px #ff1493;}
.ul-05-black li:before  {border: solid 3px #000000;}
.ul-05-glay li:before   {border: solid 3px #808080;}
.ul-05-blue li:before,.ul-05-navy li:before,.ul-05-red li:before,.ul-05-green li:before,.ul-05-orange li:before,.ul-05-purple li:before,.ul-05-pink li:before,.ul-05-black li:before,.ul-05-glay li:before,.ul-05-main li:before {
    display: block;
    position: absolute;
    top: 1px;
    left: 7px;
    content: "";
    width: 8px;
    height: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: none;
    border-left: none;
}


/*---------------------------------
●olリストタグ
-----------------------------------*/
/*olリスト01(円形白抜き)*/
.ol-01-blue li,.ol-01-navy li,.ol-01-red li,.ol-01-green li,.ol-01-orange li,.ol-01-purple li,.ol-01-pink li,.ol-01-black li,.ol-01-glay li,.ol-01-main li {
    position: relative;
    line-height: 28px;
    padding: 0 0 0 28px;
}
.ol-01-blue li:before   {background: #0000cd;}
.ol-01-navy li:before   {background: #000080;}
.ol-01-red li:before    {background: #ff0000;}
.ol-01-green li:before  {background: #008000;}
.ol-01-orange li:before {background: #ff8c00;}
.ol-01-purple li:before {background: #800080;}
.ol-01-pink li:before   {background: #ff1493;}
.ol-01-black li:before  {background: #000000;}
.ol-01-glay li:before   {background: #808080;}
.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 {
    display: block;
    position: absolute;
    top: .275em;
    left: 0;
    content: counter(li);
    counter-increment: li;
    line-height: 20px;
    padding: 0 6px;
    border-radius: 50%;
    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-family: Verdana;
    font-size: 12px;
    color: #fff;
}


/*olリスト02(角丸白抜き)*/
.ol-02-blue li,.ol-02-navy li,.ol-02-red li,.ol-02-green li,.ol-02-orange li,.ol-02-purple li,.ol-02-pink li,.ol-02-black li,.ol-02-glay li,.ol-02-main li {
    position: relative;
    line-height: 28px;
    padding: 0 0 0 28px;
}
.ol-02-blue li:before   {background: #0000cd;}
.ol-02-navy li:before   {background: #000080;}
.ol-02-red li:before    {background: #ff0000;}
.ol-02-green li:before  {background: #008000;}
.ol-02-orange li:before {background: #ff8c00;}
.ol-02-purple li:before {background: #800080;}
.ol-02-pink li:before   {background: #ff1493;}
.ol-02-black li:before  {background: #000000;}
.ol-02-glay li:before   {background: #808080;}
.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 {
    display: block;
    position: absolute;
    top: .275em;
    left: 0;
    content: counter(li);
    counter-increment: li;
    line-height: 20px;
    padding: 0 6px;
    border-radius: 4px;
    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-family: Verdana;
    font-size: 12px;
    color: #fff;
}


/*olリスト03(円形線のみ)*/
.ol-03-blue li,.ol-03-navy li,.ol-03-red li,.ol-03-green li,.ol-03-orange li,.ol-03-purple li,.ol-03-pink li,.ol-03-black li,.ol-03-glay li,.ol-03-main li {
    position: relative;
    line-height: 28px;
    padding: 0 0 0 30px;
}
.ol-03-blue li:before   {border: solid 1px #0000cd;}
.ol-03-navy li:before   {border: solid 1px #000080;}
.ol-03-red li:before    {border: solid 1px #ff0000;}
.ol-03-green li:before  {border: solid 1px #008000;}
.ol-03-orange li:before {border: solid 1px #ff8c00;}
.ol-03-purple li:before {border: solid 1px #800080;}
.ol-03-pink li:before   {border: solid 1px #ff1493;}
.ol-03-black li:before  {border: solid 1px #000000;}
.ol-03-glay li:before   {border: solid 1px #808080;}
.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 {
    display: block;
    position: absolute;
    top: .275em;
    left: 0;
    content: counter(li);
    counter-increment: li;
    line-height: 20px;
    padding: 0 6px;
    border-radius: 50%;
    font-family: Verdana;
    font-size: 12px;
}


/*olリスト04(角丸線のみ)*/
.ol-04-blue li,.ol-04-navy li,.ol-04-red li,.ol-04-green li,.ol-04-orange li,.ol-04-purple li,.ol-04-pink li,.ol-04-black li,.ol-04-glay li,.ol-04-main li {
    position: relative;
    line-height: 28px;
    padding: 0 0 0 30px;
}
.ol-04-blue li:before   {border: solid 1px #0000cd;}
.ol-04-navy li:before   {border: solid 1px #000080;}
.ol-04-red li:before    {border: solid 1px #ff0000;}
.ol-04-green li:before  {border: solid 1px #008000;}
.ol-04-orange li:before {border: solid 1px #ff8c00;}
.ol-04-purple li:before {border: solid 1px #800080;}
.ol-04-pink li:before   {border: solid 1px #ff1493;}
.ol-04-black li:before  {border: solid 1px #000000;}
.ol-04-glay li:before   {border: solid 1px #808080;}
.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 {
    display: block;
    position: absolute;
    top: .275em;
    left: 0;
    content: counter(li);
    counter-increment: li;
    line-height: 20px;
    padding: 0 6px;
    border-radius: 4px;
    font-family: Verdana;
    font-size: 12px;
}


/*---------------------------------
●パーツ
-----------------------------------*/
/*パーツ01(サイズ無指定：四角白抜き)*/
.parts-01-blue   {background: #0000cd;}
.parts-01-navy   {background: #000080;}
.parts-01-red    {background: #ff0000;}
.parts-01-green  {background: #008000;}
.parts-01-orange {background: #ff8c00;}
.parts-01-purple {background: #800080;}
.parts-01-pink   {background: #ff1493;}
.parts-01-black  {background: #000000;}
.parts-01-glay   {background: #808080;}
.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 {
    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 1px rgba(0,0,0,0.7);
    color: #fff;
}


/*パーツ02(サイズ無指定：角丸白抜き)*/
.parts-02-blue   {background: #0000cd;}
.parts-02-navy   {background: #000080;}
.parts-02-red    {background: #ff0000;}
.parts-02-green  {background: #008000;}
.parts-02-orange {background: #ff8c00;}
.parts-02-purple {background: #800080;}
.parts-02-pink   {background: #ff1493;}
.parts-02-black  {background: #000000;}
.parts-02-glay   {background: #808080;}
.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 {
    border-radius: 6px;
    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 1px rgba(0,0,0,0.7);
    color: #fff;
}


/*パーツ03(四角白抜き)*/
.parts-03-blue   {background: #0000cd;}
.parts-03-navy   {background: #000080;}
.parts-03-red    {background: #ff0000;}
.parts-03-green  {background: #008000;}
.parts-03-orange {background: #ff8c00;}
.parts-03-purple {background: #800080;}
.parts-03-pink   {background: #ff1493;}
.parts-03-black  {background: #000000;}
.parts-03-glay   {background: #808080;}
.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 {
    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 1px rgba(0,0,0,0.7);
    color: #fff;
}


/*パーツ04(角丸白抜き)*/
.parts-04-blue   {background: #0000cd;}
.parts-04-navy   {background: #000080;}
.parts-04-red    {background: #ff0000;}
.parts-04-green  {background: #008000;}
.parts-04-orange {background: #ff8c00;}
.parts-04-purple {background: #800080;}
.parts-04-pink   {background: #ff1493;}
.parts-04-black  {background: #000000;}
.parts-04-glay   {background: #808080;}
.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 {
    border-radius: 6px;
    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 1px rgba(0,0,0,0.7);
    color: #fff;
}


/*パーツ05(円形白抜き)*/
.parts-05-blue   {background: #0000cd;}
.parts-05-navy   {background: #000080;}
.parts-05-red    {background: #ff0000;}
.parts-05-green  {background: #008000;}
.parts-05-orange {background: #ff8c00;}
.parts-05-purple {background: #800080;}
.parts-05-pink   {background: #ff1493;}
.parts-05-black  {background: #000000;}
.parts-05-glay   {background: #808080;}
.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 {
    border-radius: 50%;
    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 1px rgba(0,0,0,0.7);
    color: #fff;
}



/*蛍光ペン<span class="○○○○○">テキスト</span>*/
.marker-o {
background: linear-gradient(transparent 70%, #ffa500 70%);
}
.marker-p {
	background:linear-gradient(transparent 70%, #f6c 70%);
}
.marker-b {
	background:linear-gradient(transparent 70%, #6cf 70%);
}
.marker-g {
	background:linear-gradient(transparent 70%, #6f6 70%);
}

/*——————–
 吹き出しを作る
——————–*/
/* 全体のスタイル */
.kaiwa {
  margin-bottom: 25px;
}
/* 左画像 */
.kaiwa-img-left {
  margin: 0;
  float: left;
  width: 60px;
  height: 60px;
  margin-right: -70px;
}
/* 右画像 */
.kaiwa-img-right {
  margin: 0;
  float: right;
  width: 60px;
  height: 60px;
  margin-left: -70px;
}
.kaiwa figure img {
  width: 100%;
  height: 100%;
  border: 1px solid #aaa;
  border-radius: 50%;
  margin: 0;
}
/* 画像の下のテキスト */
.kaiwa-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
  position: relative;
  bottom: 15px;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
  position: relative;
  margin-left: 80px;
  padding: 10px;
  border-radius: 10px;
  background: #eee;
  margin-right: 12%;
  float: left;
}
/* 右からの吹き出しテキスト */
.kaiwa-text-left {
  position: relative;
  margin-right: 80px;
  padding: 10px;
  border-radius: 10px;
  background-color: #9cd6e7;
  margin-left: 12%;
  float: right;
}
p.kaiwa-text {
  margin: 0 0 20px;
}
p.kaiwa-text:last-child {
  margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  left: -20px;
}
.kaiwa-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #eee;
  top: 15px;
  left: -19px;
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  right: -20px;
}
.kaiwa-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #9cd6e7;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
  clear: both;
  content: "";
  display: block;
}


/* アプリーチ*/
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}

/* 目次 */
li {
    list-style: none;
}
a {
    text-decoration: none;
}
.contents2 {
    margin-left: 15px;
}
.contents3 {
    margin-left: 30px;
}
.contents4 {
    margin-left: 45px;
}
.contents5 {
    margin-left: 60px;
}
.contents6 {
    margin-left: 75px;
}


/* オレンジボタン */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 0.8;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}

.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}