/*プレミアムグッズ*/

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



html,body,table,th,td {
font-size: 1em;
line-height: 180%;
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
}
p { line-height: 130%; }

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

/* -- 改行先頭空白-- */
.indent-1 { padding-left:1em; text-indent:-1em; margin: 5px 0px 5px 0px;/*上・右・下・左*/}
.indent-1_red { padding-left:1em; text-indent:-1em; margin: 5px 0px 5px 0px;/*上・右・下・左*/ color: #C60D0D;}
.indent-2 { padding-left:2em; text-indent:-2em; line-height: 150%; margin: 5px 0px 5px 0px;/*上・右・下・左*/}
.indent-3 { font-size: 110%; line-height: 100%; color: #285b99; font-weight: 700; background-color: #D9D9D9;/*背景色*/padding: 3px 3px 3px 3px;/*上・右・下・左*/margin: 15px 0px 10px 0px;/*上・右・下・左*/}
.indent-4 { padding-left:4em; text-indent:-4em; margin: 5px 0px 5px 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;/*上・右・下・左*/}





/* -- 背景 -- */
.background_maine {
text-align: center;
width: 100%;
padding: 30px 0px 30px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
background-color: #D4D4D4;/*背景色*/
}
/* -- 外枠 -- */
.grid_maine {
max-width: 1000px;
padding: 0px 10px 0px 10px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
/* -- ホワイト枠 -- */
.grid_white {
background-color: #FFFFFF;/*背景色*/
max-width: 100%;
text-align: center;
border: 1px solid #D5D5D5;
padding: 50px 50px 50px 50px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
/* -- グレー枠 -- */
.grid_grey {
max-width: 100%;
color: #666666;
text-align: Left;
background-color: #EFEFEF;/*背景色*/
border: 1px solid #D5D5D5;
padding: 50px 50px 50px 50px;/*上・右・下・左*/
margin: 50px 0px 50px 0px;/*上・右・下・左*/
}
/* -- グレー -- */
.base_grey {
max-width: 100%;
color: #666666;
font-size: 100%;
line-height: 180%;
text-align: Left;
background-color: #EFEFEF;/*背景色*/
border: 1px solid #D5D5D5;
padding: 0px 50px 50px 50px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
/* -- ホワイト -- */
.base_white {
max-width: 100%;
text-align: center;
border: 0px solid #D5D5D5;
background-color: #FFFFFF;/*背景色*/
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 50px 0px;/*上・右・下・左*/
}
/* -- END枠 -- */
.grid_end {
max-width: 100%;
color: #285b99;
font-size: 100%;
text-align:center;
background-color: #FFFFFF;/*背景色*/
border: 1px solid #D5D5D5;
padding: 50px 50px 50px 50px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}





/* -- 写真枠改行 -- */
.grid_PremiumGoods {
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
.grid_PremiumGoods ul {
max-width: 1000px;
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
.grid_PremiumGoods li {
width: 32%;
font-size: 90%;
line-height: 150%;
color: #666666;
border-collapse:collapse;
display: inline-block;
list-style: none;
text-align: center;
vertical-align:top;
background-color: #FFFFFF;/*背景色*/
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 3px 6px 3px;/*上・右・下・左*/
}
.grid_PremiumGoods a {
color: #9E0D0D;/*文字色：ブルー*/
text-decoration: none;
}
.grid_PremiumGoods a:hover {
opacity: 0.5;/*透明度*/
color: #285b99;/*文字色：オレンジ*/
text-decoration: none;
}





/* -- 写真枠改行 -- */
.grid_PostcardSet {
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 10px auto 0px auto;/*上・右・下・左*/
}
.grid_PostcardSet ul {
max-width: 1000px;
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
.grid_PostcardSet li {
width: 13%;
border-collapse:collapse;
display: inline-block;
list-style: none;
vertical-align:top;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 3px 6px 3px;/*上・右・下・左*/
}
.grid_PostcardSet img {
width: 100%;
border: 1px solid #D3D3D3;
}
.grid_PostcardSet_side {
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 10px auto 0px auto;/*上・右・下・左*/
}
.grid_PostcardSet_side ul {
max-width: 1000px;
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
.grid_PostcardSet_side li {
width: 18%;
border-collapse:collapse;
display: inline-block;
list-style: none;
vertical-align:top;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 3px 6px 3px;/*上・右・下・左*/
}
.grid_PostcardSet_side img {
width: 100%;
border: 1px solid #D3D3D3;
}





.title_goods {
max-width: 100%;
color: #FFFFFF;
font-size: 100%;
line-height: 100%;
text-decoration: none;
text-align: left;
background-color: #4879B5;/* 背景色 */
padding: 10px 10px 10px 10px;/* 上・右・下・左*/
margin: 0px 0px 5px 0px;/* 上・右・下・左*/
}
.tex_goods {
width: 100%;
color: #666666;
font-size: 100%;
line-height: 180%;
text-align: left;
display:table;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px 0px 30px 0px;/*上・右・下・左*/
}
.table_agreement a {
color: #9E0D0D;/*文字色：ブルー*/
text-decoration: none;
}
.table_agreement a:hover {
color: #285b99;/*文字色：オレンジ*/
text-decoration: none;
}





/* -- テキスト -- */
.txt_1 {
max-width: 100%;
color: #285b99;
font-size: 120%;
line-height: 150%;
border-style: none;
text-align:center;
white-space:nowrap;/*改行*/
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 50px 0px 0px 0px;/*上・右・下・左*/
}
.txt_2 {
max-width: 100%;
color: #666666;
font-size: 1em;/* 文字サイズ */
line-height: 180%;
border-style: none;
text-align: left;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 50px 0px;/*上・右・下・左*/
}




/* -- 所定口座 -- */
.bank_number {
font-family: tbudrgothic-std, sans-serif;
font-weight: 400;
font-style: normal;

max-width: 100%;
color: #666666;
font-size: 100%;
line-height: 150%;
border-style: none;
text-align:center;
border: 2px solid #C1C1C1;
background-color: #FFFFFF;/*背景色*/
padding: 20px 20px 20px 20px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
.bank_No {
font-family: tbudrgothic-std, sans-serif;
font-weight: 900;
font-style: normal;

max-width: 100%;
color: #666666;
font-size: 110%;
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;/*上・右・下・左*/
}
.bank_red {
font-family: tbudrgothic-std, sans-serif;
font-weight: 900;
font-style: normal;

color: #DE3638;
font-size: 100%;
line-height: 150%;
}





/* -- デジタル証明書 -- */
#grid_mail_ssl {
max-width: 80%;
color: #BD4749;
font-size: 12px;
line-height: 15px;
text-decoration: none;
text-align: center;
padding: 5px 10px 5px 10px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#img_title_ssl {
max-width: 100%;
margin: 0px 0px 10px 0px;/*上・右・下・左*/
}
/* -- 必須 -- */
.must {
display: block;
background-color: #C00;
border: solid 2px #C00;
text-shadow: 0px 1px 2px #933;
padding: 2px 5px;
font-size: 15px;
color: #FFF;
margin: 0px 0px 0px 0px;/*上・右・下・左*/
border-radius: 4px;
box-shadow: 0px 0px 5px #CCC;
background-image: url(../../member_renew/images/header.png);
background-size: 100% 100%;
}
/* -- 送信リセットベース-- */
.mfp_buttons {
margin: 50px 0px 0px 0px;/*上・右・下・左*/
}
/* -- メール・フォーマット-- */
.deta_contact {
font-family: tbudrgothic-std, sans-serif;
font-weight: 400;
font-style: normal;

min-width: 100%;
margin: 0 auto;
text-decoration: none;
text-align:center;
border-collapse:  collapse;/*テーブル枠1px*/
margin: 10px 0px 0px 0px;/*上・右・下・左*/
}
.deta_contact td.one {
width: 50px;
text-align:center;
padding: 20px 0px 20px 10px;/*上・右・下・左*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background: ;
}
.deta_contact td.two {
width: 120px;
font-size: 14px;
line-height: 17px;
text-align:center;
color: #2c5d71;
font-weight: normal;/*フォント・ノーマル*/
padding: 20px 10px 20px 10px;/*上・右・下・左*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background: ;
}
.deta_contact td.three {
font-size: 14px;
text-align:left;
color: #2c5d71;
padding: 20px 40px 20px 20px;/*上・右・下・左*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background: ;
}
.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 {
color: #FFFFFF;
font-size: 100%;
line-height: 110%;
text-align:center;
white-space:nowrap;/*改行*/
background: #285b99;
padding: 30px 30px 30px 30px;/*上・右・下・左*/
}
.end_contact_pc td.two {
color: #285b99;
font-size: 150%;
line-height: 150%;
text-align:center;
padding: 30px 30px 30px 30px;/*上・右・下・左*/
}
.end_contact_title {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #FFFFFF;
font-size: 150%;
line-height: 150%;
text-align:center;
background-color: #285b99;
padding: 20px 0px 20px 0px;/*上・右・下・左*/
margin: 0px 0px 30px 0px;/* 上・右・下・左*/
}





/* -- タイトル -- */
#img_title_747 {
max-width: 100%;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
/* -- カード -- */
#img_card {
float: right;
max-width: ;
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_goods {
max-width: 100%;
border: 1px solid #D5D5D5;
margin: 0px 0px 10px 0px;/*上・右・下・左*/
}
/* -- タイトル -- */
#img_PremiumGoods {
width: 300px;
float: right;/*右寄せ*/
margin: 0px 0px 20px 20px;/*上・右・下・左*/
}
/* -- タイトル -- */
#img_tokuten {
width: 150px;
float: right;/*右寄せ*/
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 0px 20px;/*上・右・下・左*/
}




/* -- タイトル・ブルー -- */
.title_blue {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #FFFFFF;
font-size: 1.3em;/* 文字サイズ */
text-decoration: none;
text-align: center;
background-color: #285b99;
padding: 15px 13px 15px 13px;/* 上・右・下・左*/
margin: 0px 0px 20px 0px;/* 上・右・下・左*/
}





/* -- 写真枠改行 -- */
.grid_goods {
text-align: center;
margin: 10px 0px 0px 0px;/*上・右・下・左*/
}
.grid_goods ul {
width: 100%;
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
    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;
}
.grid_goods li {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
width: 40%;
font-size: 110%;
line-height: 150%;
color: #717171;
text-decoration: none;
border-collapse:collapse;
display: inline-block;
list-style: none;
text-align: center;
vertical-align:top;
background-color: #FFFFFF;
box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
padding: 10px 10px 10px 10px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
.grid_goods img{
width: 100%;
margin: 0px 0px 5px 0px;/*上・右・下・左*/
}
.txt_day {
font-size: 90%;
line-height: 150%;
color: #A8A8A8;
}
.txt_red {
font-size: 90%;
line-height: 150%;
color: #C22528;
}
.txt_yellow_member {
font-size: 100%;
line-height: 200%;
color: #FFFFFF;
}
.txt_white_no_member {
font-size: 100%;
line-height: 200%;
color: #FFFFFF;
}
/* -- タイトル・ブルー -- */
.title_premium_member {
max-width: 100%;
text-align: center;
background-color: #C22528;/*レッド*/
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}
/* -- タイトル・ブルー -- */
.title_premium_no_member {
max-width: 100%;
text-align: center;
background-color: #7D7D7D;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px 0px 10px 0px;/* 上・右・下・左*/
}