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


html,body,table,th,td {
font-size: 13px;
line-height: 18px;
}

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

/* -- 改行先頭空白-- */
.indent-1 { padding-left:1em; text-indent:-1em; margin: 1px 0px 1px 0px;/* 上・右・下・左*/}


/* -- 基本ベース -- */
#background_maine_white {
text-align: center;
max-width: 100%;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
background-color: #FFFFFF;/*背景色*/
}
/* -- 下段「購入内容」ボタンの基礎枠 -- */
#background_maine_cart {
text-align: center;
width: 100%;
padding: 20px 0px 20px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
background-color: #ebeae0;/*背景色*/
}
/* -- 外枠 -- */
#grid_maine {
max-width: 1000px;
padding: 0px 10px 0px 10px;/*上・右・下・左*/
margin: 80px auto 80px auto;/*上・右・下・左*/
}
/* -- 入力枠「お客様情報・支払方法・配送方法」 -- */
#grid_mail_white {
max-width: 100%;
background-color: #FFFFFF;/*背景色*/
border: 1px solid #A9A9A9;
box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
padding: 50px 50px 50px 50px;/*上・右・下・左*/
margin: 100px auto 50px auto;/*上・右・下・左*/
}
#grid_maine_cart {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 1200px;
color: #989898;/* 文字色 */
font-size: 100%;/* 文字サイズ */
line-height: 100%;
text-align:center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 10px auto 10px auto;/* 上・右・下・左*/
}
/* -- 中段「購入BOXに入れる・リセット」ボタンの基礎枠 -- */
#grid_maine_cart_box {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #989898;/* 文字色 */
font-size: 100%;/* 文字サイズ */
line-height: 180%;
text-align:center;
padding: 0px 0px 10px 0px;/*上・右・下・左*/
margin: 30px auto 30px auto;/* 上・右・下・左*/
}
/* -- すべて削除・購入を続ける・再計算・枠 -- */
#grid_maine_cart_down {
max-width: ;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 10px auto 10px auto;/*上・右・下・左*/
}



/* -- 下段「購入内容」ボタンの基礎枠の「THESPANIC SHOP」 -- */
#title_maine_cart {
font-family: trumpsoftpro, sans-serif;
font-weight: 700;
font-style: normal;
color: #989898;/* 文字色 */
font-size: 50px;
line-height: 100%;
text-align: center;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}



