/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■ショートコードのデザイン
 Designed by office hidezo All Rights Reserved.
  product design : 【JOY】shortcode_css
  creation date  : 2015/12/10
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*---------------------------------
●記事装飾パーツ main のカラー
-----------------------------------*/

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

/*---------------------------------
●olタグ 数字の横幅
-----------------------------------*/
/*
.ol-00 li:before,
.ol-01-blue li:before,.ol-01-navy li:before,.ol-01-red li:before,.ol-01-green li:before,.ol-01-orange li:before,.ol-01-purple li:before,.ol-01-pink li:before,.ol-01-black li:before,.ol-01-glay li:before,.ol-01-main li:before,
.ol-02-blue li:before,.ol-02-navy li:before,.ol-02-red li:before,.ol-02-green li:before,.ol-02-orange li:before,.ol-02-purple li:before,.ol-02-pink li:before,.ol-02-black li:before,.ol-02-glay li:before,.ol-02-main li:before,
.ol-03-blue li:before,.ol-03-navy li:before,.ol-03-red li:before,.ol-03-green li:before,.ol-03-orange li:before,.ol-03-purple li:before,.ol-03-pink li:before,.ol-03-black li:before,.ol-03-glay li:before,.ol-03-main li:before,
.ol-04-blue li:before,.ol-04-navy li:before,.ol-04-red li:before,.ol-04-green li:before,.ol-04-orange li:before,.ol-04-purple li:before,.ol-04-pink li:before,.ol-04-black li:before,.ol-04-glay li:before,.ol-04-main li:before {
    padding: 0 6px;
    font-size: 13px;
}

/*---------------------------------
●パーツの文字・余白・幅
-----------------------------------*/
/*
.parts-01-blue,.parts-01-navy,.parts-01-red,.parts-01-green,.parts-01-orange,.parts-01-purple,.parts-01-pink,.parts-01-black,.parts-01-glay,.parts-01-main,
.parts-02-blue,.parts-02-navy,.parts-02-red,.parts-02-green,.parts-02-orange,.parts-02-purple,.parts-02-pink,.parts-02-black,.parts-02-glay,.parts-02-main {
    line-height: 1.2;
    padding: 1px 10px;
    font-size: 18px;
}
.parts-03-blue,.parts-03-navy,.parts-03-red,.parts-03-green,.parts-03-orange,.parts-03-purple,.parts-03-pink,.parts-03-black,.parts-03-glay,.parts-03-main,
.parts-04-blue,.parts-04-navy,.parts-04-red,.parts-04-green,.parts-04-orange,.parts-04-purple,.parts-04-pink,.parts-04-black,.parts-04-glay,.parts-04-main {
    line-height: 1.2;
    width: 100px;
    padding: 5px 10px;
    font-size: 18px;
}
.parts-05-blue,.parts-05-navy,.parts-05-red,.parts-05-green,.parts-05-orange,.parts-05-purple,.parts-05-pink,.parts-05-black,.parts-05-glay,.parts-05-main {
    line-height: 1.2;
    width: 40px;
    height: 40px;
    padding: 15px;
    font-size: 18px;
}

/*---------------------------------
●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 {
    margin: 0 0 5px 0;
    padding: 10px;
    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%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.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 {
    margin: 0 0 5px 0;
    padding: 10px;
    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 2px rgba(0,0,0,0.9);
    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 {
    margin: 0 0 5px 0;
    padding: 11px 10px 9px 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;
}
.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 {
    margin: 0 0 5px 0;
    padding: 10px;
    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;
    margin: 0 0 5px 0;
    padding: 10px 10px 10px 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%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.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 {
    position: absolute;
    top: 10px;
    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%);
}

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

.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 {top: 11px;}

}


/*---------------------------------
●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 {
    margin: 0 0 5px 0;
    padding: 5px 10px;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1),0 0 1px 1px rgba(255,255,255,0.9) inset;
    border-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%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.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 {
    margin: 0 0 5px 0;
    padding: 5px 10px;
}
.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 {
    margin: 0 0 5px 0;
    padding: 5px 10px;
    border-radius: 10px;
}
.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 {
    margin: 0 0 5px 0;
    padding: 5px 10px;
    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;
    margin: 0 0 5px 0;
    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 {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 20px;
    width: 20px;
    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%);
}

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

.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 {top: 1px;}

}


/*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 {
    margin: 0 0 5px 0;
    padding: 5px;
    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 {
    margin: 0 0 5px 0;
    padding: 5px 0;
    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,
.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 {
    margin: 0 auto;
    padding: 5px 0;
    background: none;
}
.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: 26px; /*must*/
    margin: 4px 0;
    padding: 0 0 0 5px;
    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,
