/* * * * * * * * * * * * * * * * * * * *
 * bukuro custom.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
color : #3f312b;
background-color : #ffffcc;
background-image : url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fbukuro.pga.jp%2Fi.cgi%3Fn%3Dback%26decrypt%3D1");
}

/* ■■■■ 文字を太くしたい ■■■■ */
.b {
font-weight : bold;
}

/* ■■■■ blink的な ■■■■ */
.bl_1 {
text-decoration : blink;
}


/* ■■■■ リンク周り ■■■■ */
a:link{color : #773c30;}
a:visited{color : #a86965;}


/* ■■■■ ftop用 ■■■■ */
#ftop {
background-color : #660000;
color : #f5deb3;
background-image : url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fbukuro.pga.jp%2Fi.cgi%3Fn%3Dback_2%26decrypt%3D1");
}

#ftop a:visited{color : #cccc8e;}
#ftop a:link{color : #CCCC33;}
#ftop a img{border-style : none;}


/* ■■■■ 文字を太くしたい ■■■■ */
.b {
font-weight : bold;
}


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

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

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

/* 強調するとき用　ワインレッド */
.st_4 {color : #990000;}

/* 強調するとき用　肌色 */
.st_5 {color : #efa88a;}

/* 強調するとき用　黄土色 */
.st_6 {color : #997200;}

/* 強調するとき用　濃い緑 */
.st_7 {color : #336633;}

/* 強調するとき用　薄い肌色 */
.st_8 {color : #f5deb3;}

/* 強調するとき用　朱色 */
.st_9 {color : #ff4500;}

/* 強調するとき用　明るい黄緑 */
.st_10 {color : #CCCC33;}

/* 強調するとき用　暗い紫 */
.st_11 {color : #302833;}

/* 強調するとき用　明るい肌色 */
.st_12 {color : #ffefd4;}

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

/* 強調するとき用　暗い紺色 */
.st_14 {color : #393e4f;}

/* 強調するとき用　薄い肌色 */
.st_15 {color : #ffffcc;}

/* 強調するとき用　暗い赤 */
.st_16 {color : #b7282e;}

/* 強調するとき用　暗い肌色 */
.st_17 {color : #cccc8e;}

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

/* 強調するとき用　暗いピンク */
.st_19 {color : #a86965;}

/* 強調するとき用　暗い灰色 */
.st_20 {color : #3f312b;}

/* 強調するとき用 */
.st_21 {color : #cccc99;}

/* 強調するとき用*/
.st_22 {color : #683f36;}

/* 強調するとき用*/
.st_23 {color : #800080;}

/* 強調するとき用*/
.st_24 {color : #eeeeee;}

/* ■■■■ 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 : #302833;
color : #302833;
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_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; /*枠全体の影*/
}



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

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

.list_01 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
color : #000000; /*リスト内の文字色*/
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 #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}



/* ■■■■ 汎用リスト02 背景とかの装飾設定なしバージョン ■■■■ */
.list_02 {
border-bottom : solid 1px #cccccc; /*一番外の枠色*/
width : 100%;
list-style : none;
}

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

.list_02 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
color : #ffffff !important;
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 #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

/* ■■■■ 背景カラー ■■■■ */
.bgc_1{background-color : #efa88a;}

.bgc_2{background-color : #ffffff;}

.bgc_3{background-color : #990000;}

.bgc_4{background-color : #000000;}


/* ■■■■ マーキー ■■■■ */
.mq{display : -wap-marquee;}

/* ■■■■ 幅 ■■■■ */
.per100 {width : 100%;}

.per80 {width : 80%;}

.per50 {width : 50%;}

/* ■■■■ 線の太さ ■■■■ */
.border1 {border-width : 1px;}

/* ■■■■ テーブルデザイン ■■■■ */
td.tbl_01{
background-color : #f9f6ed;
vertical-align : top;
}



/* ■■■■ floatで並べたリストのセンタリング用タグ ■■■■ */
.centered {
  position : relative;
  overflow : hidden;
}

.centered ul {
  position: relative;
  left : 50%;
  float : left;
  list-style : none;
}

.centered ul li {
  position: relative;
  left : -50%;
  float : left;
}


/* ■■■■ 枠 金色 ■■■■ */
.corner_block {
margin : 10px auto;
margin-top : 0px;
width : 90%;
text-align : left;
height: auto;
background-color : ;
color : #ffffff;
padding : 10px;
padding-top : 15px;
border : solid 2px #f2d88b;
border-top : none;
box-shadow: 2px 2px 2px 0 #a88213;
-webkit-box-shadow: 2px 2px 2px 0 #a88213;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
}


/* ■■■■ 枠 銀色 ■■■■ */
.corner_block01 {
margin : 10px auto;
margin-top : 0px;
width : 90%;
text-align : left;
height: auto;
padding : 10px;
padding-top : 15px;
border : solid 2px #746a4d;
border-top : none;
box-shadow: 2px 2px 2px 0 #655a3a;
-webkit-box-shadow: 2px 2px 2px 0 #655a3a;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
}


/* ■■■■ リスト03 リスト02の枠付き ■■■■ */
.list_03 {
border : solid 1px #cccccc;
border-bottom : solid 1px #cccccc; /*一番外の枠色*/
width : 100%;
}

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

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

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

.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 #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}


/* ■■■■ リスト04 リスト01の角丸が弱い　■■■■ */
.list_04 {
border-radius : 3px;
-webkit-border-radius : 3px;
border : solid 1px #cccccc; /*一番外の枠色*/
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

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

.list_04 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
color : #ffffff !important; /*リスト内の文字色*/
text-decoration : none;
-webkit-box-sizing : border-box;
}

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

.list_04 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 #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}


/* ■■■■ リスト05 リスト01の角丸が弱い 黒文字　■■■■ */
.list_05 {
border-radius : 3px;
-webkit-border-radius : 3px;
border : solid 1px #cccccc; /*一番外の枠色*/
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

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

.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 #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}


/* ■■■■ リスト06 リスト01の角丸が弱い 黒文字　■■■■ */
.list_06 {
border-radius : 3px;
-webkit-border-radius : 3px;
border : solid 1px #cccccc; /*一番外の枠色*/
margin-left : auto;
margin-right : 0;
width : 75%;
list-style : none;
}

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

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

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

.list_06 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 #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}


/* ■■■■ 枠(タイトルあり) ■■■■ */
.waku_corner {
margin : 10px auto;
width : 95%;
/* max-width : 400px; */
height: auto;
background-color: ;
color : #ffffff;
border : solid 2px #f2d88b;
border-radius : 6px;
box-shadow: 0px 0px 5px #a88213;
-webkit-box-shadow : 0 0 5px #a88213;
}

.waku_corner .title {
background-color : #f2d88b;
padding : 2px;
padding-top : 10px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color : #660000;
font-weight : bold;
font-size : 120%;
text-align : center;
text-shadow : 1px 1px 2px #696969;
}

.waku_corner a{
color : #ffffff;
}

.waku_corner .main {
text-align : center;
width : auto;
height: auto;
border : none;
margin : 0 auto;
padding : 10px;
font-size : 120%;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
}

.waku_corner .main a{
color : #ffffff;
}


/* ■■■■ 枠(タイトルあり) ■■■■ */
.waku_corner01 {
margin : 10px auto;
width : 95%;
/* max-width : 400px; */
height: auto;
border : solid 2px #f2d88b;
border-radius : 6px;
box-shadow: 0px 0px 5px #a88213;
-webkit-box-shadow : 0 0 5px #a88213;
}

.waku_corner01 .title {
background-color : #f2d88b;
padding : 2px;
padding-top : 10px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color : #660000;
font-weight : bold;
font-size : 120%;
text-align : center;
text-shadow : 1px 1px 2px #696969;
}

.waku_corner01 a{
color : ;
}

.waku_corner01 .main {
text-align : center;
width : auto;
height: auto;
border : none;
margin : 0 auto;
padding : 10px;
font-size : 120%;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
}

.waku_corner01 .main a{
color : ;
}


/* ■■■■ フッター共通 ■■■■ */
.foot {
margin-top : 10px;
text-align : center;
line-height : 25px;
font-size : 18px;
color : #cccc33;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
display : block;
}

.foot a{
letter-spacing : 2px;
font-size : 10px;
text-decoration : none;
padding : 5px;
}

.inc {
color : #ffffff;
letter-spacing : 2px;
}

/*

/* ■■■■ ボタン 緑系 ■■■■ */
.button01 {
margin : 5px auto;
height : auto;
width : 70%;
height : auto;
padding : 10px 5px 8px 5px;
text-align : center;
font-size : 18px;
font-weight : bold;
border : solid 1px #7e5e58;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#fefdfc),color-stop(0.40,#e6c16b),color-stop(0.60,#c89848),color-stop(1,#ebd49d));
background-image : linear-gradient(-90deg,#fefdfc) 0%,#e6c16b 40%,#c89848 60%,#ebd49d 100%);
box-shadow : 1px 1px 2px 1px #421b37;
-webkit-box-shadow : 1px 1px 2px 1px #421b37;
}

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

.button01 a span{
color : #533e41;
text-decoration : none;
display : block;
}


/* ■■■■　ボタン02 spanでボタン　■■■■ */
.button02 {
margin-right : auto;
margin-left : auto;
margin : 10px;
padding : 10px 5px 8px 5px;
text-align : center;
}

.button02 span:first-child{
padding : 10px 5px 8px 5px;
border : solid 1px #dbe0d4;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#41433f),color-stop(0.50,#83867f),color-stop(1,#41433f));
background-image : linear-gradient(-90deg,#41433f) 0%,#83867f 50%,#41433f 100%);
box-shadow : 1px 1px 2px 1px #421b37;
-webkit-box-shadow : 1px 1px 2px 1px #421b37;
}

.button02 span {
padding : 10px 5px 8px 5px;
border : solid 1px #dbe0d4;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#41433f),color-stop(0.50,#83867f),color-stop(1,#41433f));
background-image : linear-gradient(-90deg,#41433f) 0%,#83867f 50%,#41433f 100%);
box-shadow : 1px 1px 2px 1px #421b37;
-webkit-box-shadow : 1px 1px 2px 1px #421b37;
}

.button02 span:last-child {
padding : 10px 5px 8px 5px;
border : solid 1px #dbe0d4;
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#41433f),color-stop(0.50,#83867f),color-stop(1,#41433f));
background-image : linear-gradient(-90deg,#41433f) 0%,#83867f 50%,#41433f 100%);
box-shadow : 1px 1px 2px 1px #421b37;
-webkit-box-shadow : 1px 1px 2px 1px #421b37;
}

.button02 span a{
display: inline-block;
padding : 10px 5px 8px 5px;
color : #ffffff;
font-size : 18px;
text-decoration : none;
text-shadow : -1px -1px 1px #032630;
}

/* ■■■■ 告知用INC装飾 ■■■■ */
.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%;
}