/* -- 各ページ・タイトル・大会名・日時 -- */
.title_game {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #FFFFFF;
font-size: 150%;
line-height: 150%;
text-decoration: none;
text-align:center;
background-color: #474747;
padding: 10px 5px 10px 5px;/* 上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}

/* -- カート画面・お客様情報入力・最終確認・完了 -- */
.title_cart {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #474747;
font-size: 200%;
line-height: 150%;
text-decoration: none;
text-align:center;
padding: 10px 5px 10px 5px;/* 上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}
/* -- カート画面・お客様情報入力・最終確認・完了 -- */
.title_cart_down {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #474747;
font-size: 110%;
line-height: 150%;
text-decoration: none;
text-align:center;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 10px 0px 40px 0px;/* 上・右・下・左*/
}

/* -- カート画面 -- */
.red {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #B60407;
}
/* -- カート画面・矢印 -- */
.fa-angle-double-right{
color: #ABABAB;
padding: 0px 20px 0px 20px;/* 上・右・下・左*/
}





/* -- エラー -- */
.title_error {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #FFFFFF;
font-size: 150%;
line-height: 150%;
text-decoration: none;
text-align:center;
background-color: #CE3739;
padding: 10px 5px 10px 5px;/* 上・右・下・左*/
margin: 0px 0px 10px 0px;/* 上・右・下・左*/
}
#error_txt {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #474747;
font-size: 150%;
line-height: 150%;
text-decoration: none;
text-align:center;
padding: 10px 5px 10px 5px;/* 上・右・下・左*/
margin: 50px 0px 10px 0px;/* 上・右・下・左*/
}
/* -- エラー戻るボタン -- */
#error_back {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	background-color: #ffdc03;
	outline: none;
	border:1px solid #9c9c9c;
	padding: 15px 15px 15px 15px;/*上・右・下・左*/
	margin: 50px auto 0px auto;/*上・右・下・左*/
	border-radius: 4px;/*角を丸く*/
	box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
}
#error_back::before,
#error_back::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#error_back,
#error_back::before,
#error_back::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#error_back {
color: #494949;/* 文字色 */
font-size: 100%;
line-height: 100%;
text-shadow: 0px 2px 0px #FFFFFF;/* 文字影 */
background-image: -webkit-linear-gradient(top, #FEFEFE, #DEDEDE);
background-image: linear-gradient(to bottom, #FEFEFE, #DEDEDE);
}
#error_back:hover {
color: #494949;/* 文字色 */
font-size: 100%;
line-height: 100%;
text-shadow: 0px 0px 0px #FFFFFF;/* 文字影 */
background-image: -webkit-linear-gradient(top, #F7F7F7, #7ECEF4);
background-image: linear-gradient(to bottom, #F7F7F7, #7ECEF4);
}





/* -- 完了 -- */
.title_thanks_red {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #FFFFFF;
font-size: 150%;
line-height: 150%;
text-decoration: none;
text-align:center;
background-color: #CE3739;
padding: 10px 5px 10px 5px;/* 上・右・下・左*/
margin: 0px 0px 10px 0px;/* 上・右・下・左*/
}
.title_thanks_gray {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #474747;
font-size: 150%;
line-height: 150%;
text-decoration: none;
text-align:center;
background-color: #FFFFFF;
border:1px solid #cccccc;
padding: 20px 5px 20px 5px;/* 上・右・下・左*/
margin: 20px auto 20px auto;/* 上・右・下・左*/
}
#thanks_txt {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
width: 700px;
color: #474747;
font-size: 130%;
line-height: 150%;
text-decoration: none;
text-align:center;
padding: 10px 5px 10px 5px;/* 上・右・下・左*/
margin: 50px auto 10px auto;/* 上・右・下・左*/
}






/* -- カート画面・会計枠 -- */
#table_cart_01 {
min-width: 100%;
border-collapse:  collapse;/*テーブル枠1px*/
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin: 50px auto 50px auto;/*上・右・下・左*/
}
#table_cart_01 th {/* 右列・ホワイト */
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #FFFFFF;
font-size: 110%;
line-height: 150%;
text-decoration: none;
text-align:center;
background-color: #474747;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 15px 10px 15px 10px;/* 上・右・下・左*/
}
#table_cart_01 th:nth-child(even){
border-left:1px solid #929292;
border-right:1px solid #929292;
}
#table_cart_01 td {/* 右列・ホワイト */
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 15px 10px 15px 10px;/* 上・右・下・左*/
}
#table_cart_01 tr:nth-child(odd) td {  
background-color: #F5F5F5;
}
#table_cart_01 tr:nth-child(even) td {  
background-color: #FFFFFF; 
}
#cart_cancel {/* -- 削除 -- */
text-align:center;
}
#cart_cancel .fa-trash-alt {
font-size: 100%;
margin: 0px 3px 0px 0px;/* 上・右・下・左*/
}
#cart_money {/* -- 小計・単価 -- */
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #474747;
font-size: 110%;
line-height: 150%;
text-decoration: none;
text-align:center;
} 
#cart_money_l {/* -- 合計 -- */
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #474747;
font-size: 160%;
line-height: 150%;
text-decoration: none;
text-align:center;
} 
#cart_txt {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #7B7B7B;
font-size: 110%;
line-height: 150%;
text-decoration: none;
text-align: right;
}
#cart_product {/* -- 商品名 -- */
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #474747;
font-size: 110%;
line-height: 150%;
text-decoration: none;
text-align: left;
}
#cart_img {/* -- 商品写真 -- */
width: 10px;
}
#cart_img img{/* -- 商品写真 -- */
width: auto;
height: 70px;
padding: 0px 10px 0px 0px;/*上・右・下・左*/
}








