/*会員更新*/

#none_pc { }/*ＰＣ表示させない*/
#none_smart { display: none; overflow: hidden; }/*スマフォ表示させない*/


@media screen and (min-width: 680px){   
.pc { display:block; }
.sp { display:none; }
}
@media screen and (max-width: 680px){   
.pc { display:none; }
.sp { display:block; }
}


/* ページトップへ戻るボタン */
#pagetop { position:fixed; bottom:0px; right:0px; padding:0; z-index: 900;}
#pagetop img { width: 150px; z-index: 900;}


html,body,table,th,td,div {
font-size: 1em;
line-height: 150px;
font-family: tbudrgothic-std, sans-serif;
font-weight: 400;
font-style: normal;
}

input,select {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1em;
}


/* -- 自動改行-- */
.wsnw { white-space:nowrap; margin:0;font-weight: normal;}/*改行*/

/* -- 改行先頭空白-- */
.indent-1 { padding-left:1em; text-indent:-1em; margin: 5px 0px 5px 0px;/*上・右・下・左*/}
.indent-2 { padding-left:2em; text-indent:-2em; line-height: 150%; margin: 5px 0px 5px 0px;/*上・右・下・左*/}
.indent-4 { padding-left:4em; text-indent:-4em; margin: 0px 0px 0px 0px;/*上・右・下・左*/}
.indent-fee { font-size: 110%; color: #285b99; font-weight: 900; white-space:nowrap; margin: 10px 0px 0px 0px;/*上・右・下・左*/}/*ツアー金額*/
.indent-radio { padding-left:1em; text-indent:-1em; color: #666666; font-size: 85%; line-height: 110%; margin: 5px 0px 5px 30px;/*上・右・下・左*/}




font.font_red { color: #BD0E11; }/* -- レッド・文字 -- */


/* 2022・タイトル */
#Main_Top_Title_1 {
font-family: rift-soft, sans-serif;
font-style: normal;
font-weight: 600;
color: #003366;/*文字色*/
font-size: 2em;
line-height: 100%;
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 10px auto;/*上・右・下・左*/
}
#Main_Top_Title_2 {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #003366;/*文字色*/
font-size: 5em;
line-height: 100%;
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
font-feature-settings: "palt";/* 文字詰め */
}
#Main_Top_Title_3 {
color: #003366;/*文字色*/
font-size: 2em;
line-height: 100%;
text-align: center;
font-feature-settings: "palt";/*文字詰める*/
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 20px auto 0px auto;/*上・右・下・左*/
}

/* -- ベース -- */
#Background_maine_White {
text-align: center;
width: 100%;
padding: 50px 0px 50px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
background-color: #FFFFFF;/*背景色*/
}
#Background_maine_Yellow {
text-align: center;
width: 100%;
padding: 50px 0px 50px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
background-color:#fdd448;/*背景色*/
}
#Background_maine_Gray {
text-align: center;
width: 100%;
padding: 50px 0px 50px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
background-color: #EFEFEF;/*背景色*/
}
#Grid_maine {
max-width: 1000px;
padding: 0px 10px 0px 10px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#Grid_maine_left {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 300;
color: #666666;
line-height: 150%;
max-width: 1000px;
text-align: left;
padding: 0px 10px 0px 10px;/*上・右・下・左*/
margin: 50px auto 20px auto;/*上・右・下・左*/
}
#Grid_end {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 300;
max-width: 100%;
color: #666666;
font-size: 1em;
line-height: 150%;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}







