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

/* ■■■■ body設定 ■■■■ */
body {
color : #d2aa00;
background-color : #333333;
font-size : 120%;
}

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

/* ■■■■ サイトのフォントカラー設定 ■■■■ */
/* キャプション用 */
.caption {
  color: #FFFFFF;
  font-size: 12px;
}

/* 相手選択 */
.select-caption {
  display: table-cell;
  padding-left: 15px;
  border-left: 2px solid #5a5f82;
  height: 24px;
  vertical-align: middle;
  color: #FFFFFF;
  font-size : 14px;
}

/* 強調するとき用01 */白
.st_1 {color : #FFFFFF;}

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

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

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

/* 強調するとき用05 */
.st_5 {color : #333333;}

/* 強調するとき用06 */
.st_6 {color : #F5F5F5;}

/* キャプション */
.st_7 {color : #D3D3D3;}

/* キャプション(小) */
.st_8 {
  color : #D3D3D3;
  font-size : 14px;
}

/* キャプション(小_枠内用) */
.st_9 {
  color : #595959;
  font-size : 13px;
}

/* ■■■■ Inc用hr設定 ■■■■ */
.hr {
-webkit-border-radius : 8px;
background-color : #CC9900;
background : -webkit-gradient(linear, left top, left bottom, from(#CC9900), to(#ffccaa));

font-size : 0;
line-height : 0;
width : 95%;
height : 4px;
margin : 10px auto;
}

/* ■■■■ マーキー設定 ■■■■ */
#marquee {
border : none;
background-color : #333333;
color : #d2aa00;
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 : #9cc900;
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 rgba(150, 150, 150, 0.3);

-webkit-box-shadow : 0px 0px 5px #000000;
-moz-box-shadow : 0px 0px 5px #000000;
box-shadow : 0px 0px 10px #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 : #9cc900;
background : -webkit-gradient(linear, left top, left bottom, from(#d8be9a), to(#ba9866));

font-size : 100%;
line-height : 30px;
width : 60%;
height : 30px;
margin-left : auto;
margin-right : auto;
text-align : center;
text-shadow : -1px -1px 0 rgba(150, 150, 150, 0.3);

-webkit-box-shadow : 0px 0px 5px #000000;
-moz-box-shadow : 0px 0px 5px #000000;
box-shadow : 0px 0px 10px #000000;
}

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

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

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

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

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

.list_01 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
color : #F7C572; /*リスト内の文字色*/
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%;
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);
}

/* ===== customed_textsize ===== */
.big  {font-size : 140%;}
.mid  {font-size : 120%;}
.sml  {font-size : 100%;}
.x-sml  {font-size : 80%;}

/* ===== customed_textcolor ===== */
.col_000000  {color : #000000;}
.col_FFFFFF  {color : #FFFFFF;}
.col_FFFF99  {color : #FFFF99;}
.col_24FFFF  {color : #24FFFF;}
.col_66CCCC  {color : #66CCCC;}
.col_FF0000  {color : #FF0000;}
.col_D3D3D3  {color : #D3D3D3;}
.col_CCCCFF  {color : #CCCCFF;}
.col_FFCC66  {color : #FFCC66;}
.col_9CCCCC  {color : #9CCCCC;}
.col_9DCC79  {color : #9DCC79;}
.col_CCFFFF  {color : #CCFFFF;}
.col_FF3300  {color : #FF3300;}
.col_C1E8BB  {color : #C1E8BB;}
.col_D2AA00  {color : #D2AA00;}
.col_F3CCCC  {color : #F3CCCC;}
.col_FF3333  {color : #FF3333;}
.col_D2AA00  {color : #D2AA00;}
.col_9D9C79  {color : #9D9C79;}
.col_EAB942  {color : #EAB942;}
.col_555555  {color : #555555;}
.col_FFC33A  {color : #FFC33A;}

/* ===== customed_textcolor2 ===== */
.col_stg  {color : #FFFFFF;}
.col_mid  {color : #CCCCFF;}
.col_wek  {color : #9D9C79;}

/* ■■■■ body設定 ■■■■ */
.bg2 {
color : #d2aa00;
background-color : #484724;
}

/* ===== customed_list ===== */
.list_01 {
background-color : #C6E4F7; /*枠内の背景色*/
border-radius : 10px;
border : solid 1px #6699FF; /*一番外の枠色*/
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

.list_01 li {
position : relative;
border-bottom : solid 1px #6699FF; /*リスト内の区切り線の色*/
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);
}


/*■ナビゲーションバー■*/
#globalnavi{
 margin: 0;
 padding: 0;
 font-size : 100%;
}
#globalnavi ul{
 list-style-type: none;
 margin: 0;
 padding: 0;

}
#globalnavi li{
 float: left; 
 margin: 0;
 padding: 0;
 width: 33%;

}
#globalnavi a{
 text-align: center;
 display:block;
 padding: 5px 0;
 background-color: black;
 color: #ffffff;
 background: -moz-linear-gradient(top, #C6E4F7, #FDFDFD 29%, #FDFDFD 70%, #FDFDFD);
  background: -webkit-gradient(linear, center top, center bottom, from(#FDFEFF), color-stop(0.29, #391F13),color-stop(0.7, #391F13), to(#391F13));
border: 0.1em #FCFDFE solid; 
color: #F7C572; 
-webkit-appearance: none; 
-webkit-box-shadow: 0 2px 2px #518CC2; 
text-shadow: 0 1px #977514; 
}







/* ■■■■　会員登録　■■■■ */
.reg {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 100px;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #d66f1a;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff943d),color-stop(0.40,#ff943d),color-stop(0.60,#F27911),color-stop(1,#F27911));
background-image : linear-gradient(-90deg,#ff943d) 0%,#ff943d 40%,#F27911 60%,#F27911 100%);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

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

/* ■■■■　会員削除　■■■■ */
.unreg {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 100px;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #2369d9;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#3d84ff),color-stop(0.40,#3d84ff),color-stop(0.60,#2773f5),color-stop(1,#2773f5));
background-image : linear-gradient(-90deg,#3d84ff) 0%,#3d84ff 40%,#2773f5 60%,#2773f5 100%);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

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



/* ■■■■　ログイン　■■■■ */
.login {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 100px;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #61ad23;
border-radius : 8px;
-webkit-border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#78d42d),color-stop(0.40,#78d42d),color-stop(0.60,#69ba27),color-stop(1,#69ba27));
background-image : linear-gradient(-90deg,#78d42d) 0%,#78d42d 40%,#69ba27 60%,#69ba27 100%);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

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

/* ■■■■　スペーサー　■■■■ */
.li_space {
margin-right : auto;
margin-left : auto;
width : 10px;
display : block;
}



/* ■■■■　リストでブロック要素を横並び　■■■■ */
.li_yoko {
margin-right : auto;
margin-left : auto;
text-align : center;
width : 215px;
}

.li_yoko ul {
margin-right : 0 auto;
margin-left : 0 auto;
}

.li_yoko li {
margin-right : 0 auto;
margin-left : 0 auto;
float : left;
list-style : none;
}

/* ■■■■ コンテンツ（タイトル有） ■■■■ */
.ftop_box {
margin : 8px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 1000px;
height: auto;
background-color : #0b0b0b;
color : #f2f2f2;
padding : 2px;
padding-top : 5px;
text-align : center;
border : solid 1px #000000;
border-radius : 6px;
box-shadow : 0 0 2px #333333;
-webkit-box-shadow : 0 0 2px #333333;
}
.ftop_box .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #fff6c7;
color : #b47551;
margin : 0 auto;
margin-top : 2px;
padding : 10px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
box-shadow : 0 0 2px #333333;
-webkit-box-shadow : 0 0 2px #333333;
}

/* ■■■■ リスト（横幅100%） ■■■■ */
.ftop_list01 {
border-bottom : solid 1px #654423; /*一番外の枠色*/
width : 100%;
margin-top : 5px;
list-style : none;
margin-bottom : 15px;
}

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

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

.ftop_list01 li:first-child {
border-top : solid 1px #654423;
}

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

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

.ftop_list01 li a .ftop_date{
font-size : 12px;
color : #336699;
}
.ftop_list01 li a .ftop_cn{
font-size : 12px;
color : #a30000;
}
.ftop_list01 li a .ftop_menu{
font-size : 16px;
color : #654423;
}

/* ■■■■ フッター共通 ■■■■ */
.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 : 12px;
text-decoration : none;
padding : 5px;
}

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


/* ■■■■ 文字装飾　ぼんやり ■■■■ */
.text_01 {
font-weight : bold;
text-shadow :2px 2px 5px #555555;
}


/* ===== タブ切り替え用 ===== */

#tab_js {
margin-left : auto;
margin-right : auto;
font-size : 15px
width : 100%;
text-align:center;
background-color : #fff4e1; /*セレクト色*/
}

#tab_js ul#tab {
margin : 0;
padding : 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#a35f5f), color-stop(50%,#a52f2f), color-stop(0%,#a80000));/* webkit */
float : left;
width : 100%;
}

#tab_js ul#tab li {
font-size : 120%;
margin : 5px 5px 5px 5px;
padding : 10px 0 10px 0;
text-align : center;
border-bottom : none;
float : left;
width : 45%;
list-style : none;
-webkit-border-top-left-radius : 3px;
-webkit-border-top-right-radius : 3px;
}

#tab_js ul#tab li a {
display : block;
text-decoration : none;
color : #FFEBC3;
}

#tab_js ul#tab li.selected { /*選択されているタブ*/
background : -webkit-gradient(linear, left top, left bottom, from(#FFD382), to(#FFEBC3)); /*背景グラデーション*/
}

#tab_js ul#tab li.selected a {
color : #aa0000;
}

/* ■■■■ マーケボックス ■■■■ */
#mark_box{
border : 1px solid #999999;
border-radius : 4px;
background: -moz-linear-gradient(top,#ebebeb 0%,#ffffff 50%,#ebebeb);
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb),color-stop(0.50, #ffffff),to(#ebebeb));
width:95%;
height:auto;
margin:0 auto;
padding:5px;
display: -webkit-box;
display: -moz-box;
display: -o-box;
display: box;
}
#box1 {
width:80px;
margin-right:10px;
}
#box2 {
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari and Chrome */
box-flex:1.0;
}

/* ===== clearfix ===== */
/* For modern browsers */
.clearfix:before, .clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}

.kobetsu_year { 
font-weight : bold;
color : #FFC33A;
}

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

.emg {
	border-radius: 4px;
    background: rgb(78, 88, 29);
    border: 1px solid rgb(71, 50, 5);
    margin: 8px;
    padding: 4px;
    font-size: 14px;
}

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

/* ■■■■ 新メニューリスト20171016 ■■■■ */

.menu_list {
border-bottom : none; /*一番外の枠色*/
width : 90%;
margin-top : 5px;
margin-right: auto;
margin-left: auto;  
list-style : none;
margin-bottom : none;
}

.menu_list li {
position : relative;
border-bottom : solid 1px #F2F2F2; /*リスト内の区切り線の色*/
background-color: #FFFFFF;
color: #000000;
font-size: 16px;
margin-top: 6px;
font-weight: bold;    
box-shadow: 0px 0px 10px;  
height : auto;
}

.menu_list li .void {
position : relative;
border-bottom : solid 1px #999999; /*リスト内の区切り線の色*/
background-color: #999999;
color: #000000;
font-size: 16px;
margin-top: 6px;
font-weight: bold;    
box-shadow: 0px 0px 10px;  
height : auto;
padding: 10px;  
}

.menu_list li .sample {
position : relative;
border-bottom : solid 1px #F2F2F2; /*リスト内の区切り線の色*/
background-color: #FFFFFF;
color: #000000;
font-size: 16px;
margin-top: 6px;
font-weight: bold;    
box-shadow: 0px 0px 10px;  
height : auto;
padding: 10px;  
}

.menu_list li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
color: #000000;
background-color: #FFFFFF;
font-size: 16px;
margin-top: 6px;
font-weight: bold;  
text-decoration : none;
box-shadow: 0px 0px 10px;  
-webkit-box-sizing : border-box;
}

.menu_list li:first-child {

}

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

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

.menu_list li a .ftop_date{
font-size : 12px;
color : #336699;
}
.menu_list li a .ftop_cn{
font-size : 12px;
color : #a30000;
}
.menu_list li a .ftop_menu{
font-size : 12px;
color : #654423;
}

/* ■■■■ 追加20171017 ■■■■ */
/* 見出し */
.text_midashi {
color: #CCCCFF;
font-size: 16px;  
font-weight: bold;  
}

/* mメニュータイトル */
.menu_title {
color: #CCCCFF;
font-weight: bold;  
}

/* hr */
hr.style-two {
    border: 0;
    height: 3px;
    background-color: #FFFFFF;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

.corner_button02 {
text-decoration : none;
margin-right : auto;
margin-left : auto;
margin-top : 10px;
margin-bottom : 2px;
height : auto;
width : 70%;
text-align : center;
border : solid 1px #b26e0c;
border-radius : 8px;
-webkit-border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom, from(#F9BB00), to(#6B5100));
-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;
}
a.corner_button02 {
color : #ffffff;
font-size : 16px;
display : block;
padding : 10px;
}
a.corner_button02 img {
position: relative;
top: 5px;
}

.menu_title {
  font-size: 18px;  
  color: #CCCCFF;
}
.content-head {
  padding: 12px 12px 6px 12px;
  border-bottom: 1px solid #5a5f82;
  margin-bottom: 8px;
}

/* ■■■■ 追加20191322 ■■■■ */
.list-group {
    margin-bottom: 0;
}

.list-group, .media-list {
    padding-left: 0;
}
.fc.ui-calendar .fc-toolbar, .row {
    margin-left: -9pt;
    margin-right: -9pt;
}  
  
.list-group .list-group-item, .list-group>a, .list-group>div {
    display: block;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    border-color: rgba(0,0,0,.2);
    padding: 8px 9pt;
    background: #FFF;
}  
  
.list-group .list-group-item .caption:after, .list-group>a .caption:after, .list-group>div .caption:after {
    content: attr(data-length-msg);
    background: #FFF;
    line-height: 1;
    position: absolute;
    bottom: 0;
    right: 0;
}  

.list-group .tip {
    display: inline-block;
    color: #FFF;
    border: 1px solid;
    font-size: 9px;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 2px;
}

.list-group .tip, .list-group .tip.tip-primary {
    background: #29a9b7;
}
.list-group .sprite-icon, .list-group .tip {
    margin-top: 4px;
  margin-right: 4px;
    margin-bottom: 2px;
    float: right;
}