/* -- 試合一覧・タイトル -- */
#title_thespanic_shop {
max-width: 100%;
background-color: #474747;
padding: 10px 5px 5px 5px;/* 上・右・下・左*/
margin: 0px 0px 20px 0px;/* 上・右・下・左*/
}
#title_thespanic_shop_index {
max-width: 100%;
background-color: #474747;
padding: 10px 5px 5px 5px;/* 上・右・下・左*/
margin: 0px 0px 20px 0px;/* 上・右・下・左*/
}
#title_thespanic_shop_s {
font-family: trumpsoftpro, sans-serif;
font-weight: 700;
font-style: normal;
max-width: 100%;
color: #FFFFFF;
font-size: 30px;
line-height: 100%;
text-align:center;
opacity: 0.4;/*透明度*/
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px auto 0px auto;/* 上・右・下・左*/
}
#title_thespanic_shop_l {
font-family: trumpsoftpro, sans-serif;
font-weight: 700;
font-style: normal;
max-width: 100%;
color: #FFC900;
font-size: 80px;
line-height: 100%;
text-align:center;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px auto 0px auto;/* 上・右・下・左*/
}
#title_thespanic_shop_back {
font-family: trumpsoftpro, sans-serif;
font-weight: 700;
font-style: normal;
max-width: 100%;
color: #FFC900;
font-size: 30px;
line-height: 100%;
text-align:center;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px auto 0px auto;/* 上・右・下・左*/
}









/* -- 試合一覧・タイトル -- */
.title_game_list {
max-width: 100%;
background-color: #474747;
padding: 10px 5px 5px 5px;/* 上・右・下・左*/
margin: 50px 0px 0px 0px;/* 上・右・下・左*/
}
.title_game_list_s {
font-family: trumpsoftpro, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #FFFFFF;
font-size: 30px;
line-height: 100%;
text-align:center;
opacity: 0.4;/*透明度*/
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px auto 0px auto;/* 上・右・下・左*/
}
.title_game_list_l {
font-family: trumpsoftpro, sans-serif;
font-style: normal;
font-weight: 700;
max-width: 100%;
color: #FFC900;
font-size: 50px;
line-height: 100%;
text-align:center;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px auto 0px auto;/* 上・右・下・左*/
}





/* -- 各ページ・タイトル -- */
.title_photo_item_s {
font-family: trumpsoftpro, sans-serif;
font-weight: 700;
font-style: normal;
max-width: 100%;
color: #989898;
font-size: 30px;
line-height: 100%;
text-align:center;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 80px auto 0px auto;/* 上・右・下・左*/
}
.title_photo_item_l {
font-family: trumpsoftpro, sans-serif;
font-weight: 700;
font-style: normal;
max-width: 100%;
color: #989898;
font-size: 100px;
line-height: 100%;
text-align:center;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px auto 80px auto;/* 上・右・下・左*/
}





/* -- 各ページ・写真枠改行 -- */
.grid_play_photo {
text-align: center;
margin: 0px auto 0px auto;/*上・右・下・左*/
}
.grid_play_photo 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_play_photo ul li {
width: 32%;
list-style: none;
padding-bottom: 10px;
margin-bottom: 0;
position: relative;
border:1px solid #CCCCCC;
background-color: #F7F7F7;/*背景色*/
margin: 0px auto 20px auto;/* 上・右・下・左*/
}
.grid_play_photo li {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #494949;/* 文字色 */
font-size: 120%;/* 文字サイズ */
line-height: 150%;/* 行間 */
box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
}
.grid_play_photo img{
width: 100%;
margin: 0px auto 10px auto;/* 上・右・下・左*/
}










/* -- 写真番号 -- */
.photo_no {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #A1A1A1;/* 文字色 */
font-size: 80%;/* 文字サイズ */
line-height: 100%;/* 文字行間 */
}
/* -- 販売形式 -- */
.photo_sale {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #A26163;/* 文字色 */
font-size: 90%;/* 文字サイズ */
line-height: 100%;/* 文字行間 */
}