/* 2021・支払方法一覧枠- */
#Background_Grid_Top_Banner {
max-width: 1000px;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin: 10px auto 0px auto;/*上・右・下・左*/
}
#Grid_Top_Banner {
width: calc(100% / 3);/*3等分*/
display:flex;
}
#Grid_Top_Banner_in {
position:relative;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 8px 8px 8px 8px;/*上・右・下・左*/
background-color: #FFFFFF;/*背景色*/
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#Grid_Top_Banner_in img {
width: 100%;
height: auto;
}
#Grid_Top_Banner_in img:hover {
opacity:0.5;/*透明度*/
}
#GTB_txt_up {
font-family: tbudrgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
color: #285b99;
font-size: 1.3em;/*文字サイズ*/
line-height: 110%;/*文字行間*/
padding: 20px 5px 10px 5px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#GTB_txt_bottom {
font-family: tbudrgothic-std, sans-serif;
font-weight: 400;
font-style: normal;
color: #666666;
font-size: 0.8em;/*文字サイズ*/
line-height: 160%;/*文字行間*/
text-align:justify;/*両端揃える*/
font-feature-settings: "palt";/*文字詰める*/
padding: 0px 10px 50px 10px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#LINK {text-align: right;
font-family: tbudrgothic-std, sans-serif;
font-weight: 400;
font-style: normal;
position: absolute;
bottom: 0;
padding: 0px 10px 10px 10px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
/* NEWリボン */
.ribbon {
font-family: rift-soft, sans-serif;
font-style: normal;
font-weight: 600;
width: 110px;
height: 110px;
overflow: hidden;
position: absolute;
}
.ribbon::before,
.ribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
}
.ribbon span {
position: absolute;
display: block;
width: 210px;
padding: 5px 0px 3px 0px;
background-color: #e6001a;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
color: #FFFFFF;
font-size: 1em;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
text-transform: uppercase;
text-align: center;
}
.ribbon-top-right {
top: -0px;
right: -0px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
border-top-color: transparent;
border-right-color: transparent;
}
.ribbon-top-right::before {
top: 0;
left: 0;
}
.ribbon-top-right::after {
bottom: 0;
right: 0;
}
.ribbon-top-right span {
left: -15px;
top: 10px;
transform: rotate(45deg);
}
/* 2021・詳細こちらボタン */
#link_button {
font-size: 80%;/*文字サイズ*/
line-height: 200%;/*文字行間*/
text-decoration: none;/*下線消す*/
background: #285b99;/*背景を水色に*/
color: #FFFFFF;/*フォント色*/
border-radius: 15px;/*角を丸くする*/
padding: 5px 15px 5px 15px;/*上・右・下・左*/
margin: 0px 0px 20px 0px;/*上・右・下・左*/
}
#link_button:hover {
background: #888888;/*背景色をシルバーに*/
text-decoration: none;/*下線を消す*/
}
#link_button:visited {
color: #FFFFFF;/*フォント色*/
}






/* -- 手続き・年会費・利用可カード -- */
.table_01 {
width: 100%;
border-collapse: collapse;
border-bottom:1px solid #cccccc;
margin: 0px auto 50px auto;/*上・右・下・左*/
}
.table_01 th {/* 左列・グレー */
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 700;
width: 100px;
color: #FFFFFF;
font-size: 0.9em;
line-height: 110%;
text-align:center;
background-color: #666666;/* 背景色 */
border:1px solid #cccccc;
padding: 5px 5px 5px 5px;/* 上・右・下・左*/
}
.table_01 td {/* 右列・ホワイト */
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 300;
color: #666666;
font-size: 1em;
line-height: 130%;
text-align:justify;/*両端揃える*/
background-color: #FFFFFF;/* 背景色 */
border:1px solid #cccccc;
padding: 5px 10px 5px 10px;/* 上・右・下・左*/
}





/* -- 会員規約　枠 -- */
#Grid_agreement {
max-width: 100%;
padding: 0px 50px 0px 50px;/*上・右・下・左*/
margin: 0px 0px 100px 0px;/*上・右・下・左*/
}
.title_agreement {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 700;
max-width: 100%;
color: #285b99;
font-size: 1em;
line-height: 100%;
text-decoration: none;
text-align: left;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 20px 0px 5px 0px;/* 上・右・下・左*/
}
.table_agreement {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 300;
max-width: 100%;
color: #666666;
font-size: 0.9em;
line-height: 180%;
text-align:justify;/*両端揃える*/
margin: 0px 0px 10px 20px;/*上・右・下・左*/
}
.table_agreement a {
color: #9E0D0D;/*文字色：ブルー*/
text-decoration: none;
}
.table_agreement a:hover {
color: #285b99;/*文字色：オレンジ*/
text-decoration: none;
}
.table_agreement_end {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 300;
max-width: 100%;
color: #666666;
font-size: 0.9em;
line-height: 180%;
text-align: right;
margin: 30px 0px 50px 20px;/*上・右・下・左*/
}





