html { font-family: 'メイリオ','ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color:#333; height:100%; } body { height:100%; /* background-image:url(../img/bg_main_01.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-attachment:fixed; background-size:cover; */ } ul { padding:0; margin:0; } li { list-style:none; padding:0; margin:0; } a { text-decoration:none; color:#333; } p { margin:0; padding:0; } input, select, textarea, button { background-color:#EEE; font-family: 'メイリオ','ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color:#333; } .inner { width:1000px; min-width:1000px; overflow:hidden; position:relative; top:0; left:0; right:0; bottom:0; margin:auto; } .common-link-A { display:inline-block; border:1px solid #FFF; opacity:0.8; font-size:12px; margin:8px 0px 0px 0px; padding:6px 10px 6px 10px; } .common-link-A span { margin:0px 10px 0px 0px;} .common-link-A:hover { opacity:0.4; } /****** ID:header *****/ #header { width:100%; } #header .inner { width:100%; height:77px; } #header .inner .logo { float:left; position:absolute; z-index:8010; margin:43px 0px 0px 18px; } #header .inner .logo a { } #header .inner .logo a img { height:23px; } #header .inner .member { width:100%; float:right; position:absolute; z-index:8009; margin:0px 0px 0px 0px; } #header .inner .member ul { float:right; position:relative; overflow:hidden; margin-top:0px; } #header .inner .member ul li { float:left; margin:0px 0px 0px 0px; padding:10px 8px 0px 0px; } #header .inner .member ul li .box { } #header .inner .member ul li .box a { } #header .inner .member ul li .box a:hover { opacity:0.8; } #header .inner .member ul li .box a .texts { height:26px; } #header .inner .mb-main-menu { display:none; } #header .inner .main-menu { float:right; margin:46px 0px 0px 0px; } #header .inner .main-menu ul { float:right; position:relative; overflow:hidden; } #header .inner .main-menu ul li { float:left; margin:4px 0px 0px 36px; } #header .inner .main-menu ul li a { } #header .inner .main-menu ul li a:hover { opacity:0.8; } #header .inner .main-menu ul li a img { height:18px; } #header .inner .main-menu ul li a span { display:none; } #header .inner .main-menu ul .store { margin:0px 0px 0px 36px; } #header .inner .main-menu ul .store a img { height:24px; } #info-area { background-color:#000; position:absolute; width:100%; top:77px; z-index:9200; } #info-area .inner { width:100%; } #info-area .inner ul li .menu { display:none; } #info-area .inner ul li .box { padding:18px 10px 14px 16px; display:none; } #info-area .inner ul li .box .table-A { display:table; width:100%; } #info-area .inner ul li .box .table-A .left { display:table-cell; } #info-area .inner ul li .box .table-A .left ul { display:table; } #info-area .inner ul li .box .table-A .left ul li { display:table-cell; vertical-align:middle; } #info-area .inner ul li .box .table-A .left ul li u { color:#d2a800; font-size:20px; margin:0px 14px 0px 6px; text-decoration:none; } #info-area .inner ul li .box .table-A .left ul li .title-A { font-size:12px; color:#FFF; letter-spacing:1px; line-height:120%; } #info-area .inner ul li .box .table-A .left ul li .text-A { font-size:12px; line-height:130%; color:#CCC; margin:4px 0px 0px 0px; } #info-area .inner ul li .box .table-A .right { display:table-cell; vertical-align:middle; } #info-area .inner ul li .box .table-A .right ul { float:right; margin:0px 8px 0px 0px; overflow:hidden; position:relative; } #info-area .inner ul li .box .table-A .right ul li { float:left; margin:0px 45px 0px 0px; padding:0px; } #info-area .inner ul li .box .table-A .right ul li:last-child { margin-right:0px; } #info-area .inner ul li .box .table-A .right ul li a { display:table; } #info-area .inner ul li .box .table-A .right ul li a:hover { opacity:0.8; } #info-area .inner ul li .box .table-A .right ul li a .icon { display:table-cell; padding:0px 6px 0px 0px; vertical-align:middle; } #info-area .inner ul li .box .table-A .right ul li a .icon img { width:19px; } #info-area .inner ul li .box .table-A .right ul li a .texts { display:table-cell; vertical-align:top; padding:3px 0px 0px 0px; font-size:12px; font-weight:bold; color:#FFF; letter-spacing:0px; } /****** ID:block-help *****/ #block-help { width:100%; } #block-help .inner { border-top:1px dotted #CCC; padding-bottom:80px; } #block-help .inner h2 { display:block; padding:70px 0px 50px 0px; text-align:center; } #block-help .inner h2 img { height:31px; } #block-help .inner ul { overflow:hidden; position:relative; margin:0px 0px 0px 119px; } #block-help .inner ul li { float:left; margin:0px 150px 0px 0px; } #block-help .inner ul .end-01 { margin-right:0px; } #block-help .inner ul li a { display:block; } #block-help .inner ul li a:hover { opacity:0.8; } #block-help .inner ul li a .table { display:table; } #block-help .inner ul li a .table .td { display:table-cell; vertical-align:middle; text-align:center; } #block-help .inner ul li a .table .td img {} #block-help .inner ul li a .table .td .type-01 { margin:14px 0px 0px 2px;} #block-help .inner ul li a .table .td .type-02 { margin:6px 0px 0px 0px;} #block-help .inner ul li a .table .td .type-03 { margin:10px 0px 0px 0px; height:50px;} #block-help .inner ul li a .table .td .type-04 { margin:6px 0px 0px 0px;} #block-help .inner ul li a .table .td .type-05 { margin:5px 0px 0px 0px; height:62px;} #block-help .inner ul li a p { text-align:center; margin:5px 0px 0px 0px; } #block-help .inner ul .large a .table .td { width:152px; height:152px; background-image:url(../img/block_help_bg_01.png); background-repeat:no-repeat; background-position:0px 0px; } #block-help .inner ul .small { margin:10px 0px 0px 160px; } #block-help .inner ul .small a .table .td { width:117px; height:117px; background-image:url(../img/block_help_bg_02.png); background-repeat:no-repeat; background-position:0px 0px; } #block-help .inner ul .end-02 { margin-left:195px; } /****** ID:block-endlink *****/ #block-endlink { width:100%; padding-top:48px; padding-bottom:48px; background-color:#f5f5f5; } #block-endlink .inner { } #block-endlink .inner ul { overflow:hidden; position:relative; margin:0px 0px 0px 80px; } #block-endlink .inner ul li { float:left; width:120px; } #block-endlink .inner ul .long { width:130px; } #block-endlink .inner ul li a { display:block; font-size:10px; color:#ADADAD; margin:0px 0px 7px 0px; padding-left:1em; text-indent:-1em; } #block-endlink .inner ul li a:hover { opacity:0.6; } #block-endlink .inner ul li .head { margin:3px 0px 0px 0px; } #block-endlink .inner ul li .head a { margin-bottom:5px; } #block-endlink .inner ul li .head a span { display:none; } #block-endlink .inner ul li .links { } #block-endlink .inner ul .tel { float:left; width:250px; border-left:1px solid #CCC; } #block-endlink .inner ul .tel .head { margin:0px 0px 0px 50px; } #block-endlink .inner ul .tel .tel-number { margin:4px 0px 0px 50px; } #block-endlink .inner ul .tel .mail-box { margin:2px 0px 0px 50px; } #block-endlink .inner ul .tel .mail-box a:hover { opacity:0.8; } #block-endlink .inner ul .tel .mail-box img { width:193px; } #block-endlink .inner ul .tel .times { margin:4px 0px 0px 50px; padding:0px 0px 3px 0px; font-size:11px; color:#666; line-height:130%; } #block-endlink .inner ul .tel .times span { color:#ADADAD; } /****** ID:block-footer *****/ #block-footer { width:100%; background-color:#000; padding-top:40px; padding-bottom:40px; } #block-footer .inner { } #block-footer .inner p { font-size:11px; color:#FFF; text-align:center; } /****** ID:common-style *****/ #common-style { width:100%; padding-bottom:0px; } #common-style .inner { width:900px; min-width:900px; } #common-style .inner-min-A { width:600px; min-width:600px; } #common-style .title-A { background-color:#000; } #common-style .title-A .inner { width:900px; min-width:900px; } #common-style .title-A .inner h1 { text-align:left; padding:40px 0px 10px 0px; margin:0px; font-size:18px; color:#FFF; line-height:110%; font-weight:normal; opacity:1; letter-spacing:2px; } #common-style .title-X { /* 注文完了画面 */ width:100%; padding-bottom:0px; background-color:#000; background-image: url("../img/overlay_01.png"), /* 最前面の背景レイヤーの背景画像 */ url("../img/../img/enjoy_bg_01.jpg"); background-repeat: repeat, /* 最前面の背景レイヤーに対応 */ no-repeat; background-position: top left, /* 最前面の背景レイヤーに対応 */ top right; background-size: auto, /* 最前面の背景レイヤーに対応 */ auto; } #common-style .title-X .inner { width:1000px; min-width:1000px; } #common-style .title-X .inner h1 { text-align:center; padding:80px 0px 0px 0px; margin:0px; font-size:24px; color:#FFF; line-height:110%; font-weight:bold; letter-spacing:3px; } #common-style .title-X .inner h2 { text-align:center; padding:50px 0px 0px 0px; margin:0px; font-size:16px; color:#FFF; line-height:110%; font-weight:bold; } #common-style .title-X .inner .text-A { text-align:center; padding:15px 0px 80px 0px; font-size:14px; color:#CCC; line-height:180%; } #common-style .inner .menu-A { width:898px; margin:40px 0px 0px 0px; border-width:1px 1px 0px 1px; border-color:#666; border-style:solid; } #common-style .inner .menu-A .table { display:table; width:100%; border-width:0px 0px 0px 0px; border-color:#666; border-style:solid; } #common-style .inner .menu-A .table li { display:table-cell; border-bottom:1px solid #666; border-right:1px solid #666; } #common-style .inner .menu-A .table li:last-child { border-right:none; } #common-style .inner .menu-A .table li .fa { display:none; } #common-style .inner .menu-A .line-4 li { width:25%; } #common-style .inner .menu-A .table li a { display:block; padding:10px 10px 10px 10px; font-size:13px; text-align:center; } #common-style .inner .menu-A .table li a:hover { opacity:0.8; } #common-style .inner .menu-A .table li a span { margin-right:5px; } #common-style .inner .c-title-A { border-bottom:2px solid #444; } #common-style .inner .c-title-A h2 { font-size:16px; line-height:110%; font-weight:bold; padding:0px 0px 8px 3px; margin:60px 0px 0px 0px; } #common-style .inner .c-title-A h2 span { margin-right:7px; } #common-style .inner .c-title-A .head-A { margin-top:40px;} #common-style .inner .c-title-A .center { text-align:center; } #common-style .inner .c-title-check { /*border-bottom:2px solid #444;*/ margin:40px 0px 0px 0px; } #common-style .inner .c-title-check .table-A { display:table; } #common-style .inner .c-title-check .table-A .left { display:table-cell; padding:0px 0px 8px 3px; } #common-style .inner .c-title-check .table-A .left label { font-size:16px; } #common-style .inner .c-title-check .table-A .left label u { font-size:12px; margin-left:5px; color:#CC0000; text-decoration:none; } #common-style .inner .c-title-check .table-A .right { display:table-cell; } #common-style .inner .c-texts-A { margin:20px 0px 0px 0px; } #common-style .inner .c-texts-A .text-A { font-size:13px; color:#333; line-height:150%; } #common-style .inner .c-texts-B { margin:40px 0px 0px 0px; } /* 中央寄せのテキスト*/ #common-style .inner .c-texts-B .text-A { font-size:15px; color:#333; line-height:150%; text-align:center; } #common-style .inner .c-texts-B .text-B { font-size:15px; color:#333; line-height:150%; } #common-style .inner .c-texts-X { margin:100px 0px 50px 0px; } /* 中央寄せのテキスト */ #common-style .inner .c-texts-X .text-A { font-size:15px; color:#333; line-height:150%; text-align:center; } #common-style .inner .c-table-A { margin:20px 0px 0px 0px; } /* 表組み用 */ #common-style .inner .c-table-A table { width:100%; border-collapse:collapse; } #common-style .inner .c-table-A table, th, td { border:none; } #common-style .inner .c-table-A table tr { border-bottom:1px dotted #444; } #common-style .inner .c-table-A table tr th { font-size:13px; border-right:1px dotted #444; width:1%; text-align:left; padding:8px 8px 8px 8px; line-height:150%; font-weight:bold; vertical-align:top; white-space: nowrap } #common-style .inner .c-table-A table tr td { font-size:13px; padding:8px 8px 8px 12px; line-height:150%; vertical-align:top; } #common-style .inner .c-table-A table tr td .indent { padding-left:1em; text-indent:-1em;} #common-style .inner .c-table-A table tr td .in-box-A { margin-top:10px; } #common-style .inner .c-table-B { margin:20px 0px 0px 0px; } /* スマホ時縦組み対応 */ #common-style .inner .c-table-B .table { width:100%; display:table; } #common-style .inner .c-table-B .table .th { display:table-cell; font-size:13px; border-right:1px dotted #444; border-bottom:1px dotted #444; width:180px; text-align:left; padding:8px 8px 8px 8px; line-height:150%; font-weight:bold; vertical-align:top; white-space: nowrap } #common-style .inner .c-table-B .table .th u { font-size:11px; text-decoration:none; font-weight:normal; opacity:0.8; } #common-style .inner .c-table-B .table .td { display:table-cell; font-size:13px; border-bottom:1px dotted #444; padding:8px 8px 8px 12px; line-height:150%; vertical-align:top; } #common-style .inner .c-table-B .table .td .indent { padding-left:1em; text-indent:-1em;} #common-style .inner .c-table-C { margin:5px 0px 20px 0px; } /* 住所指定　スマホ時縦組み対応 */ #common-style .inner .c-table-C .table { display:table; width:100%; } #common-style .inner .c-table-C .w-600 { width:600px; margin:0px 0px 0px 150px; } #common-style .inner .c-table-C .sub-title { border-bottom:2px solid #444; width:600px; margin:40px 0px 0px 150px; } #common-style .inner .c-table-C .sub-title h3 { font-size:16px; line-height:110%; font-weight:bold; padding:0px 0px 8px 3px; margin:0px; } #common-style .inner .c-table-C .sub-title h3 span { margin-right:7px; } #common-style .inner .c-table-C .table .th { } #common-style .inner .c-table-C .table .th u { } #common-style .inner .c-table-C .table .td { display:table-cell; font-size:13px; border-bottom:1px dotted #444; padding:8px 8px 8px 12px; line-height:150%; vertical-align:top; } #common-style .inner .c-table-C .table .radio { } #common-style .inner .c-table-C .table .type-A { width:100%; } #common-style .inner .c-table-C .table .td .name-A { font-size:15px; font-weight:bold; margin:0px 0px 0px 0px; } #common-style .inner .c-table-C .table .td .name-A .icon-ya { height:20px; } #common-style .inner .c-table-C .table .td .text-A { margin:0px 0px 0px 0px; } #common-style .inner .c-table-C .table .pay-info-A { width:100%; margin:0px 0px 0px 0px; } #common-style .inner .c-table-C .table .pay-info-A .name-box { display:table; } #common-style .inner .c-table-C .table .pay-info-A .name-box .name-td { display:table-cell; vertical-align:top; } #common-style .inner .c-table-C .table .pay-info-A .name-box .name-td label { font-size:15px; font-weight:bold; margin:0px 0px 0px 0px; } #common-style .inner .c-table-C .table .pay-info-A .name-box .image-td { display:table-cell; vertical-align:top; } #common-style .inner .c-table-C .table .pay-info-A .name-box .image-td .icon-ya { height:20px; } #common-style .inner .c-table-C .table .pay-info-A .name-box .image-td .icon-ra { height:16px; margin:3px 0px 0px 5px; } #common-style .inner .c-table-C .table .pay-info-A .info-block { margin:3px 0px 0px 0px; color:#666; line-height:140%; } #common-style .inner .c-table-C .table .pay-info-A .info-block .text-X { } #common-style .inner .c-table-C .table .pay-info-A .info-block .note-A { font-size:11px; padding-left:1em; text-indent:-1em; } #common-style .inner .c-table-C .table .pay-info-A .info-block .image-A { } #common-style .inner .c-table-C .table .pay-info-A .info-block ul { } #common-style .inner .c-table-C .table .pay-info-A .info-block ul li { padding-left:1em; text-indent:-1em; } #common-style .inner .c-table-C .table .td .function-A { margin:0px 0px 0px 0px; overflow:hidden; position:relative; } #common-style .inner .c-table-C .table .td .function-A li { float:left; margin-right:20px; } #common-style .inner .c-table-C .table .td .function-A li a { font-size:12px; text-decoration:underline; opacity:0.6; } #common-style .inner .c-table-C .table .td .deliv-A { } #common-style .inner .c-table-C .table .td .deliv-A { overflow:hidden; position:relative; float:left; margin-right:20px; } #common-style .inner .c-table-C .table .td .deliv-A li { float:left; display:block; } #common-style .inner .c-table-C .table .td .deliv-A li p { padding:4px 0px 0px 0px; } #common-style .inner .c-table-C .table .td .deliv-A li select { padding:5px; border-radius:3px; border:none; } #common-style .inner .c-table-C .table .td .message-A { width:100%; } #common-style .inner .c-table-C .table .td .message-A { overflow:hidden; position:relative; float:left; margin-right:20px; } #common-style .inner .c-table-C .table .td .message-A textarea { width:100%; padding:5px; border-radius:3px; border:none; } #common-style .inner .c-table-C .address-add { margin:40px 0px 0px 0px; } #common-style .inner .c-table-C .address-add .box { display:table; width:600px; margin:0px 0px 0px 150px; padding:0px 0px 40px 0px; border-bottom:2px solid #444; } #common-style .inner .c-table-C .address-add .box .td { display:table-cell; vertical-align:cneter; text-align:center; } #common-style .inner .c-table-C .address-add .box .td .btn-A { background-color:#FFF; border:1px solid #CCC; color:#666; font-size:12px; padding:12px 20px 10px 30px; background-image:url(../img/button_arrow_l_g_01.png); background-repeat:no-repeat; background-position:13px 15px; background-size:6px 9px; text-decoration:none; } #common-style .inner .c-table-C .address-add .box .td .btn-A:hover { opacity:0.6; } #common-style .inner .c-table-X { margin:20px 0px 0px 0px; } /*カート用*/ #common-style .inner .c-table-X table { width:100%; border-collapse:collapse; } #common-style .inner .c-table-X table, th, td { border:none; } #common-style .inner .c-table-X table tr { border-bottom:1px dotted #444; } #common-style .inner .c-table-X table tr th { font-size:13px; text-align:left; padding:8px 8px 8px 8px; line-height:150%; font-weight:bold; vertical-align:top; white-space: nowrap } #common-style .inner .c-table-X table tr td { font-size:13px; padding:8px 8px 8px 8px; line-height:150%; vertical-align:top; } #common-style .inner .c-table-X table tr .none { border-right:none; } #common-style .inner .c-table-X table tr .photo { width:100px; } #common-style .inner .c-table-X table tr .photo img { width:100px; } #common-style .inner .c-table-X table tr .name { } #common-style .inner .c-table-X table tr .name .main-name { font-size:15px; font-weight:bold; } #common-style .inner .c-table-X table tr .name .delete { font-size:12px; margin-top:12px; } #common-style .inner .c-table-X table tr .name .delete a { text-decoration:underline; opacity:0.6; } #common-style .inner .c-table-X table tr .price { width:80px; } #common-style .inner .c-table-X table tr .price p { font-size:16px; font-weight:bold; } #common-style .inner .c-table-X table tr .number { width:80px; font-size:16px; font-weight:bold; padding-top:5px; } #common-style .inner .c-table-X table tr .number ul { overflow:hidden; position:relative; } #common-style .inner .c-table-X table tr .number ul li { float:left; margin:0px 10px 0px 0px; font-size:20px; opacity:0.6; } #common-style .inner .c-table-X table tr td .indent { padding-left:1em; text-indent:-1em;} #common-style .inner .c-table-X table tr td .in-box-A { margin-top:10px; } #common-style .inner .c-table-X .subtotal { font-size:14px; text-align:right; padding:10px 10px 0px 0px;} #common-style .inner .c-table-X .subtotal .price { font-size:20px; font-weight:bold; } #common-style .inner .c-table-X table tr td .btn-back { display:block; background: #CCCCCC; background-image: -webkit-linear-gradient(top, #CCCCCC, #666666); background-image: -moz-linear-gradient(top, #CCCCCC, #666666); background-image: -ms-linear-gradient(top, #CCCCCC, #666666); background-image: -o-linear-gradient(top, #CCCCCC, #666666); background-image: linear-gradient(to bottom, #CCCCCC, #666666); -webkit-border-radius: 14; -moz-border-radius: 14; border-radius: 14px; text-shadow: 1px 1px 3px #666666; color: #ffffff; font-size: 15px; padding: 10px 20px 10px 20px; text-decoration: none; } #common-style .inner .c-table-X table tr td.btn-back:hover { background: #CCCCCC; text-decoration: none; } #common-style .inner .c-table-Y { margin:30px 0px 30px 0px; } /*購入一覧用*/ #common-style .inner .c-table-Y table { width:100%; border-collapse:collapse; } #common-style .inner .c-table-Y table, th, td { border:none; } #common-style .inner .c-table-Y table tr { border-bottom:1px dotted #444; } #common-style .inner .c-table-Y table tr th { font-size:14px; text-align:left; padding:8px 8px 8px 8px; line-height:150%; font-weight:bold; vertical-align:top; white-space:nowrap; } #common-style .inner .c-table-Y table tr td { font-size:14px; padding:8px 8px 8px 8px; line-height:150%; vertical-align:middle; } #common-style .inner .c-table-Y table tr .none { border-right:none; } #common-style .inner .c-table-Y table tr td .btn-back { display:block; background: #CCCCCC; background-image: -webkit-linear-gradient(top, #CCCCCC, #666666); background-image: -moz-linear-gradient(top, #CCCCCC, #666666); background-image: -ms-linear-gradient(top, #CCCCCC, #666666); background-image: -o-linear-gradient(top, #CCCCCC, #666666); background-image: linear-gradient(to bottom, #CCCCCC, #666666); -webkit-border-radius: 14; -moz-border-radius: 14; border-radius: 14px; text-shadow: 1px 1px 3px #666666; color: #ffffff; font-size: 12px; padding: 5px 10px 5px 10px; text-decoration: none; text-align:center; } #common-style .inner .c-table-Y table tr td.btn-back:hover { background: #CCCCCC; text-decoration: none; } #common-style .inner .c-gift-A { margin:40px 0px 0px 0px; border:2px solid #EEE; } #common-style .inner .c-gift-A h3 { font-size:15px; line-height:150%; margin:20px 20px 0px 20px; padding:0; } #common-style .inner .c-gift-A h3 span { color:#d2a800; margin-right:5px; } #common-style .inner .c-gift-A p { font-size:12px; color:#666; line-height:150%; margin:5px 20px 20px 20px; } #common-style .inner .c-block-A { margin:30px 0px 0px 0px; } /* 少タイトル＋テキスト */ #common-style .inner .c-block-A h3 { font-size:14px; text-align:left; font-weight:bold; padding:0px; margin:30px 0px 0px 0px; line-height:140%; } #common-style .inner .c-block-A h3:first-child { margin-top:0px; } #common-style .inner .c-block-A .text-A { margin:5px 0px 0px 0px; padding:0px; font-size:13px; color:#666; line-height:150%; } #common-style .inner .c-block-A .text-A a { color:#666; text-decoration:underline; } #common-style .inner .c-block-A .text-B { margin:5px 0px 0px 0px; padding:0px; text-align:center; font-size:15px; color:#666; line-height:150%; } #common-style .inner .c-block-A .indent { padding-left:1em; text-indent:-1em;} #common-style .inner .c-block-A .margin-top-A { margin-top:5px; } #common-style .inner .c-block-A .table-A { } #common-style .inner .c-block-A .table-A table { border-collapse:collapse; } #common-style .inner .c-block-A .table-A table, th, td { border:none; } #common-style .inner .c-block-A .table-A table tr td { padding:2px 0px 0px 0px; font-size:13px; color:#666; line-height:150%; } #common-style .inner .c-block-A .table-A table tr th { padding:2px 5px 0px 5px; font-size:13px; color:#666; line-height:150%; font-weight:normal; } #common-style .inner .c-block-A .list-A { margin:8px 0px 0px 0px; overflow:hidden; position:relative; } #common-style .inner .c-block-A .list-A li { font-size:13px; color:#666; line-height:140%; padding-left:1em; text-indent:-1em; margin:0px 0px 6px 0px; } #common-style .inner .c-block-A .list-A li:last-child { margin-bottom:0px; } #common-style .inner .c-block-P { margin:30px 0px 0px 0px; } /* プライバシーポリシー用 */ #common-style .inner .c-block-P h3 { font-size:13px; text-align:left; font-weight:bold; padding:0px; margin:30px 0px 0px 0px; } #common-style .inner .c-block-P h3:first-child { margin-top:0px; } #common-style .inner .c-block-P h3 p { padding-left:1.2em; text-indent:-1.2em; } #common-style .inner .c-block-P .text-A { margin:5px 0px 0px 0px; padding:0px; font-size:13px; color:#666; line-height:150%; } #common-style .inner .c-block-P .text-A a { color:#666; text-decoration:underline; } #common-style .inner .c-block-P .indent { padding-left:1em; text-indent:-1em;} #common-style .inner .c-block-P .strong { margin:15px 0px 0px 0px; font-weight:bold; color:#333; } #common-style .inner .c-block-P .margin-top-A { margin-top:5px; } #common-style .inner .c-block-P .table-A { } #common-style .inner .c-block-P .table-A table { border-collapse:collapse; } #common-style .inner .c-block-P .table-A table, th, td { border:none; } #common-style .inner .c-block-P .table-A table tr td { padding:2px 0px 0px 0px; font-size:13px; color:#666; line-height:150%; } #common-style .inner .c-block-P .table-A table tr th { padding:2px 5px 0px 5px; font-size:13px; color:#666; line-height:150%; font-weight:normal; } #common-style .inner .c-block-Bank { margin:40px 0px 0px 0px; border-top:1px dotted #666; border-bottom:1px dotted #666; } /* 注文完了 銀行振込枠 */ #common-style .inner .c-block-Bank h3 { font-size:13px; text-align:center; font-weight:bold; padding:0px; margin:25px 10px 0px 10px; } #common-style .inner .c-block-Bank ul { margin:20px 10px 25px 10px; } #common-style .inner .c-block-Bank ul li { font-size:12px; color:#666; line-height:150%; text-align:center; margin-bottom:5px; } #common-style .inner .c-block-Bank ul li:last-child { margin-bottom:0px; } #common-style .inner .c-block-Bank ul li span { font-size:10px; } #common-style .inner .c-button-A { margin:40px 0px 0px 0px; border-top:2px solid #444; } /* */ #common-style .inner .c-button-A-no-border { border-top:0px; margin-top:0px;} #common-style .inner .c-button-A .text-A { margin:50px 0px 0px 0px; padding:0px; font-size:13px; color:#333; line-height:150%; text-align:center; } #common-style .inner .c-button-A .table-A { margin:12px 0px 0px 0px; } #common-style .inner .c-button-A .table-A-notext { margin-top:30px; } #common-style .inner .c-button-A .table-A table { border-collapse:collapse; } #common-style .inner .c-button-A .table-A table, th, td { border:none; vertical-align:top; } #common-style .inner .c-button-A .table-A table tr td ul { display:table; } #common-style .inner .c-button-A .table-A table tr td ul li { display:table-cell; padding-right:20px; vertical-align:top; } #common-style .inner .c-button-A .table-A table tr td ul li:last-child { padding-right:0px; } #common-style .inner .c-button-A .table-A table tr td ul li input { border:none; margin:0; padding:0; float:left;　outline:none; cursor:pointer; } #common-style .inner .c-button-A .table-A table tr td ul li input[type="submit"]:focus { outline:none; } #common-style .inner .c-button-A .table-A table tr td ul li a { display:block; } #common-style .inner .c-button-A .table-A table tr td ul li .btn-back { background-color:#FFF; border:1px solid #CCC; color:#666; font-size:14px; padding:12px 20px 10px 30px; background-image:url(../img/button_arrow_l_g_01.png); background-repeat:no-repeat; background-position:13px 15px; background-size:6px 9px; text-decoration:none; } #common-style .inner .c-button-A .table-A table tr td ul li .btn-back:hover { opacity:0.6; } #common-style .inner .c-button-A .table-A table tr td ul li .btn-decide { background-color:#FFF; border:1px solid #CC0000; color:#CC0000; font-size:14px; padding:12px 20px 10px 30px; background-image:url(../img/button_arrow_l_r_01.png); background-repeat:no-repeat; background-position:13px 15px; background-size:6px 9px; text-decoration:none; } #common-style .inner .c-button-A .table-A table tr td ul li .btn-decide:hover { opacity:0.6; } /* ペイメントサービス用 */ #common-style .inner .c-button-A .table-pay { margin:12px 0px 0px 0px; } #common-style .inner .c-button-A .table-pay-notext { margin-top:30px; } #common-style .inner .c-button-A .table-pay table { border-collapse:collapse; } #common-style .inner .c-button-A .table-pay table, th, td { border:none; vertical-align:top; } #common-style .inner .c-button-A .table-pay table tr td ul { display:table; } #common-style .inner .c-button-A .table-pay table tr td ul li { display:table-cell; padding-right:20px; vertical-align:top; } #common-style .inner .c-button-A .table-pay table tr td ul .yahoo-pay { width:182px; height:34px; } #common-style .inner .c-button-A .table-pay table tr td ul li:last-child { padding-right:0px; } #common-style .inner .c-button-A .table-pay table tr td ul li input { border:none; margin:0; padding:0; float:left;　outline:none; cursor:pointer; } #common-style .inner .c-button-A .table-pay table tr td ul li input[type="submit"]:focus { outline:none; } #common-style .inner .c-button-A .table-pay table tr td ul li a { display:block; } #common-style .inner .c-button-A .table-pay table tr td ul li .btn-back { background-color:#FFF; border:1px solid #CCC; color:#666; font-size:14px; padding:12px 20px 10px 30px; background-image:url(../img/button_arrow_l_g_01.png); background-repeat:no-repeat; background-position:13px 15px; background-size:6px 9px; text-decoration:none; } #common-style .inner .c-button-A .table-pay table tr td ul li .btn-back:hover { opacity:0.6; } #common-style .inner .c-button-A .table-pay table tr td ul .only-sp { display:none; } .float-yahoo-pay { position:absolute; top:-1000px; left:0; width:182px; height:34px; } #common-style .inner .c-login-A { margin:40px 0px 0px 0px; } /*購入手続き（ログイン画面）*/ #common-style .inner .c-login-A.table-A { display:table; width:100%; } #common-style .inner .c-login-A .table-A .td { display:table-cell; width:50%; padding-left:20px; } #common-style .inner .c-login-A .table-A .td-L { border-right:1px solid #444; padding-left:0px; padding-right:20px; } #common-style .inner .c-login-A .table-A .td h3 { padding:0; margin:0; } #common-style .inner .c-login-A .table-A .td h3 { border-bottom:2px solid #444; } #common-style .inner .c-login-A .table-A .td h3 p { font-size:16px; line-height:110%; font-weight:bold; padding:0px 0px 8px 3px; margin:0px 0px 0px 0px; } #common-style .inner .c-login-A .table-A .td h3 p span { margin-right:7px; } #common-style .inner .c-login-A .table-A .td .text-A { min-height:100px; font-size:13px; line-height:150%; margin:20px 0px 0px 0px; opacity:0.8; } #common-style .inner .c-login-A .table-A .td .form { margin:20px 0px 0px 0px; min-height:100px; } #common-style .inner .c-login-A .table-A .td .form table { width:100%; } #common-style .inner .c-login-A .table-A .td .form table tr th { width:1%; white-space:nowrap; font-size:15px; line-height:150%; padding:4px 10px 10px 0px; text-align:left; } #common-style .inner .c-login-A .table-A .td .form table tr td { font-size:13px; line-height:150%; padding:0px 10px 10px 0px; } #common-style .inner .c-login-A .table-A .td .form table tr td .text-B { font-size:11px; margin:2px 0px 0px 0px; opacity:0.8; } #common-style .inner .c-login-A .table-A .td .form table tr td .text-B span { margin-right:2px; } #common-style .inner .c-login-A .table-A .td .form table tr td input { width:100%; padding:5px; border-radius:3px; border:none; } #common-style .inner .c-login-A .table-A .td .btn-A { text-align:center; margin:20px 0px 0px 0px; } #common-style .inner .c-login-A .table-A .td .btn-A input { border:none; margin:0; padding:0; outline:none; cursor:pointer; } #common-style .inner .c-login-A .table-A .td .btn-A input[type="submit"]:focus { outline:none; } #common-style .inner .c-login-A .table-A .td .btn-A .btn-decide { background-color:#FFF; border:1px solid #CC0000; color:#CC0000; font-size:14px; padding:12px 20px 10px 30px; background-image:url(../img/button_arrow_l_r_01.png); background-repeat:no-repeat; background-position:13px 15px; background-size:6px 9px; text-decoration:none; } #common-style .inner .c-login-A .table-A .td .btn-A .btn-decide:hover { opacity:0.6; } #common-style .inner .c-login-B { margin:40px 0px 0px 0px; } /*購入手続き（ログイン画面）*/ #common-style .inner .c-login-B .table-A { display:table; width:600px; margin:0px 0px 0px 150px; } #common-style .inner .c-login-B .table-A .td { display:table-cell; width:600px; } #common-style .inner .c-login-B .table-A .td h3 { padding:0; margin:0; } #common-style .inner .c-login-B .table-A .td h3 { border-bottom:2px solid #444; } #common-style .inner .c-login-B .table-A .td h3 p { font-size:16px; line-height:110%; font-weight:bold; padding:0px 0px 8px 3px; margin:0px 0px 0px 0px; } #common-style .inner .c-login-B .table-A .td h3 p span { margin-right:7px; } #common-style .inner .c-login-B .table-A .td .text-A { min-height:100px; font-size:13px; line-height:150%; margin:10px 0px 0px 0px; opacity:0.8; } #common-style .inner .c-login-B .table-A .td .text-A-head { min-height:auto; padding-bottom:20px; } #common-style .inner .c-login-B .table-A .td .form { margin:20px 0px 0px 0px; min-height:100px; } #common-style .inner .c-login-B .table-A .td .form table { width:100%; } #common-style .inner .c-login-B .table-A .td .form table tr th { width:1%; white-space:nowrap; font-size:15px; line-height:150%; padding:4px 10px 10px 0px; text-align:left; } #common-style .inner .c-login-B .table-A .td .form table tr td { font-size:13px; line-height:150%; padding:0px 10px 10px 0px; } #common-style .inner .c-login-B .table-A .td .form table tr td .text-B { font-size:11px; margin:2px 0px 0px 0px; opacity:0.8; } #common-style .inner .c-login-B .table-A .td .form table tr td .text-B span { margin-right:2px; } #common-style .inner .c-login-B .table-A .td .form table tr td input { width:100%; padding:5px; border-radius:3px; border:none; } #common-style .inner .c-login-B .table-A .td .btn-A { text-align:center; margin:0px 0px 0px 0px; } #common-style .inner .c-login-B .table-A .td .btn-A input { border:none; margin:0; padding:0; outline:none; cursor:pointer; } #common-style .inner .c-login-B .table-A .td .btn-A input[type="submit"]:focus { outline:none; } #common-style .inner .c-login-B .table-A .td .btn-A .btn-decide{ background-color:#FFF; border:1px solid #CCC; color:#666; font-size:14px; padding:12px 20px 10px 30px; background-image:url(../img/button_arrow_l_g_01.png); background-repeat:no-repeat; background-position:13px 15px; background-size:6px 9px; text-decoration:none; } #common-style .inner .c-login-B .table-A .td .btn-A .btn-decide:hover { opacity:0.6; } /* #common-style .inner .c-login-B .table-A .td .btn-A .btn-decide { border:0px; background-color:transparent;cursor:pointer; margin:0px; padding:0px; } #common-style .inner .c-login-B .table-A .td .btn-A .btn-decide:hover { background-color:#EEE; } #common-style .inner .c-login-B .table-A .td .btn-A .btn-decide a { border:1px solid #CCC; color:#333; display:inline-block; font-size:14px; padding:12px 20px 10px 14px; } #common-style .inner .c-login-B .table-A .td .btn-A .btn-decide a span { margin-right:6px; color:#CCC; } */ #common-style .inner .c-form-A { margin:20px 0px 0px 0px; } /* 会員登録 */ #common-style .inner .c-form-A .table-A { width:100%; display:table; } #common-style .inner .c-form-A .table-A .th { display:table-cell; width:180px; vertical-align:top; border-bottom:1px dotted #444; font-size:13px; border-right:1px dotted #444; text-align:left; padding:10px 10px 10px 10px; line-height:150%; font-weight:bold; vertical-align:top; } #common-style .inner .c-form-A .table-A .td { display:table-cell; vertical-align:top; border-bottom:1px dotted #444; font-size:13px; padding:10px 10px 10px 12px; line-height:150%; vertical-align:top; } #common-style .inner .c-form-A .table-A .th span { font-size:11px; color:#FF0000; font-weight:normal; } #common-style .inner .c-form-A .table-A .td .name-A { display:table; float:left; } #common-style .inner .c-form-A .table-A .td .name-A li { display:table-cell; vertical-align:top; } #common-style .inner .c-form-A .table-A .td .name-A .T-space { padding-top:2px; } #common-style .inner .c-form-A .table-A .td .name-A .L-space { padding-right:1em; } #common-style .inner .c-form-A .table-A .td .name-A li input { width:120px; padding:5px; border-radius:3px; border:none; margin:0px 20px 0px 7px; background-color:#EEE; } #common-style .inner .c-form-A .table-A .td .post-A { display:table; float:left; } #common-style .inner .c-form-A .table-A .td .post-A li { display:table-cell; vertical-align:top; } #common-style .inner .c-form-A .table-A .td .post-A .T-space { padding-top:2px; } #common-style .inner .c-form-A .table-A .td .post-A li input { width:60px; padding:5px; border-radius:3px; border:none; margin:0px 5px 0px 5px; } #common-style .inner .c-form-A .table-A .td .post-A .zip-link { font-size:11px; color:#666; padding-left:10px; } #common-style .inner .c-form-A .table-A .td .post-A .zip-link span { margin-right:5px; } #common-style .inner .c-form-A .table-A .td .address-A { clear:both; display:table; float:left; } #common-style .inner .c-form-A .table-A .td .address-A li { display:table-cell; vertical-align:middle; } #common-style .inner .c-form-A .table-A .td .address-A li select { padding:5px; border-radius:3px; border:none; margin:15px 0px 0px 0px; } #common-style .inner .c-form-A .table-A .td .address-A li input { width:400px; padding:8px; border-radius:3px; border:none; margin:15px 0px 0px 0px; } #common-style .inner .c-form-A .table-A .td .address-A li .text-A { font-size:12px; line-height:150%; opacity:0.8; margin:2px 0px 0px 0px; } #common-style .inner .c-form-A .table-A .td .tel-A { display:table; float:left; } #common-style .inner .c-form-A .table-A .td .tel-A li { display:table-cell; vertical-align:top; } #common-style .inner .c-form-A .table-A .td .tel-A .T-space { padding-top:2px; } #common-style .inner .c-form-A .table-A .td .tel-A li input { width:50px; padding:8px; border-radius:3px; border:none; margin:0px 5px 0px 5px; } #common-style .inner .c-form-A .table-A .td .tel-A li .input-f { margin-left:0px; } #common-style .inner .c-form-A .table-A .td .tel-A li .text-A { font-size:12px; line-height:150%; opacity:0.8; margin:2px 0px 0px 0px; } #common-style .inner .c-form-A .table-A .td .mail-A { clear:both; display:table; float:left; } #common-style .inner .c-form-A .table-A .td .mail-A li { display:table-cell; vertical-align:middle; } #common-style .inner .c-form-A .table-A .th u { text-decoration:none; font-size:11px; opacity:0.8; font-weight:normal; } #common-style .inner .c-form-A .table-A .th u a { text-decoration:underline; } #common-style .inner .c-form-A .table-A .td .mail-A li input { width:400px; padding:8px; border-radius:3px; border:none; margin:15px 0px 0px 0px; } #common-style .inner .c-form-A .table-A .td .mail-A li .input-f { margin-top:0px;} #common-style .inner .c-form-A .table-A .td .mail-A li .text-A { font-size:12px; line-height:150%; opacity:0.8; margin:2px 0px 0px 0px; } #common-style .inner .c-form-A .table-A .td .sex-A { display:table; float:left; } #common-style .inner .c-form-A .table-A .td .sex-A li { display:table-cell; vertical-align:middle; } #common-style .inner .c-form-A .table-A .td .sex-A li input { display:block; float:left; padding:5px; border-radius:3px; border:none; margin:2px 5px 0px 0px; } #common-style .inner .c-form-A .table-A .td .sex-A li label { display:block; float:left; padding:5px; border-radius:3px; border:none; margin:0px 20px 0px 0px; } #common-style .inner .c-form-A .table-A .td .birth-A { display:table; float:left; } #common-style .inner .c-form-A .table-A .td .birth-A li { display:table-cell; vertical-align:top; } #common-style .inner .c-form-A .table-A .td .birth-A .T-space { padding-top:2px; } #common-style .inner .c-form-A .table-A .td .birth-A li input { padding:5px; border-radius:8px; border:none; margin:0px 5px 0px 15px; width:50px; } #common-style .inner .c-form-A .table-A .td .birth-A li .input-f { margin-left:0px; } #common-style .inner .c-form-A .table-A .td .birth-A li .text-A { font-size:12px; line-height:150%; opacity:0.8; margin:2px 0px 0px 0px; } #common-style .inner .c-form-A .table-A .td .pass-A { clear:both; display:table; float:left; } #common-style .inner .c-form-A .table-A .td .pass-A li { display:table-cell; vertical-align:middle; } #common-style .inner .c-form-A .table-A .td .pass-A li input { width:250px; padding:8px; border-radius:3px; border:none; margin:0px 0px 0px 0px; } #common-style .inner .c-form-A .table-A .td .pass-A li select { padding:5px; border-radius:3px; border:none; margin:0px 0px 0px 0px; } #common-style .inner .c-form-A .table-A .td .m-top { margin-top:15px;} #common-style .inner .c-form-A .table-A .td .mag-A { display:table; float:left; } #common-style .inner .c-form-A .table-A .td .mag-A li { display:table-cell; vertical-align:middle; } #common-style .inner .c-form-A .table-A .td .mag-A li input { display:block; float:left; padding:5px; border-radius:3px; border:none; margin:2px 5px 0px 0px; } #common-style .inner .c-form-A .table-A .td .mag-A li label { display:block; padding:5px; border-radius:3px; border:none; margin:0px 5px 0px 0px; } #common-style .inner .c-privacy-A { width:100%; height:400px; margin-top:30px; overflow-x:hidden; background-color:#EEE; } #common-style .inner .c-privacy-A .all { width:855px; margin:15px 15px 15px 15px; font-size:12px; line-height:150%; color:#333; } #common-style .inner .c-form-A .table-A .td .attention { clear:both; font-size:11px; font-weight:normal; color:#FF0000; padding-top:4px; } #common-style .inner .c-form-A .table-A .td .attention p { float:left; margin:0px 12px 0px 0px; } #common-style .inner .c-form-A .table-A .td .attention-B { clear:both; line-height:130%; font-size:11px; font-weight:normal; color:#FF0000; padding-top:4px; } #common-style .inner .c-form-A .table-A .td .attention-B p { float:left; margin:0px 12px 0px 0px; } #common-style .inner .c-movie-A { margin:70px 0px 0px 0px; } /*ムービーマニュアル）*/ #common-style .inner .c-movie-A h2 { font-size:20px; color:#333; font-style:italic; letter-spacing:1px; line-height:120%; padding:0px 0px 9px 2px; margin:70px 0px 0px 0px; } #common-style .inner .c-movie-A .first { margin-top:0px; } #common-style .inner .c-movie-A .table-A { display:table; margin:0px 0px 0px 0px; /*background-color:rgba(0,0,0,0.6);*/ } #common-style .inner .c-movie-A .table-A .td { display:table-cell; } #common-style .inner .c-movie-A .table-A .td iframe { border:2px solid #000; } #common-style .inner .c-movie-A .table-A .text-area { width:340px; vertical-align:middle; } #common-style .inner .c-movie-A .table-A .movie-area { padding:5px 5px 2px 5px; vertical-align:top; } #common-style .inner .c-movie-A .table-A .td .texts { margin:0px 5px 0px 20px; font-size:13px; line-height:150%; color:#333; opacity:0.8; } #common-style .inner .c-movie-A .table-A .td .texts .list { } #common-style .inner .c-movie-A .table-A .td .texts .list th { vertical-align:top; text-align:left; padding:0px 0px 10px 0px; } #common-style .inner .c-movie-A .table-A .td .texts .list td { vertical-align:top; text-align:left; padding:0px 0px 10px 0px; } #common-style .inner .c-movie-A .table-A .td .texts .list .last { padding-bottom:0px; } #common-style .inner .c-movie-A .table-A .td .texts .list .item { font-size:12px; line-height:150%; color:#333; opacity:; font-weight:bold; padding-right:20px; } #common-style .inner .c-movie-A .table-A .td .texts .list .text { font-size:12px; line-height:150%; color:#333; opacity:; } #common-style .inner .c-movie-A .annotation { clear:both; margin:0px 0px 0px 0px; padding:10px 0px 0px 5px; } #common-style .inner .c-movie-A .annotation p { padding-left:1em; text-indent:-1em; margin-bottom:3px; font-size:11px; line-height:150%; color:#333; opacity:0.6; } #common-style .inner .c-warranty-A { margin:30px 0px 0px 0px; } /*ムービーマニュアル）*/ #common-style .inner .c-warranty-A .text-A { font-size:12px; line-height:150%; opacity:0.8; color:#333; } #common-style .inner .c-warranty-A .text-B { font-size:14px; line-height:150%; font-weight:bold; margin:10px 0px 0px 0px; color:#333; } #common-style .inner .c-warranty-A .title-A { border-bottom:2px solid #444; background:none; } #common-style .inner .c-warranty-A .title-A h2 { font-size:16px; line-height:110%; font-weight:bold; padding:0px 0px 8px 3px; margin:50px 0px 0px 0px; } #common-style .inner .c-warranty-A .title-A h2 span { margin-right:7px; } #common-style .inner .c-warranty-A .title-A .center { text-align:center; } #common-style .inner .c-warranty-A .list-A { margin:0; padding:0; overflow:hidden; position:relative; } #common-style .inner .c-warranty-A .list-A li { font-size:14px; color:#333; line-height:150%; padding:20px 0px 0px 0px; margin:0px 0px 0px 0px; } #common-style .inner .c-warranty-A .list-A .num { list-style-type:number; margin-left:22px; } #common-style .inner .c-warranty-A .list-A .disc { list-style-type:disc; margin-left:20px; } #common-style .inner .c-warranty-A .list-A .inlist { margin:12px 0px 0px 0px; padding:0; overflow:hidden; position:relative; } #common-style .inner .c-warranty-A .list-A .inlist li { font-size:14px; color:#333; line-height:150%; opacity:0.8; padding:2px 0px 0px 0px; margin:0px 0px 0px 0px; } #common-style .inner .c-warranty-A .list-A .inlist .num { list-style-type:number; margin-left:42px; } #common-style .inner .c-warranty-A .list-A .inlist .disc { list-style-type:disc; margin-left:40px; } #common-style .inner .no-border { border-width:0px 0px 0px 0px; }