/* 購入チェックボタン */
.toggle-buttons {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
margin: 10px auto 0px auto;/* 上・右・下・左*/
}
input[type="checkbox"].my_check {
    display: none;
}
input[type="checkbox"].my_check + label {
display: inline-block;
cursor: pointer;
color: #7D7D7D;/*文字*/
border-radius: 5px;/*角を丸く*/
background-color: #E8E8E8;/*レッド*/
border: 1px solid #A9A9A9;/*グレー*/
padding: 2px 20px 2px 10px;/*上・右・下・左*/
}
input[type="checkbox"].my_check + label::before {
    width: 15px;
    height: 15px;
	font-size: 20px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    content: "\2713";
    color: transparent;
    margin: 0px 10px 0px 0px;/* 上・右・下・左*/
    padding: 0;
    border-radius: 5px;
    border: 1px solid #dddddd;
    background: #FFFFFF;
    -webkit-transition: .1s;
    transition: .1s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="checkbox"].my_check + label:hover{
    color: #808080;
}
input[type="checkbox"].my_check + label:hover::before{

}
input[type="checkbox"].my_check:checked + label{
color: #FFFFFF;/*購入チェック文字*/
border-radius: 5px;/*角を丸く*/
background-color: #991616;/*レッド*/
border: 1px solid #9B9B9B;/*グレー*/
padding: 2px 20px 2px 10px;/*上・右・下・左*/
}
input[type="checkbox"].my_check:checked + label::before{
color: #991616;/*レッド*/
font-size: 12px;
line-height: 12px;
padding: 0;
}







/* --  -- */
#grid_photo_year_list {
max-width: 1200px;
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#grid_photo_year_list_LR {
overflow: hidden;
display:flex;/*DIV高さ揃える*/
max-width: 1200px;
text-align: center;
border-bottom: 1px solid #B7B7B7;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#grid_photo_year_list_LR:nth-child(odd) {
background: #FFFFFF;
}
#grid_photo_year_list_LR:nth-child(even) {
background: #F4F4F4;
}

#grid_photo_year_list_R {/*右・タイトル*/
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #474747;/* 文字色 */
font-size: 130%;/* 文字サイズ */
line-height: 150%;
float: right;
width: 100%;
text-align: left;
padding: 20px 20px 20px 10px;/*上・右・下・左*/
display: inline-block;/*上段揃える*/
}
#grid_photo_year_list_L {/*左・開催日*/
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #474747;/* 文字色 */
font-size: 100%;/* 文字サイズ */
float: left;
width: 150px;
text-align: center;
padding: 22px 10px 20px 10px;/*上・右・下・左*/
display: inline-block;/*上段揃える*/
}
#grid_photo_year_list_R a {
color: #285b99;/*文字色：ブルー*/
text-decoration: none;
}
#grid_photo_year_list_R a:hover {
color: #FD4848;/*文字色：オレンジ*/
text-decoration: none;
}
span.grid_photo_year_list_R {
font-size: 88%;/* 文字サイズ */
line-height: 100%;
}