/* -- 所定口座 -- */
.bank_number {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 300;
max-width: 100%;
color: #666666;
font-size: 1em;
line-height: 150%;
border-style: none;
text-align: Left;
border: 2px solid #C1C1C1;
background-color: #FFFFFF;/*背景色*/
padding: 20px 20px 20px 20px;/*上・右・下・左*/
margin: 10px 0px 0px 0px;/*上・右・下・左*/
}
.bank_No {
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 900;
max-width: 100%;
color: #666666;
font-size: 1.4em;
line-height: 150%;
border-style: none;
text-align:center;
border: 1px solid #C1C1C1;
background-color: #EFEFEF;/*背景色*/
padding: 5px 5px 5px 5px;/*上・右・下・左*/
margin: 0px 0px 20px 0px;/*上・右・下・左*/
}






/* -- クレジット決済の手順 -- */
#card_No {
text-align: center;
padding: 0px 10px 0px 10px;/*上・右・下・左*/
margin: 20px auto 20px auto;/*上・右・下・左*/
}
#card_No ul {
max-width: 1000px;
text-align: center;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#card_No ul li {
width: 32%;
background: #FFFFFF;
list-style: none;
padding-bottom: 0px;
margin-bottom: 0;
position: relative;
border:1px solid #D5D5D5;
background-color: #FFFFFF;/*背景色*/
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px auto 0px auto;/* 上・右・下・左*/
}
#card_No img {
width:100%;
border-right: 1px solid #D5D5D5;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 10px 0px 10px 0px;/* 上・右・下・左*/
}
#card_title {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 700;
color: #FFFFFF;
font-size: 1em;
line-height: 110%;
background-color: #4B6F9C;/*背景色*/
padding: 10px 0px 10px 0px;/* 上・右・下・左*/
margin: 10px 10px 5px 10px;/* 上・右・下・左*/
}
#card_font {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 300;
color: #666666;
font-size: 0.8em;
line-height: 130%;
text-align: Left;
padding: 5px 0px 5px 0px;/* 上・右・下・左*/
margin: 10px 10px 10px 10px;/* 上・右・下・左*/
}
/* -- クレジット支払「手続きフォーム」・ボタン -- */
.button_card {
font-family: tbudrgothic-std, sans-serif;
font-weight: 900;
font-style: normal;
display: inline-block;
text-align: center;
text-decoration: none;
outline: none;
border:1px solid #9c9c9c;
padding: 30px 50px 30px 50px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
border-radius: 5px;/*角を丸く*/
font-feature-settings: "palt";/*文字詰める*/
box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
}
.button_card::before,
.button_card::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button_card,
.button_card::before,
.button_card::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button_card {
color: #2D69B4;
font-size: 2em;
background-image: -webkit-linear-gradient(top, #feed7f, #ffdc03);
background-image: linear-gradient(to bottom, #feed7f, #ffdc03);
}
.button_card:hover {
color: #2D69B4;
font-size: 2em;
background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);	
}





/* -- デジタル証明書 -- */
#grid_mail_ssl {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 300;
color: #BD4749;
font-size: 0.8em;
line-height: 150%;
text-decoration: none;
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 30px auto;/*上・右・下・左*/
}
#img_title_ssl {
max-width: 100%;
margin: 0px 0px 10px 0px;/*上・右・下・左*/
}
/* -- 必須 -- */
.must {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 500;
max-width: 100%;
font-size: 1em;
line-height: 100%;
color: #FFFFFF;
border-radius: 4px;
box-shadow: 0px 0px 5px #CCC;
background-image: linear-gradient(to bottom, #E30002, #B10002);
padding: 10px 5px 11px 5px;/*上・右・下・左*/
margin: 0px 0px 5px 0px;/*上・右・下・左*/
}
/* -- 送信リセットベース-- */
.mfp_buttons {
margin: 50px 0px 0px 0px;/*上・右・下・左*/
}
/* -- メール・フォーマット-- */
.deta_contact {
min-width: 100%;
text-align:center;
text-decoration: none;
border-collapse:  collapse;/*テーブル枠1px*/
margin: 10px auto 0px auto;/*上・右・下・左*/
}
.deta_contact td.one {
width: 50px;
text-align:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 20px 0px 20px 10px;/*上・右・下・左*/
}
.deta_contact td.two {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 500;
color: #2c5d71;
width: 120px;
font-size: 1em;
line-height: 100%;
text-align:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 20px 10px 20px 10px;/*上・右・下・左*/
}
.deta_contact td.three {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 300;
color: #2c5d71;
font-size: 1em;
text-align:left;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 20px 40px 20px 20px;/*上・右・下・左*/
}
.display_none {
display:none;
}
.deta_contact tr:nth-child(odd) { background: #f9f9f9; }
.deta_contact tr:nth-child(even) { background: #FFFFFF; }
/* -- END -- */
.end_contact_pc {
border-collapse:  collapse;/*テーブル枠1px*/
border: 1px solid #CCCCCC;
margin: 50px auto 50px auto;/*上・右・下・左*/
}
.end_contact_pc td.one {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 700;
color: #FFFFFF;
font-size: 1em;
line-height: 110%;
text-align:center;
background: #285b99;
padding: 30px 30px 30px 30px;/*上・右・下・左*/
}
.end_contact_pc td.two {
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 700;
color: #285b99;
font-size: 1.5em;
line-height: 110%;
text-align:center;
padding: 30px 30px 30px 30px;/*上・右・下・左*/
}







/* -- カード -- */
#img_card {
float: right;
height: 51px;
border-radius: 4px;/*角を丸く*/
box-shadow: 0px 0px 2px #CCC;/*影を付ける*/
border: 1px solid #cccccc;
margin: 0px 0px 0px 10px;/*上・右・下・左*/
}
/* -- マーク -- */
#img_mark {
float: right;
max-width: 50px;
margin: 0px 0px 0px 10px;/*上・右・下・左*/
}
#img_online {
width: 100%;
height: auto;
border:1px solid #cccccc;
margin: 20px auto 20px auto;/*上・右・下・左*/
}



