/* * * * * * * * * * * * * * * * * * * *
 * hama custom.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
color : #ffcc00;
background-color : /*#4d3744*/
  /*#611414;*/
  #370707;
max-width:380px;
margin:0 auto;
}



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



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

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

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

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

/* 強調するとき用　オレンジ */
.st_5 {color : #FF6633;}

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

/* 強調するとき用　明るい灰色 */
.st_7 {color : #e6ddd4;}

/* 強調するとき用　黄色 */
.st_8 {color : #ffcc00;}

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

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

/* 強調するとき用　暗い赤茶色 */
.st_11 {color : #8B0000;}

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

/* 強調するとき用　オレンジ */
.st_13 {color : #ff8c00;}

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

/* 強調するとき用　薄い青紫 */
.st_14 {color : #ccccff;}

/* 強調するとき用　暗めの黄色 */
.st_15 {color : #cccc00;}

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

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

/* 強調するとき用　ベージュ */
.st_18 {color : #d2b48c;}

/* 強調するとき用　オレンジ */
.st_19 {color : #e96615;}

/* 強調するとき用　青 */
.st_20 {color : #7a4dce;}

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

/* 強調するとき用　暗いベージュ */
.st_22 {color : #a89f7a;}

/* 強調するとき用　暗いベージュ */
.st_23 {color : #a30000;}


.st_ot_1 {color : #000080;}
.st_ot_2 {color : #8b0000;}
.st_ot_3 {color : #800000;}
.st_ot_4 {color : #c0c0c0;}
.st_ot_5 {color : #c9c9c9;}
.st_ot_6 {color : #c71585;}
.st_ot_7 {color : #cc0000;}
.st_ot_8 {color : #cc3333;}
.st_ot_9 {color : #ee4444;}
.st_ot_10 {color : #f5f5dc;}
.st_ot_11 {color : #f8e58c;}
.st_ot_12 {color : #f162d6;}
.st_ot_13 {color : #ff69b4;}
.st_ot_14 {color : #ff99ff;}
.st_ot_15 {color : #ff3333;}
.st_ot_16 {color : #ff6633;}
.st_ot_17 {color : #ff6666;}
.st_ot_18 {color : #ff9999;}
.st_ot_19 {color : #ffbfdc;}
.st_ot_20 {color : #ffcc66;}
.st_ot_21 {color : #ffcccc;}
.st_ot_22 {color : #ffe6ff;}
.st_ot_23 {color : #ffff00;}
.st_ot_24 {color : #ffff88;}
.st_red {color : red;}

/* ■■■■ サイトのテキスト装飾設定 ■■■■ */

.text_01 {
text-shadow: 2px 2px 8px #615E58; /* 濃い灰色 */
text-decoration : none;
font-weight: bold;
}

.text_05 {
color : #FF6633;/* 青 */
text-shadow :
0 0 2px #ffffff,
0 0 3px #ffffff,
0 0 3px #ffffff,
0 0 10px #ffffff,
0 0 10px #ffffff,
0 0 5px #ffffff,
0 0 10px #ffffff,
0 0 10px #ffffff;
}

/* ■■■■ 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;
}

/* ■■■■ clearfix ■■■■ */
.clearfix:before,
.clearfix:after {
content:"";
display:block;
overflow:hidden;
}
.clearfix:after {
clear:both;
}


/* ■■■■ マーキー設定 ■■■■ */
#marquee {
border : none;
background-color : #4d3744;
color : #ffffff;
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 #cccccc; /*リスト内の区切り線の色*/
height : auto;
}

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


/* ■■■■ 枠（背景　肌色） ■■■■ */
.waku_hada {
background-color : #ffefd4;
}


/* ■■■■ 枠（背景　薄い紫） ■■■■ */
.waku_usumura {
background-color : #e6ddd4;
color : #663300;
}

/* ■■■■ 枠(タイトルあり) ■■■■ */

.waku_corner {
height: auto;
background-image : -webkit-gradient(linear,0 0,0 25,from(#d8d0c8),to(#e6ddd4));
color : #000000;
text-align : center;
box-shadow : 0 0 6px #000000;
-webkit-box-shadow : 0 0 15px #000000;
}

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


.waku_03 {
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 400px;
height: auto;
background-image : -webkit-gradient(linear,0 0,0 25,from(#da9527),to(#ee7523));
background-image : linear-gradient(-90deg,#da9527) 0%,#da9527 20%,#ee7523 100%);
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_04 {
margin : 5px 70%;
margin-right : 5px;
margin-left : 5px;
max-width : 400px;
height: auto;
background-color : #d65c33;
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_04 .main {
text-align : center;
width : auto;
height: auto;
border : none;
background-color : #ffffff;
color : #000000;
margin : 0 auto;
margin-top : 2px;
padding : 10px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
box-shadow : 0 0 2px #ffffff;
-webkit-box-shadow : 0 0 2px #ffffff;
}

/* ■■■■ 新・会員登録ボタン ■■■■ */
* 一行テキスト用 */

.new_reg_s {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 10px;
height : auto;
width : 200px;
height : auto;
text-align : center;
border : solid 1px #d66f1a;
border-radius : 8px;
-webkit-border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom, from(#ff943d), to(#f27911));
-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;
}

.new_reg_s a {
padding : 5px 5px 8px 5px;
font-size : 22px;
font-weight : bold;
letter-spacing : 2px;
color : #eeeeee;
text-decoration : none;
display : block;
text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #ffaa65;
}

.new_reg_s span{
padding : 5px 5px 5px 5px;
line-height : 14px;
font-size : 15px;
font-weight : bold;
letter-spacing : 1px;
text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #ffaa65;
}

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

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

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

/* ■■■■ 告知用INC装飾 ■■■■ */

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

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

.info a {
    text-decoration: none;
    display: block;
    background-color: #863131;
    padding: 8px;
    text-align: center;
    border: solid 1px #BDA235;
    width: 80%;
    margin: 0 auto;
    border-radius: 4px;
    margin-top: 5px;
    font-size : 14px;
}

/* ■■■■ 新cocoloni ■■■■ */
.cocoloni-banner { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; background-color: #000; background-image: url(/image/cocoloni-banner.sp.480.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: 64px 10px; background-size: 64px 10px; height: 24px; }

/* ■■■■ 結果テキスト ■■■■ */
p.result-text {
    line-height: 1.6;
    text-align: justify; 
}