.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 {
    margin: 0 auto;
    padding: 5px 0;
    background: none;
}
.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 {
    line-height: 26px; /*must*/
    position: relative;
    margin: 4px 0;
    padding: 0 0 0 16px;
}
.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 {
    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,
.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 {
    margin: 0 auto;
    padding: 5px 0;
    background: none;
}
.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: 26px; /*must*/
    margin: 4px 0;
    padding: 0 0 0 26px;
}
.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 {
    position: absolute;
    top: 1px;
    left: 0;
    content: "";
    height: 22px;
    width: 22px;
    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 {
    position: absolute;
    top: 3px;
    left: 7px;
    content: "";
    width: 5px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*ulリスト04(角丸線のみレ点)*/
.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 {
    margin: 0 auto;
    padding: 5px 0;
    background: none;
}
.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: 26px; /*must*/
    margin: 4px 0;
    padding: 0 0 0 26px;
}
.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 {
    position: absolute;
    top: 1px;
    left: 0;
    content: "";
    height: 21px;
    width: 21px;
    border-radius: 6px;
}
.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: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 {
    position: absolute;
    top: 3px;
    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-04-blue li:after   {border-bottom: solid 3px #0000cd; border-right: solid 3px #0000cd;}
.ul-04-navy li:after   {border-bottom: solid 3px #000080; border-right: solid 3px #000080;}
.ul-04-red li:after    {border-bottom: solid 3px #ff0000; border-right: solid 3px #ff0000;}
.ul-04-green li:after  {border-bottom: solid 3px #008000; border-right: solid 3px #008000;}
.ul-04-orange li:after {border-bottom: solid 3px #ff8c00; border-right: solid 3px #ff8c00;}
.ul-04-purple li:after {border-bottom: solid 3px #800080; border-right: solid 3px #800080;}
.ul-04-pink li:after   {border-bottom: solid 3px #ff1493; border-right: solid 3px #ff1493;}
.ul-04-black li:after  {border-bottom: solid 3px #000000; border-right: solid 3px #000000;}
.ul-04-glay li:after   {border-bottom: solid 3px #808080; border-right: solid 3px #808080;}


/*ulリスト05(レ点のみ)*/
.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 {
    margin: 0 auto;
    padding: 5px 0;
    background: none;
}
.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: 26px; /*must*/
    margin: 4px 0;
    padding: 0 0 0 26px;
}
.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 {
    position: absolute;
    top: 0;
    left: 7px;
    content: "";
    width: 8px;
    height: 16px;
    -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;
}


/*---------------------------------
●olリストタグ
-----------------------------------*/

/*olリスト01(円形白抜き)*/
.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 {
    margin: 0 auto;
    padding: 5px 0;
    background: none;
}
.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: 26px; /*must*/
    margin: 4px 0;
    padding: 0;
}
.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 {
    content: counter(li);
    counter-increment: li;
    position: relative;
    top: -2px;
    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%);
    color: #fff;
}


/*olリスト02(角丸白抜き)*/
.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 {
    margin: 0 auto;
    padding: 5px 0;
    background: none;
}
.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: 26px; /*must*/
    margin: 4px 0;
    padding: 0;
}
.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 {
    content: counter(li);
    counter-increment: li;
    position: relative;
    top: -2px;
    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%);
    color: #fff;
}


/*olリスト03(円形線のみ)*/
.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 {
    margin: 0 auto;
    padding: 5px 0;
    background: none;
}
.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: 26px; /*must*/
    margin: 4px 0;
    padding: 0;
}
.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 {
    content: counter(li);
    counter-increment: li;
    position: relative;
    top: -2px;
    border-radius: 50%;
}
.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リスト04(角丸線のみ)*/
.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 auto;
    padding: 5px 0;
    background: none;
}
.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: 26px; /*must*/
    margin: 4px 0;
    padding: 0;
}
.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 {
    content: counter(li);
    counter-increment: li;
    position: relative;
    top: -2px;
    border-radius: 6px;
}
.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;}


/*Smartphone表示調整*/
@media screen and (-webkit-min-device-pixel-ratio: 1.1) {

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

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

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

.ol-04-blue li:before,
.ol-04-navy li:before,
.ol-04-red li:before,
.ol-04-green li:before,
.ol-04-orange li:before,
.ol-04-purple li:before,
.ol-04-pink li:before,
.ol-04-black li:before,
.ol-04-glay li:before,
.ol-04-main li:before {padding: 2px 5px;}

}

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

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

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

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

.ol-04-blue li:before,
.ol-04-navy li:before,
.ol-04-red li:before,
.ol-04-green li:before,
.ol-04-orange li:before,
.ol-04-purple li:before,
.ol-04-pink li:before,
.ol-04-black li:before,
.ol-04-glay li:before,
.ol-04-main li:before {padding: 0px 5px;}

}


/*---------------------------------
●パーツ
-----------------------------------*/

/*パーツ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 {
    margin: 0 5px 10px 0;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    color: #fff;
}


/*パーツ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 {
    margin: 0 5px 10px 0;
    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%);
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    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 {
    margin: 0 0 5px 0;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%);
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    color: #fff;
}


/*パーツ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 {
    margin: 0 0 5px 0;
    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%);
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
    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 {
    margin: 0 0 5px 0;
    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 2px rgba(0,0,0,0.9);
    color: #fff;
}


/*---------------------------------
●h2スタイル02/パーツ01/パーツ03(IE9)
-----------------------------------*/
.h2-02-blue,
.parts-01-blue,.parts-03-blue {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000cd', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-navy,
.parts-01-navy,.parts-03-navy {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000080', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-red,
.parts-01-red,.parts-03-red {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-green,
.parts-01-green,.parts-03-green {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008000', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-orange,
.parts-01-orange,.parts-03-orange {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-purple,
.parts-01-purple,.parts-03-purple {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800080', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-pink,
.parts-01-pink,.parts-03-pink {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1493', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-black,
.parts-01-black,.parts-03-black {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}
.h2-02-glay,
.parts-01-glay,.parts-03-glay {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#ffffff/*forIE9*/',GradientType=0 );
}