/* 2021・タイトル・ブルー */
#Title_Blue {border-radius: 50px;/*角を丸くする*/
font-family: tbudrgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
width: 100%;
color: #FFFFFF;
font-size: 1.5em;
text-align: center;
background-color: #285b99;
padding: 20px 13px 20px 13px;/* 上・右・下・左*/
margin: 0px auto 20px auto;/* 上・右・下・左*/
}
#Title_Blue_S {
font-family: tbudrgothic-std, sans-serif;
font-weight: 300;
font-style: normal;
color: #FFFFFF;
font-size: 0.7em;
text-decoration: none;
text-align: center;
opacity:0.8;/*透明度*/
}




/* -- 00 スマフォメニュー -- */
#Background_Maine_Grid_Button {
position: fixed;
bottom: 0;
width: 100%;
z-index: 1000;
text-align: center;
background-color: #285b99;/*背景色*/
border-top:5px solid #FFC000;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#Background_Grid_Button {
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#Grid_Button_4 {
width: calc(100% / 4);/*2等分*/
display: flex;
box-sizing:border-box;
border-left:1px solid #23528A;
border-right:1px solid #153152;
}
#Grid_Button_box {
width: 100%;
text-align: center;
margin: 17px auto 20px auto;/*上・右・下・左*/
}
a.Button_Link {
width: 100%;
color: #FFFFFF;
text-align: center;
text-decoration: none;
background-image: linear-gradient(to bottom, #1E4675, #1E4675);
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
a.Button_Link:hover {
color: #114c96;
text-decoration: none;
background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}
#Grid_Button_icon {
font-family: toppan-bunkyu-gothic-pr6n, serif;
font-style: normal;
font-weight: 400;
text-align: center;
font-size: 1.2em;
line-height: 130%;
padding: 0px auto 0px auto;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
font-feature-settings: "palt";/*文字詰める*/
}
#Grid_Button_S_sub {
display: none; overflow: hidden;
}
#Grid_Button_L_sub {
font-family: rift-soft, sans-serif;
font-style: normal;
font-weight: 500;
text-align: center;
font-size: 1em;
line-height: 130%;
padding: 0px auto 0px auto;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
font-feature-settings: "palt";/*文字詰める*/
}
#header-fixed {
display: none; overflow: hidden;
}