/* -- タイトル・ブルー -- */
#title_mail_blue {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #FFFFFF;
font-size: 150%;
text-decoration: none;
text-align: center;
text-shadow: 0px 1px 5px #000000;/* 文字影 */
background-color: #214B7E;
padding: 30px 13px 30px 13px;/* 上・右・下・左*/
margin: 0px 0px 30px 0px;/* 上・右・下・左*/
}
/* -- デジタル証明書 -- */
#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 {
font-size: 15px;
color: #FFFFFF;
text-shadow: 0px 1px 2px #933;
display: block;
border-radius: 4px;
border: solid 2px #C00;
box-shadow: 0px 0px 5px #CCC;
background-image: url(../../member_renew/images/header.png);
background-size: 100% 100%;
background-color: #C00;
padding: 2px 5px 2px 5px;/*上・右・下・左*/
margin: 0px 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 {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
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: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #2c5d71;
width: 120px;
font-size: 14px;
line-height: 17px;
text-align:center;
font-weight: normal;/*フォント・ノーマル*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 20px 10px 20px 10px;/*上・右・下・左*/
}
.deta_contact td.three {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #2c5d71;
font-size: 14px;
text-align:left;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 20px 40px 20px 20px;/*上・右・下・左*/
}
.deta_contact_txt_s {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #7B7B7B;
font-size: 90%;
padding-left:1em; text-indent:-1em;
margin: 0px auto 0px auto;/*上・右・下・左*/
}
.display_none {
display:none;
}
.deta_contact tr:nth-child(odd) { background: #f9f9f9; }
.deta_contact tr:nth-child(even) { background: #FFFFFF; }
/* -- END -- */
.end_contact {
min-width: 100%;
text-align:center;
text-decoration: none;
border-collapse:  collapse;/*テーブル枠1px*/
margin: 10px auto 0px auto;/*上・右・下・左*/
}
.end_contact td.one {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #727272;
width: 120px;
font-size: 100%;
line-height: 100%;
text-align:center;
font-weight: normal;/*フォント・ノーマル*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 10px 10px 10px 10px;/*上・右・下・左*/
}
.end_contact td.two {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #474747;
font-size: 110%;
line-height: 180%;
text-align:left;
font-weight: normal;/*フォント・ノーマル*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 10px 10px 10px 10px;/*上・右・下・左*/
}
.end_contact tr:nth-child(odd) { background: #f9f9f9; }
.end_contact tr:nth-child(even) { background: #FFFFFF; }
.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;/* 上・右・下・左*/
}
/* -- 購入ガイド -- */
.table_guide {
min-width: 100%;
text-align:center;
text-decoration: none;
border-collapse:  collapse;/*テーブル枠1px*/
border: 1px solid #CCCCCC;
margin: 10px auto 50px auto;/*上・右・下・左*/
}
.table_guide td.one {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #FFFFFF;
font-size: 100%;
line-height: 180%;
width: 100px;
text-align:center;
background-color: #727272;
border: 1px solid #CCCCCC;
padding: 10px 10px 10px 10px;/*上・右・下・左*/
}
.table_guide td.two {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #727272;
font-size: 100%;
line-height: 180%;
text-align:left;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
padding: 10px 10px 10px 10px;/*上・右・下・左*/
}
#table_guide_pickup {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #214B7E;
font-size: 110%;
line-height: 100%;
padding: 3px 0px 3px 0px;/*上・右・下・左*/
margin: 10px 0px 0px 0px;/*上・右・下・左*/
}
#Transfer {/*振込先*/
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
width: 500px;
color: #214B7E;
font-size: 110%;
line-height: 180%;
text-align:center;
background-color: #E8E8E8;/*背景色*/
border: 1px solid #CCCCCC;
padding: 10px 10px 10px 10px;/*上・右・下・左*/
margin: 10px 0px 0px 0px;/*上・右・下・左*/
}




/* -- 過去の写真 -- */
.table_past_photos {
width: 90%;
text-align:center;
text-decoration: none;
border-collapse:  collapse;/*テーブル枠1px*/
margin: 10px auto 50px auto;/*上・右・下・左*/
}
.table_past_photos th {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #FFFFFF;
font-size: 120%;
line-height: 180%;
width: 100px;
text-align:center;
background-color: #474747;/*背景色*/
border-right: 1px solid #CCCCCC;
padding: 10px 10px 10px 10px;/*上・右・下・左*/
}
.table_past_photos td.one {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #727272;
font-size: 100%;
line-height: 180%;
width: 50%;
text-align:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 10px 20px 10px 20px;/*上・右・下・左*/
}
.table_past_photos td.two {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #727272;
font-size: 100%;
line-height: 180%;
width: 50%;
text-align:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 10px 20px 10px 20px;/*上・右・下・左*/
}
.table_past_photos tr:nth-child(odd) {
background: #FFFFFF;
}
.table_past_photos tr:nth-child(even) {
background: #FFFFFF;
}
/* ボタン */
.menu_button_past_photos {border: 1px solid #CCCCCC;
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
display: inline-block;
width: 100%;
text-align:center;
vertical-align: middle;
text-decoration: none;
line-height: 40px;
outline: none;
	border-radius: 40px;/*角を丸く*/
	box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
margin: 5px auto 5px auto;/*上・右・下・左*/
}
.menu_button_past_photos::before,
.menu_button_past_photos::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.menu_button_past_photos,
.menu_button_past_photos::before,
.menu_button_past_photos::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.menu_button_past_photos {
color: #474747;
font-size: 14px;
background: #F4F4F4;
}
.menu_button_past_photos:hover {
color: #FFBC4D;
font-size: 14px;
background: #F4F4F4;
}




/* -- アイコンサイズ -- */
.grid_maine_cart_down_icon {
font-size: 100%;/* 文字サイズ */
padding: 0px 5px 0px 0px;/*上・右・下・左*/
}
/* -- カート画面・ボタン -- */
button.button_photo {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #494949;/* 文字色 */
font-size: 20px;/* 文字サイズ */
border: solid 1px #939393;/* 枠 */
border-radius: 5px;/*角を丸く*/
text-shadow: 0px 2px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #FEFEFE, #DEDEDE);/* グラデーションの指定 */
background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), to(#DEDEDE));/* グラデーションの指定 */
padding: 0px 20px 0px 20px;/*上・右・下・左*/
margin: 0px 10px 0px 10px;/* 上・右・下・左*/
}
button.button_photo:hover {
color: #494949;/* 文字色 */
box-shadow: 0px 2px 15px #7ECEF4;
text-shadow: 0px 0px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #F7F7F7, #7ECEF4);
background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
}
/* -- 購入続ける・ボタン -- */
button.button_continue {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #494949;/* 文字色 */
font-size: 20px;/* 文字サイズ */
border: solid 1px #939393;/* 枠 */
border-radius: 5px;/*角を丸く*/
text-shadow: 0px 2px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #FEFEFE, #DEDEDE);/* グラデーションの指定 */
background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), to(#DEDEDE));/* グラデーションの指定 */
padding: 0px 20px 0px 20px;/*上・右・下・左*/
margin: 0px 10px 0px 10px;/* 上・右・下・左*/
}
button.button_continue:hover {
color: #494949;/* 文字色 */
box-shadow: 0px 2px 15px #7ECEF4;
text-shadow: 0px 0px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #F7F7F7, #7ECEF4);
background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
}
/* -- 購入BOXに入れる・ボタン -- */
button.button_box_in {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #494949;/* 文字色 */
font-size: 20px;/* 文字サイズ */
border: solid 1px #939393;/* 枠 */
border-radius: 5px;/*角を丸く*/
text-shadow: 0px 2px 0px #F3DD8E;/* 文字影 */
background: -moz-linear-gradient(top, #FEED7F, #FFDC03);/* グラデーションの指定 */
background: -webkit-gradient(linear, center top, center bottom, from(#FEED7F), to(#FFDC03));/* グラデーションの指定 */
padding: 0px 20px 0px 20px;/*上・右・下・左*/
margin: 10px 5px 0px 5px;/* 上・右・下・左*/
}
button.button_box_in:hover {
color: #494949;/* 文字色 */
box-shadow: 0px 2px 15px #7ECEF4;
text-shadow: 0px 0px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #F7F7F7, #7ECEF4);
background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
}
/* -- 購入BOX・ボタン -- */
button.button_box {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #494949;/* 文字色 */
font-size: 20px;/* 文字サイズ */
border: solid 1px #939393;/* 枠 */
border-radius: 5px;/*角を丸く*/
text-shadow: 0px 2px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #FEFEFE, #DEDEDE);/* グラデーションの指定 */
background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), to(#DEDEDE));/* グラデーションの指定 */
padding: 0px 20px 0px 20px;/*上・右・下・左*/
margin: 10px 5px 0px 5px;/* 上・右・下・左*/
}
button.button_box a {
color: #494949;/* 文字色 */
font-size: 20px;/* 文字サイズ */
text-decoration: none;
}
button.button_box:hover {
color: #494949;/* 文字色 */
box-shadow: 0px 2px 15px #7ECEF4;
text-shadow: 0px 0px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #F7F7F7, #7ECEF4);
background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
}
/* -- リセット・ボタン -- */
button.button_reset {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #494949;/* 文字色 */
font-size: 20px;/* 文字サイズ */
border: solid 1px #939393;/* 枠 */
border-radius: 5px;/*角を丸く*/
text-shadow: 0px 2px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #FEFEFE, #DEDEDE);/* グラデーションの指定 */
background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), to(#DEDEDE));/* グラデーションの指定 */
padding: 0px 20px 0px 20px;/*上・右・下・左*/
margin: 10px 5px 0px 5px;/* 上・右・下・左*/
}
button.button_reset:hover {
color: #494949;/* 文字色 */
box-shadow: 0px 2px 15px #7ECEF4;
text-shadow: 0px 0px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #F7F7F7, #7ECEF4);
background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
}
/* -- 削除・ボタン -- */
button.button_clear {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #FFFFFF;/* 文字色 */
font-size: 20px;/* 文字サイズ */
border: solid 1px #939393;/* 枠 */
border-radius: 5px;/*角を丸く*/
text-shadow: 0px 1px 0px #494949;/* 文字影 */
background: -moz-linear-gradient(top, #E57575, #DA3535);/* グラデーションの指定 */
background: -webkit-gradient(linear, center top, center bottom, from(#E57575), to(#DA3535));/* グラデーションの指定 */
padding: 0px 20px 0px 20px;/*上・右・下・左*/
margin: 0px 10px 0px 10px;/* 上・右・下・左*/
}
button.button_clear:hover {
color: #474747;/* 文字色 */
box-shadow: 0px 0px 5px #CCC;
text-shadow: 0px 0px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#FFFFFF));
}
/* -- 先へ進む・ボタン -- */
button.button_next {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #494949;/* 文字色 */
font-size: 20px;/* 文字サイズ */
border: solid 1px #939393;/* 枠 */
border-radius: 5px;/*角を丸く*/
text-shadow: 0px 2px 0px #F3DD8E;/* 文字影 */
background: -moz-linear-gradient(top, #FEED7F, #FFDC03);/* グラデーションの指定 */
background: -webkit-gradient(linear, center top, center bottom, from(#FEED7F), to(#FFDC03));/* グラデーションの指定 */
padding: 20px 20px 20px 20px;/*上・右・下・左*/
margin: 0px auto 0px auto;/* 上・右・下・左*/
}
button.button_next:hover {
color: #494949;/* 文字色 */
box-shadow: 0px 2px 15px #7ECEF4;
text-shadow: 0px 0px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #F7F7F7, #7ECEF4);
background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
}
/* -- 戻る・ボタン -- */
button.button_back {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #494949;/* 文字色 */
font-size: 20px;/* 文字サイズ */
border: solid 1px #939393;/* 枠 */
border-radius: 5px;/*角を丸く*/
text-shadow: 0px 2px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #FEFEFE, #DEDEDE);/* グラデーションの指定 */
background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), to(#DEDEDE));/* グラデーションの指定 */
padding: 0px 20px 0px 20px;/*上・右・下・左*/
margin: 0px auto 0px auto;/* 上・右・下・左*/
}
button.button_back:hover {
color: #494949;/* 文字色 */
box-shadow: 0px 2px 15px #7ECEF4;
text-shadow: 0px 0px 0px #FFF;/* 文字影 */
background: -moz-linear-gradient(top, #F7F7F7, #7ECEF4);
background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
}
/* -- 削除ボタン -- */
#button_cancel_s {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	background-color: #ffdc03;
	outline: none;
	border:1px solid #9c9c9c;
	padding: 15px 15px 15px 15px;/*上・右・下・左*/
	margin: 0px auto 0px auto;/*上・右・下・左*/
	border-radius: 4px;/*角を丸く*/
	box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
}
#button_cancel_s::before,
#button_cancel_s::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#button_cancel_s,
#button_cancel_s::before,
#button_cancel_s::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#button_cancel_s {
color: #FFFFFF;
font-size: 100%;
line-height: 100%;
text-shadow: 0px 1px 0px #494949;/* 文字影 */
background-image: -webkit-linear-gradient(top, #E57575, #DA3535);
background-image: linear-gradient(to bottom, #E57575, #DA3535);
}
#button_cancel_s:hover {
color: #474747;
font-size: 100%;
line-height: 100%;
text-shadow: 0px 0px 0px #FFFFFF;/* 文字影 */
background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}









/* -- 写真枠改行 -- */
.grid_shop_banner {
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
.grid_shop_banner ul {
max-width: 1000px;
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
.grid_shop_banner 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_shop_banner a {
color: #9E0D0D;/*文字色：ブルー*/
text-decoration: none;
}
.grid_shop_banner a:hover {
opacity: 0.5;/*透明度*/
color: #285b99;/*文字色：オレンジ*/
text-decoration: none;
}
.grid_shop_banner img {
max-width: 100%;
border: 1px solid #D5D5D5;
margin: 0px 0px 10px 0px;/*上・右・下・左*/
}






/* -- ショップ商品一覧 -- */
.grid_sale_goods_list {
text-align: center;
margin: 10px 0px 50px 0px;/*上・右・下・左*/
}
.grid_sale_goods_list 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_sale_goods_list li {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
width: 17%;
font-size: 100%;
line-height: 150%;
color: #717171;
text-decoration: none;
border-collapse:collapse;
display: inline-block;
list-style: none;
text-align: center;
vertical-align:top;
border:1px solid #BABABA;
border-radius: 1%;/*角丸*/
background-image: -webkit-linear-gradient(top, #FFFFFF, #F4F4F4);
background-image: linear-gradient(to bottom, #FFFFFF, #F4F4F4);
box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
padding: 10px 10px 10px 10px;/*上・右・下・左*/
margin: 10px auto 10px auto;/*上・右・下・左*/
position: relative;/*相対配置*/
}
/* -- マーク・NEW -- */
.grid_sale_goods_list new_mark {
position: absolute;
top: 5;/*上から位置*/
right: 5;/*右から位置*/
margin: 0; /*余計な隙間を除く*/
color: #FFFFFF;/*文字を白に*/
font-size: 15px;/*フォントサイズ*/
line-height: 1;
text-align:center;
text-shadow: 1px 1px 1px #626262;/*文字影*/
line-height: 60px;/*文字中央*/
width: 60px;/*幅*/
height: 60px;/*高さ*/
border-radius: 50%;/*角丸*/
filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.6));/*影*/
opacity: 0.9;/*透過度*/
background: #EF8500;/*背景色*/
}
.grid_sale_goods_list img{
width: 100%;
margin: 0px 0px 5px 0px;/*上・右・下・左*/
}
.grid_sale_goods_list a:hover {
opacity: 0.5;/*透明度*/
}
/* -- タイトル・ブルー -- */
#title_sale_goods {
max-width: 100%;
line-height: 120%;
color: #494949;/*文字色*/
text-align: center;
border-top: 1px solid #D5D5D5;
border-bottom: 1px solid #D5D5D5;
padding: 5px 0px 5px 0px;/* 上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}






/* -- 年末年始のご案内 -- */
.title_Closed {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #717171;
font-size: 110%;
line-height: 180%;
text-align:center;
max-width: 100%;
border:1px solid #BABABA;
background-color: #F7F7F7;/*背景色*/
padding: 20px 20px 20px 20px;/* 上・右・下・左*/
margin: 0px auto 20px auto;/* 上・右・下・左*/
}
.title_Closed_s {
color: #09314F;
font-size: 120%;
}
.title_Closed_l {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 900;
color: #A71114;
font-size: 160%;
line-height: 200%;
text-align:center;
border-top: 1px solid #A71114;
border-bottom: 1px solid #A71114;
padding: 3px 10px 3px 10px;/* 上・右・下・左*/
margin: 0px auto 0px auto;/* 上・右・下・左*/
}