/* * * * * * * * * * * * * * * * * * * *
 * angel custom.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
color : #f9cc79;
background-color : #240404;
}



/* ■■■■ リンク周り ■■■■ */
a:link{color : #fbf8e6;}
a:visited{color : #aaa68a;}



/* ■■■■ サイトのフォントカラー設定 ■■■■ */
/* 強調するとき用　赤 */
.st_1 {color : #ff0000;}

/* 強調するとき用　白 */
.st_2 {color : #ffffff;}

/* 強調するとき用　黒 */
.st_3 {color : #000000;}

/* 強調するとき用　薄い黄色 ★テスト変更（f1dc85）*/
.st_4 {color : #elbe02;}

/* 強調するとき用　★テスト変更（元・#fbabf4） */
.st_5 {color :#562103;}

/* 強調するとき用　茶色 */
.st_6 {color : #d1a545;}

/* 強調するとき用　薄いピンク */
.st_7 {color : #ffcccc;}

/* 強調するとき用　濃い茶色 */
.st_8 {color : #422836;}

/* 強調するとき用　暗い茶色 */
.st_9 {color : #240404;}

/* 強調するとき用　暗い小豆色 */
.st_10 {color : #a58987;}

/* 強調するとき用　薄いピンク */
.st_11 {color : #e88e8e;}

/* 強調するとき用　薄い緑 */
.st_12 {color : #88ee8b;}

/* 強調するとき用　からし色 */
.st_13 {color : #c3b325;}


.st_ot_1 {color : #0099cc;}
.st_ot_2 {color : #5d904e;}
.st_ot_3 {color : #94c483;}
.st_ot_4 {color : #8181ff;}
.st_ot_5 {color : #449640;}
.st_ot_6 {color : #a8a8e2;}
.st_ot_7 {color : #bc9abc;}
.st_ot_8 {color : #bcbcbc;}
.st_ot_9 {color : #c1cc8e;}
.st_ot_10 {color : #c3d6a5;}
.st_ot_11 {color : #c9c9c9;}
.st_ot_12 {color : #cc3366;}
.st_ot_13 {color : #cc6622;}
.st_ot_14 {color : #cca0a0;}
.st_ot_15 {color : #ccff99;}
.st_ot_16 {color : #d00f00;}
.st_ot_17 {color : #d5bfbd;}
.st_ot_18 {color : #ddddcc;}
.st_ot_19 {color : #e1daa8;}
.st_ot_20 {color : #eeeeee;}
.st_ot_21 {color : #f1bf99;}
.st_ot_22 {color : #f2f2f2;}
.st_ot_23 {color : #f5b2ac;}
.st_ot_24 {color : #f68888;}
.st_ot_25 {color : #ff6347;}
.st_ot_26 {color : #ff6666;}
.st_ot_27 {color : #ff9999;}
.st_ot_28 {color : #ffa500;}
.st_ot_29 {color : #ffd700;}
.st_ot_30 {color : #ffedb7;}
.st_ot_31 {color : #fff2af;}
.st_ot_32 {color : #fff2e5;}
.st_ot_33 {color : #fff4c3;}
.st_ot_34 {color : #ffff33;}
.st_ot_35 {color : #ffff99;}
.st_ot_36 {color : #ffffcc;}
.st_ot_37 {color : #cccccc;}
.st_ot_38 {color : #e1daa8;}
.st_gold {color : gold;}
.st_pink {color : pink;}


/* ■■■■ Inc用hr設定 ■■■■ */
.hr {
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #454d5a;
background : -webkit-gradient(linear, left top, left bottom, from(#454d5a), to(#454d5a));
font-size : 0;
line-height : 0;
width : 100%;
height : 1px;
margin : 10px auto;
}



/* ■■■■ マーキー設定 ■■■■ */
#marquee {
border : none;
background-color : #000d42;
color : #6a87ff;
width : 100%;
overflow : hidden;
overflow : -webkit-marquee;
display : -wap-marquee;
-wap-marquee-loop : infinite;
white-space : nowrap;
}



/* ■■■■ TOPに戻る ■■■■ */
#box_top {
border : solid 1px #8c3310;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffb501;
background : -webkit-gradient(linear, left top, left bottom, from(#d8be9a), to(#ba9866));

font-size : 100%;
line-height : 30px;
width : 95%;
height : 30px;
margin-left : 1px;
margin-right : 1px;
text-align : left;
text-shadow : -1px -1px 0 #969696;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 5px #000000;
}

#box_top a{
display : block;
width : auto;
text-decoration : none;
color : #572d00;
}



/* ■■■■ 登録する ■■■■ */
.box_reg {
border : solid 1px #8c3310;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #f30101;
background : -webkit-gradient(linear, left top, left bottom, from(#fff6dd), to(#f30101));

font-size : 150%;
line-height : 30px;
width : 60%;
height : 30px;
margin-left : auto;
margin-right : auto;
text-align : center;
text-shadow : -1px -1px 0 #969696;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 5px #000000;
}

.box_reg a{
display : block;
width : auto;
text-decoration : none;
color : #572d00;
}

/* ■■■■box 天使の言葉 ■■■■ */
.box_angel {
background-color : #feffea;
color:#91733b;

}
.box_angel a{
color:#645e57;
}


/* ■■■■ 角丸ボックス　影つき ■■■■ */
.box_tokubetu {
padding : 5px;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 10px #000000;
border : solid 3px #f76700;
border-radius : 10px;
-webkit-border-radius : 10px;
}



/* ■■■■ 枠（白　角丸） ■■■■ */
.waku {
border : solid 1px #ffffff; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffffff; /*背景色*/
background : -webkit-gradient(linear, left top, left bottom,);
width : 90%; /*横幅*/
height : auto; /*高さ　自動*/
margin-left : auto;
margin-right : auto;
padding : 10px 10px 10px 10px; /*枠と文字の隙間　上右下左*/
box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
-webkit-box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
}

663D3D

/* ■■■■ 枠（背景色） ■■■■ */
.waku_2 {
border : solid 1px #774E4E; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #351515; /*背景色*/
background : -webkit-gradient(linear, left top, left bottom,);
width : 80%; /*横幅*/
height : auto; /*高さ　自動*/
margin-left : auto;
margin-right : auto;
padding : 10px 10px 10px 10px; /*枠と文字の隙間　上右下左*/
}


/* ■■■■ 枠（タイトルに背景有り） ■■■■ */

.waku_03 {
margin : auto;
margin-right : 5px;
margin-left : 5px;
max-width : auto;
height: auto;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0e1b1), color-stop(0.00, #d0ab2c));
background: -webkit-linear-gradient(#d0ab2c, #f0e1b1);
background: -moz-linear-gradient(#d0ab2c, #f0e1b1);
background: -o-linear-gradient(#d0ab2c, #f0e1b1);
background: -ms-linear-gradient(#d0ab2c, #f0e1b1);
background: linear-gradient(#d0ab2c, #f0e1b1);
color : #ffffff;
padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
box-shadow : 0 0 2px #000000;
-webkit-box-shadow : 0 0 2px #000000;
}

.waku_03 .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #240404;
color : #ffffff;
margin : 0 auto;
margin-top : 2px;
padding : 10px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
box-shadow : 0 0 2px #240404;
-webkit-box-shadow : 0 0 2px #240404;
}




/* ■■■■ 枠（タイトルに背景有り） ■■■■ */

.waku_04 {
margin : auto;
margin-right : 5px;
margin-left : 5px;
max-width : auto;
height: auto;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0e1b1), color-stop(0.00, #d0ab2c));
background: -webkit-linear-gradient(#d0ab2c, #f0e1b1);
background: -moz-linear-gradient(#d0ab2c, #f0e1b1);
background: -o-linear-gradient(#d0ab2c, #f0e1b1);
background: -ms-linear-gradient(#d0ab2c, #f0e1b1);
background: linear-gradient(#d0ab2c, #f0e1b1);
color : #433c0a;
padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
box-shadow : 0 0 2px #000000;
-webkit-box-shadow : 0 0 2px #000000;
}

.waku_04 .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #322104;
color : #433c0a;
margin : 0 auto;
margin-top : 2px;
padding : 10px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
box-shadow : 0 0 2px #351515;
-webkit-box-shadow : 0 0 2px #351515;
}



/* ■■■■ 枠（点線） ■■■■ */

.waku_05 {
margin : 10px;
padding : 10px;
width : auto;
height : auto;
border-radius : 8px;
-webkit-border-radius : 8px;
border : dashed 1px #cccccc;
}











/* ■■■■ 汎用リスト01 ■■■■ */
.list_01 {
background-color : #322104; /*背景色*/
border-radius : 10px;
-webkit-border-radius : 10px;
border : solid 1px #6e4812; /*一番外の枠色*/
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

.list_01 li {
position : relative;
border-bottom : solid 1px #f39e3a; /*リスト内の区切り線の色*/
height : 30px;
overflow : hidden;
}
.list_01 li a{
color:#c99e27;
}

.list_01 li a:visited{color : #f6d988;}

.list_01 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.list_01 li:last-child {
border-bottom : none;
}

.list_01 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #f39e3a; /*右端　>　の色*/
border-right : solid 2px #f39e3a; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}



/* ■■■■ 汎用リスト02 背景とかの装飾設定なしバージョン ■■■■ */



.list_02_title {
/*背景色*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0e1b1), color-stop(0.00, #d0ab2c));
background: -webkit-linear-gradient(#d0ab2c, #f0e1b1);
background: -moz-linear-gradient(#d0ab2c, #f0e1b1);
background: -o-linear-gradient(#d0ab2c, #f0e1b1);
background: -ms-linear-gradient(#d0ab2c, #f0e1b1);
background: linear-gradient(#d0ab2c, #f0e1b1); 
color:#562103;
height : auto;
padding : 5px;
border-bottom : 1px solid #6c4812;
border-top : 1px solid #6c4812;
vertical-align : bottom;
}

.list_02 {
background-color : #322104; /*背景色*/
border-bottom : solid 1px #6c4812; /*一番外の枠色*/
width : 100%;
list-style : none;
border-top : 1px solid #6c4812;
border-bottom : 1px solid #6c4812;
}

.list_02 li {
position : relative;
border-bottom : solid 1px #f39c3a; /*リスト内の区切り線の色*/
height : auto;

}

.list_02 li a{color:#c99e27;
}
.list_02 li a:visited{color : #f6d988;}

.list_02 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.list_02 li:last-child {
border-bottom : none;
}

.list_02 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #f39e3a; /*右端　>　の色*/
border-right : solid 2px #f39e3a; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}



/* ■■■■ 汎用リスト03 画像 ■■■■ */

.list_03_title {
background-color : #240404; /*背景色*/
height : auto;
padding : 5px;
border-bottom : 1px solid #ced6e5;
border-top : 1px solid #ced6e5;
vertical-align : bottom;
}

.list_03 {
background-color : #351515; /*背景色*/
border-bottom : solid 1px #cccccc; /*一番外の枠色*/
width : 100%;
list-style : none;
}

.list_03 li {
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : 40px;
overflow : hidden;
}

.list_03 li img {
position : absolute;
top : 8px;
left : 4px;
}

.list_03 li a:not(.noListLink) {
/*border : solid 1px red;*/
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
padding-top : 5px;
padding-left : 30px;
text-decoration : none;
-webkit-box-sizing : border-box;
line-height : 17px;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
}

.list_03 li:last-child {
border-bottom : none;
text-overflow : ellipsis;
}

.list_03 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #f39e3a; /*右端　>　の色*/
border-right : solid 2px #f39e3a; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}





/* ■■■■ 汎用リスト04 ブロック型 ■■■■ */

.list_04_title {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.89, #f0e1b1), color-stop(0.00, #d0ab2c));
background: -webkit-linear-gradient(top, #d0ab2c 0%, #f0e1b1 89%);
background: -moz-linear-gradient(top, #d0ab2c 0%, #f0e1b1 89%);
background: -o-linear-gradient(top, #d0ab2c 0%, #f0e1b1 89%);
height : auto;
padding : 5px;
border-bottom : 1px solid #6e4812;
border-top : 1px solid #6e4812;
vertical-align : bottom;
}

.list_04 {
overflow : hidden;
}

.list_04 li{
background-color : #322104; /*背景色*/
float : left;
width : 50%;
}

.list_04 li a {
text-decoration : none;
color:#c99e27;
background-position : 5px 50%;
background-repeat : no-repeat;
border-color : #6e4812;
border-style : solid;
border-width : 0 1px 1px 0;
display : block;
height : 40px;
line-height : 40px;
padding-left : 10px;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
}

.list_04 li a:visited{color : #f6d988;}

.list_04 li:nth-child(even) a {
border-right : none;
}

.list_04_clear {
clear : both;
}



/* ■■■■ 汎用リスト05 天使の言葉内 ■■■■ */

.list_05_title {
background-color : /*背景色*/
#f9e7bb;
color:#91733b;
height : auto;
padding : 5px;
border-bottom : 1px solid #bdaf9c;
border-top : 1px solid #bdaf9c;
vertical-align : bottom;
}

.list_05 {
background-color : #fcfbfa; /*背景色*/
border-bottom : solid 1px #bdaf9a; /*一番外の枠色*/
width : 100%;
list-style : none;
}

.list_05 li {
position : relative;
border-top : 0px solid #bdaf9c;
border-bottom : solid 1px #f39e3a; /*リスト内の区切り線の色*/
height : auto;
}

.list_05 li a{color:#746455;}

.list_05 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.list_05 li:last-child {
border-bottom : none;
}

.list_05 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #f39e3a; /*右端　>　の色*/
border-right : solid 2px #f39e3a; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}






/* ■■■■ ボタン　会員登録■■■■ */
.button_01 {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 200px;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #77661E;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#F1DC85),color-stop(0.40,#F1DC85),color-stop(0.60,#D4BE60),color-stop(1,#D4BE60));
background-image : linear-gradient(-90deg,#F1DC85) 0%,#F1DC8540%,#D4BE60 60%,#D4BE60 100%);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

.button_01 a{
padding : 5px;
color : #562103;
text-decoration : none;
display : block;
}


/* ■■■■ ボタン　３つ並び■■■■ */

.button_02 {
margin-right : auto;
margin-left : auto;
margin : 5px;
padding : 2px;text-align : center;
}

.button_02 span:first-child{
padding : 5px;
border : solid 1px #6e4812;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0e1b1), color-stop(0.00, #d0ab2c));
background: -webkit-linear-gradient(#d0ab2c, #f0e1b1);
background: -moz-linear-gradient(#d0ab2c, #f0e1b1);
background: -o-linear-gradient(#d0ab2c, #f0e1b1);
background: -ms-linear-gradient(#d0ab2c, #f0e1b1);
background: linear-gradient(#d0ab2c, #f0e1b1); 
}

.button_02 span {
padding : 5px;
border : solid 1px #6e4812;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0e1b1), color-stop(0.00, #d0ab2c));
background: -webkit-linear-gradient(#d0ab2c, #f0e1b1);
background: -moz-linear-gradient(#d0ab2c, #f0e1b1);
background: -o-linear-gradient(#d0ab2c, #f0e1b1);
background: -ms-linear-gradient(#d0ab2c, #f0e1b1);
background: linear-gradient(#d0ab2c, #f0e1b1); 
}

.button_02 span:last-child {
padding : 5px;
border : solid 1px #6e4812;
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0e1b1), color-stop(0.00, #d0ab2c));
background: -webkit-linear-gradient(#d0ab2c, #f0e1b1);
background: -moz-linear-gradient(#d0ab2c, #f0e1b1);
background: -o-linear-gradient(#d0ab2c, #f0e1b1);
background: -ms-linear-gradient(#d0ab2c, #f0e1b1);
background: linear-gradient(#d0ab2c, #f0e1b1); 
}

.button_02 span a{
display: inline-block;
padding : 5px;
color : #562103;
font-size : 12px;
text-decoration : none;
}


/* ■■■■ ボタン　カード引き用■■■■ */
.button_03 {
margin-right : auto;
margin-left : auto;
margin-top : 10px;
margin-bottom : 10px;
height : 200px;
width : 120px;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #774C4C;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#351515),color-stop(0.40,#351515),color-stop(0.60,#240404),color-stop(1,#240404));
background-image : linear-gradient(-90deg,#351515) 0%,#351515 40%,#240404 60%,#240404 100%);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

.button_03 a{
padding : 5px;
color : #ffffff;
text-decoration : none;
display : block;
}



/* ■■■■ ボタン ■■■■ */
.button_04 {
margin-right : 50px;
margin-left : 50px;
margin-top : 10px;
margin-bottom : 10px;
width : auto;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #774C4C;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0e1b1), color-stop(0.00, #d0ab2c));
background: -webkit-linear-gradient(#d0ab2c, #f0e1b1);
background: -moz-linear-gradient(#d0ab2c, #f0e1b1);
background: -o-linear-gradient(#d0ab2c, #f0e1b1);
background: -ms-linear-gradient(#d0ab2c, #f0e1b1);
background: linear-gradient(#d0ab2c, #f0e1b1);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}
.button_04 a{
padding : 5px;
color : #ffffff;
text-decoration : none;
display : block;
}



/* ■■■■ボタン　右寄せ　■■■■ */
.button_05 {
margin-right : 0;
float : right;
width : auto;
height : auto;
text-align : right;
color : #774C4C;
border : solid 1px #cccccc;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0e1b1), color-stop(0.00, #d0ab2c));
background: -webkit-linear-gradient(#d0ab2c, #f0e1b1);
background: -moz-linear-gradient(#d0ab2c, #f0e1b1);
background: -o-linear-gradient(#d0ab2c, #f0e1b1);
background: -ms-linear-gradient(#d0ab2c, #f0e1b1);
background: linear-gradient(#d0ab2c, #f0e1b1);}

.button_05 a {
padding : 5px;
padding-left : 10px;
padding-right : 10px;
font-size : 10px;
color : #ffffff;
font-weight : bold;
text-decoration : none;
display : block;
}


/* ■■■■ ナビゲーション■■■■ */

.navi_02 {
text-decoration : none;
margin-left : 5px;
margin-bottom : 5px;
margin-left : auto;
margin-right : auto;
padding-right : 5px;
min-width : 300px;
max-width : 400px;
}

.navi_02 ul {
margin-left : 5px;
}

.navi_02 ul li {
border : solid 1px #774C4C;
border-right : none;
float : left;
list-style : none;
width : 32.8%;
text-align : center;
background-image : -webkit-gradient(linear,left top,left bottom, from(#240404), to(#240404));
-webkit-box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}

.navi_02 ul li:first-child{
border-top-left-radius : 8px;
border-bottom-left-radius : 8px;
}

.navi_02 ul li:last-child{
border : solid 1px #774C4C;
border-top-right-radius : 8px;
border-bottom-right-radius : 8px;
}

.navi_02 ul li a{
text-decoration : none;
padding : 10px 5px 8px 5px;
display : block;
color : #ffffff;
text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #cccccc;
text-decoration : none;
}

/* ■■■■ ナビゲーション　３つ■■■■ */

.navi_03 {
margin-left : 5px;
margin-bottom : 5px;
margin-left : auto;
margin-right : auto;
padding-right : 5px;
min-width : 300px;
max-width : 400px;
}

.navi_03 ul {
margin-left : 5px;
}

.navi_03 ul li {
border : solid 1px #6e4812;
border-right : none;
float : left;
list-style : none;
width : 32.8%;
text-align : center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0e1b1), color-stop(0.00, #d0ab2c));
background: -webkit-linear-gradient(#d0ab2c, #f0e1b1);
background: -moz-linear-gradient(#d0ab2c, #f0e1b1);
background: -o-linear-gradient(#d0ab2c, #f0e1b1);
background: -ms-linear-gradient(#d0ab2c, #f0e1b1);
background: linear-gradient(#d0ab2c, #f0e1b1);
box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}

.navi_03 ul li:first-child{
border-top-left-radius : 8px;
border-bottom-left-radius : 8px;
}

.navi_03 ul li:last-child{
border : solid 1px #6e4812;
border-top-right-radius : 8px;
border-bottom-right-radius : 8px;
}

.navi_03 ul li a{
padding : 10px 5px 8px 5px;
display : block;
color : #ffffff;
text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #ffaa65;
text-decoration : none;
}



/* ■■■■ 文字装飾　ネオン1■■■■ */
.text_05 {
color : #ffffff;
text-shadow :
0 0 2px #ffffff,
0 0 4px #ffffff,
0 0 6px #ffffff,
0 0 8px #f3ca67,
0 0 14px #f3ca67,
0 0 16px #f3ca67,
0 0 20px #f3ca67,
0 0 30px #f3ca67;
}



/* ■■■■ 文字装飾　影付■■■■ */

.text_01 {
font-weight : bold;
text-shadow :2px 2px 5px #ffffff;
}


/* ■■■■ 文字よせる■■■■ */

.p {
padding : 10px;
}

.emg {
    border-radius: 4px;      
    background: rgb(242, 120, 120);   
    border: 1px solid rgb(226, 15, 15);   
    margin: 8px;   
    padding: 4px;
    font-size: 12px;
}

.emg a{
    color:#fff;
    text-decoration:none;
    display:block;
    width:100%;
}

/*201602 F random style*/
.f-btn {
    width: 60%;
    height: 45px;
    background: #F78424;
    border-radius: 6px;
    margin: 0 auto 15px;
    text-align: center;
}

.f-btn a {
    display: block;
    text-decoration: none;
    font-size: 23px;
    padding: 10px 0 0 0;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}

.f-copy {
    color: #FFF;
    font-size: 21px;
    line-height: 38px;
    font-weight: bold;
    text-shadow: 3px 3px 9px #F9CC79;
}