body{background:url("../img/common/bg1.jpg") center fixed no-repeat #fff;} #header{ width:100%; background:#333; padding:15px 0 18px 0; box-shadow:0 2px 4px rgba(0, 0, 0, .3); position:fixed; top:0; z-index:10;} #footer{ margin-top:40px;} /* footstamp */ #footstamp{ padding:20px 0; background:#fff;} .chrome_margin{ margin-top:18px;} #footstamp ul{ text-align:left;} #footstamp li{ display:inline-block; color:#666;} #footstamp li.arrow{ color:#ccc; margin:0 10px;} /* main title */ #main_ttl{ width:100%; height:200px;} #main_ttl .wrapper{ text-align:left;} /* side bar */ .side{ width:210px; float:left;} /* content block */ .content{ width:765px; float:right;} .content_detail{ background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .2); } .content_detail_inner{ width:660px; margin:auto; padding:50px 0; text-align:left;} .content_one{background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .2); text-align:center; width:100%;} .content_one_inner{ width:900px; margin:auto; padding:60px 0;} .center{ width:100%; text-align:center;} .sns_btn{ background:#eae8e9; padding:20px 30px 10px 20px; margin-top:50px;} /* WP-PageNavi */ .wp-pagenavi {clear: both; font-family: 'Lora', serif; text-align:center;} .wp-pagenavi a, .wp-pagenavi span {text-decoration: none;border: 1px solid #dee2e0; display:inline-block; width:55px; padding:5px; margin: 2px;} .wp-pagenavi a:hover{border-color: #000;} .wp-pagenavi span.current { background:#000; color:#fff; border:0;} /* side block */ .side_box{background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .2); text-align:center;} .side_box ul{ width:160px; margin:30px auto;} .side_box li{ text-align:left;} /* ========================================================================== company (#blog_2) ========================================================================== */ #blog_2 #main_ttl{ margin-bottom:40px; background: url("../img/company/ttl_bg.jpg") no-repeat center #000;} #blog_2 #main_ttl .wrapper h1{ margin-top:120px; display:inline-block;} #company_profile.tripartition2 li{ color:#999; margin-left:50px; width: 405px; float: left;margin-bottom:80px;margin-top:40px;} .tripartition2{ width:960px; float:left; background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .2); margin-right:18px;} .tripartition2 ul{ width:960px; margin:30px auto;} .tripartition2 li{ text-align:left; line-height:18px;} .tripartition2 li:nth-child(1){ border:0; margin:0; padding:0;} .tripartition2 li .date{ display:block; font-family: 'Lora', serif; margin-bottom:8px; font-size:10px; line-height:16px;} .tripartition2_ttl{padding:20px 30px; text-align:left;} .tripartition2_ttl{ background:url("../img/news/news_ttl_company_bg.gif") repeat-y #666;} #company_profile .tripartition_ttl,#company_ir .tripartition_ttl{ background:url("../img/news/news_ttl_company_bg.gif") repeat-y #666;} #company_ir{ margin-right:0;} #company_profile.tripartition li,#company_ir.tripartition li{ color:#999; margin-left:50px; width: 405px; float: left;margin-bottom:80px;margin-top:40px;} #company_ir.tripartition li .company_ir_sub{ margin-left:20px; line-height:22px; padding-top:10px;} #company_side_info .side_box_ttl{ background:url("../img/news/news_ttl_company_bg.gif") repeat-y #666;} #company_side_info .side_box_ttl h3{padding:10px 0;} #company_side_info li{ text-align:left; border-top:1px dotted #ccc; padding:5px 0;} #company_side_info li:nth-child(1){ border:0;} #company_side_info a{ padding:3px 20px; display:block;} #company_side_info li h4{ padding:3px 20px; } #company_side_info .company_ir_sub{ margin-bottom:5px;} #company_side_info .company_ir_sub a{ padding:2px 0 2px 20px; display:block; line-height:16px;} #company_side_info .company_ir_sub a .gray{ display:inline-block; margin:0 7px 0 3px;} .content_detail_inner_ir{ margin-top:50px;} .company_detail_ttl{ border-left:20px solid #cccc00; background:#999; color:#fff; text-align:left; font-size:18px; padding:20px 30px; } #company_detail .content_detail_inner{padding-top:0;} /* 莨夂､ｾ讎りｦ� */ table.company_info{ width:100%;} table.company_info th{ width:70px; float:left; padding-top: 20px; text-align:right;} table.company_info td{ width:570px; float:right; border-bottom:1px dotted #ccc; padding: 20px 0;} .company_info_member_post{ display:inline-block; width:115px;} /* 繧ｰ繝ｫ繝ｼ繝嶺ｼ夂､ｾ */ .compny_affiliated_block{ width:100%; margin-top:40px; padding-top:40px; border-top:1px solid #999;} .compny_affiliated_block.noline{ border:0; padding:0;} .compny_affiliated_block_logo{ width:150px; float:left; margin-top:15px; text-align:center;} .compny_affiliated_block table{ width:490px; float:right;} .compny_affiliated_block th{ width:70px; float:left; padding-top:10px; text-align:right;} .compny_affiliated_block td{ width:400px; float:right; border-bottom:1px dotted #ccc; padding:10px 0;} .compny_affiliated_block_txt{ width:480px; float:right;} /* 豐ｿ髱ｩ */ .company_detail_ttl .t12{ float:right; display:none;} .company_history li{border-top:1px dotted #ccc; padding:20px 0; line-height:18px;} .company_history li:nth-child(1){ border:0;} .company_history_year{ width:60px; float:left; font-weight:bold; margin-top:10px;} .company_history table{ width:600px; float:right;} .company_history th{ width:40px; float:left; text-align:right; margin-top:8px; border-left:1px solid #cccc00; } .company_history td{ width:530px; float:right; padding:8px 0;} .company_history_ph{ margin:10px 0;} .company_history_ph li{ display:inline; } .company_history_team{ border:5px solid #e7e7b5; padding:30px 40px; } .company_history_team h3{ font-weight:bold; width:100%; text-align:center; color:#cccc00; margin-bottom:15px;} .y_border {border:2px solid #cccc00; padding:4px;} /* 譬ｪ荳ｻ謚戊ｳ�ｮｶ縺ｮ逧�ｧ倥∈*/ .content_detail_inner_ir a.link_btn,.content_detail_inner a.link_btn{ background:#666; color:#fff; padding:10px 20px;} .content_detail_inner_ir a.link_btn:hover,.content_detail_inner a.link_btn:hover{ background:#cccc00;} /* 譬ｪ荳ｻ蜆ｪ蠕�宛蠎ｦ */ .company_benefit_nav{ width:100%; text-align:right;} .company_benefit_nav li{ display:inline;} .company_benefit_nav a{ background:#666; color:#fff; padding:10px 20px;} .company_benefit_nav a:hover{ background:#cccc00; color:#fff; } .company_benefit_box#new{margin-top:-130px; padding-top:130px;} .company_benefit_box#old{ border-top:1px solid #333; margin-top:70px; padding-top:70px;} .company_benefit_box h1{ border-left:20px solid #cccc00; padding-left:20px;} .company_benefit_box li{border-top:1px dotted #ccc; padding-top:20px; margin-top:20px;} .company_benefit_box li h4{width:80px; float:left; font-weight:bold; text-align: right;} .company_benefit_box li p{width:550px; float:right; margin:0; display:block;} .company_benefit_how{width:550px; float:right; margin:0;} .company_benefit_how li{ list-style:decimal; border:0; margin:0 0 0 20px; padding: 5px 0 5px 0; line-height:18px;} .company_benefit_box .gray{ line-height:18px; margin-top:8px; display:inline-block;} .company_benefit_box a,.company_benefit_box a:visited{ text-decoration:underline; color:#959505;} .company_benefit_box a:hover{ text-decoration:none; background:#cccc00; color:#fff;} .company_benefit_box .red{ color:#f30; margin-left:20px; padding-bottom:5px; display:inline-block;} .company_benefit_box .red2{ color:#f30; padding-bottom:5px; display:inline-block;} .company_benefit_box .blk{ color:#000; margin-left:20px; padding-bottom:5px; display:inline-block;} .company_stock{ width:100%; line-height:20px;} .company_stock th{ width:100px; text-align:right; padding:20px 30px 0 0; vertical-align:top;} .company_stock td{ width:420px; border-bottom:1px dotted #ccc; padding:20px 0; } .campany_calendar h3{ font-weight:bold; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:15px;} .campany_calendar table{ margin-left:50px; margin-bottom:20px;} .campany_calendar tr{ line-height:20px; border-bottom:1px dotted #ccc;} .campany_calendar th{ width:105px; text-decoration:none; padding:20px 0; text-align: right;} .campany_calendar td{ width:465px; float:right; padding:20px 0 20px 20px;} .campany_disclaimer h4{ font-weight:bold; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:15px} /* 髮題ｪ梧軸霈画ュ蝣ｱ */ #media .content_detail_inner{ margin-top:30px;} #media .company_detail_ttl{ padding:15px 20px;} .media_monthly_ttl{ margin-top:5px; display:inline-block;} .media_monthly_pd{ float:right;} .media_monthly_pd select{ margin:0; margin:0;} table.media_pickup{ width:100%; border-collapse: collapse; border-top:1px solid #ccc; } table.media_pickup td{ width:216px; float:left; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; line-height:18px;} table.media_pickup td:nth-child(1),table.media_pickup td:nth-child(4n){ border-left:1px solid #ccc;} table.media_pickup a,table.media_list a{ text-decoration:underline;} table.media_pickup .t10,table.media_list .t10{ margin-bottom:3px;} table.media_pickup ul{padding-bottom:5px; width:180px; margin:auto;} table.media_pickup li{ border-top:1px dotted #ccc; padding:8px 0;} table.media_list{ border:1px solid #ccc; border-collapse:collapse; width:100%; text-align:center; } table.media_list th{ padding:10px 5px; border-right:1px dotted #fff;font-weight:normal; background:#cccc00; color:#fff;} table.media_list th:nth-child(1){ width:10%;} table.media_list th:nth-child(2),#media th:nth-child(4){ width:23%;} table.media_list td{ padding:15px 5px; border-right:1px dotted #eaeaea; border-top:1px solid #eaeaea; line-height:18px;} #blog_2 .wp-pagenavi { margin-top:30px;} /* IR諠��ｱ */ #ir0,#ir1,#ir2{ margin-top:-100px; padding-top:100px;} /* 繝励Λ繧､繝舌す繝ｼ繝昴Μ繧ｷ繝ｼ */ #privacypolicy{border-top:1px dotted #ccc;} #privacypolicy li{ margin-top:30px;} #privacypolicy li p{ margin-left:32px;} /* ========================================================================== shops (#blog_3) ========================================================================== */ #blog_3 #main_ttl{ margin-bottom:20px;} #blog_3 #main_ttl .wrapper{position:absolute; z-index:2; left:50%; margin-left:-500px;} #blog_3 #main_ttl .wrapper h1{ margin-top:130px;} .slideFrame{position: relative; overflow: hidden; overflow-x: auto; width:100%; height:200px;} .slideGuide {width: 150%; height: 100%;} .slideCell {display: block; float: left; width:274px; height: 100%;} #blog_3 #main_ttl.shop_bland_header{ margin-bottom:40px;} #blog_3 #main_ttl.shop_bland_header .wrapper2{width:1000px; height:200px; margin:auto;} #blog_3 #main_ttl.shop_bland_header .shop_bland_header{ display:table-cell; vertical-align:middle; height:200px;} #blog_3 #main_ttl.shop_bland_header .shop_bland_header h1{ background:#fff; padding:20px 25px; display:inline-block;} .shop_side_box{width:100%; margin-bottom:20px;} .shop_side_box_footer{ background: url("../img/shop/side_footer.png") no-repeat top; height:5px; } .shop_side_box_inner{ width:160px; margin:auto; padding:40px 0 20px 5px;} #shop_side_ddmile{ background:url("../img/shop/side_ddmile.png") top no-repeat;} #shop_side_ddmile span{ text-align:left; display:inline-block; color:#ed5bac; margin-top:10px; line-height:18px;} #shop_side_ddgroup{ background:url("../img/shop/side_ddgroup.png") top no-repeat;} #shop_side_ddgroup .t10{ text-align:left; display:inline-block; color:#fff; margin-top:15px; line-height:16px;} .shop_side_box a{ display:block;} .side_box_ttl_shop a,.side_box_ttl_shop a:visited{ background:#cc6799; color:#fff; text-align:left;} .side_box#news_shop ul{padding:5px 0 5px 0;} .side_box#news_shop li{ border-bottom-color:#cc6799; line-height:18px;} .side_box#news_shop li .news_shop_date{ letter-spacing:0.1em; color:#cc6799; margin-bottom:3px; display:inline-block;} .side_box#news_shop li.more{ text-align:right;} .side_box#news_shop li.more a{ color:#cc6799;} .my-sticky-element_shop.stuck {position:fixed; top:63px; z-index:3;} #shop_nav{ padding-bottom:40px;} #shop_nav li{ float:left; margin-right:1px; margin-bottom:1px; font-family: 'Lora', serif; font-size:14px; position:relative; z-index:3;} #shop_nav li:nth-child(1){ margin-left:5px;} #shop_nav a{ display:inline-block; color:#fff; padding:13px 15px; background:#666; } #shop_nav a.f_size { font-size: 13px; padding: 5px 12.3px !important; line-height: 19px;} #shop_nav a:hover{ background:#cc6799; } #shop_nav a.sailing { margin-left: 5px; width: 179px;} #shop{padding:50px 0; background: url("https://www.diamond-dining.com/wp-content/themes/dd/img/bg.jpg") no-repeat fixed center 300px ; } #blog_3 #dd,#blog_3 #bagus,#blog_3 #gm,#blog_3 #sunpool,#blog_3 #ddic,#blog_3 #the-sailing,#blog_3 #zetton,#blog_3 #zetton_inc,#blog_3 #sg{ margin-top:-150px; padding-top:150px;} .shop_operation{ text-align:left; margin-bottom:50px;} .shop_operation_ttl{ background:url("../img/shop/operation_ttl.gif") repeat-y left #666; display:inline-block; color:#fff; padding:15px 40px 15px 35px; margin-bottom:20px;} .shop_operation_ttl h1{font-family: 'Vidaloka', serif; display:inline; margin-right:10px;} ul.shop_brand_list { display: flex; flex-wrap: wrap; } .shop_brand_list li{ width:185px;margin:0 8px 8px 0; background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .2); text-align:center;} .shop_brand_list li:nth-child(4n){ margin-right:0; } .shop_brand_list_logo{ border-bottom:1px solid #e6e6e6; display: table-cell; width:185px; height:100px; text-align:center; vertical-align:middle;} .shop_brand_list_logo p{ width:185px; text-align:center; display:block;} /*.shop_brand_list_logo img{ zoom:50%; -moz-transform: scale(0.50,0.50) translate(-23px,-23px);}*/ .shop_brand_list_inner{ width:150px; margin:15px auto; display:inline-block; text-align:left;} .shop_brand_list_inner h3{ line-height:19px; margin:0; padding:0; font-weight:bold;} .shop_brand_list_inner .t10{display:inline-block;} .shop_brand_list_inner .gray{ margin-top:8px;} .shop_brand_list a{ display:block;} .shop_lang{ width:100%; text-align:right; margin-bottom:10px; color:#ccc;} .shop_lang a{ border-bottom:1px solid #000; padding-bottom:2px; margin:5px; padding:3px;} .shop_lang a:hover{ border-bottom:1px solid #000; background:#000; color:#fff;} .shop_detail_ttl{font-family: 'Vidaloka', serif; border-bottom:1px solid #666; margin-bottom:15px; color:#666;} h1.shop_brand_copy{ padding:25px 0 20px 0; font-size:20px; line-height:30px; font-weight:bold;} .shop_detail_menu li{ float:left; width:210px; margin-right:15px; line-height:18px;} .shop_detail_menu li:nth-child(3){margin-right:0;} .shop_detail_menu_ph{ width:210px; height:150px; overflow:hidden; background: url("../img/common/nopic.gif") no-repeat center #ededed; margin-bottom:10px;} .shop_detail_shoplist li{ float:left; width:48%; background:#ededed; padding:20px 25px 20px 25px; margin-bottom:10px;} .shop_detail_shoplist li:nth-child(1n){ margin-right:10px;} .shop_detail_shoplist h2{ margin-bottom:15px; line-height:30px;} .shop_detail_shoplist h2 a{ /*border-bottom:1px solid #000;*/ margin:0; padding:0;} .shop_detail_shoplist h2 a:hover{ color:#cc6799; border-bottom:1px solid #cc6799;} .shop_detail_shoplist_gnavi{ float:right;position: absolute;top:0px;right:0px;} .shop_detail_shoplist_gnavi a,.shop_detail_shoplist_gnavi a:visited{ background:#000; color:#fff; padding:5px 10px;} .shop_detail_shoplist_gnavi a:hover{ background:#cc6799; color:#fff; } .detail_back{ width:100%; text-align:left; margin-top:30px;} .detail_back a,.detail_back a:visited{font-family: 'Lora', serif; font-size:14px; background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .2); padding:10px 30px;} .detail_back a:hover{ background:#999; color:#fff; border:none;} .snsbox {position: relative; height:20px;} /* ========================================================================== recruit (#blog_7) ========================================================================== */ #blog_7 #main_ttl{ margin-bottom:40px; background: url("../img/recruit/ttl_bg.jpg") no-repeat center #000;} #blog_7 #main_ttl .wrapper h1{ margin-top:120px; display:inline-block;} .side_box_ttl_recruit a,.side_box_ttl_recruit a:visited{ background:#45bd6c; color:#fff; text-align:left;} .side_box#news_recruit ul{padding:5px 0 5px 0;} .side_box#news_recruit li{ border-bottom-color:#b5e5c4; line-height:18px;} .side_box#news_recruit li .news_recruit_date{ letter-spacing:0.1em; color:#45bd6c; margin-bottom:3px; display:inline-block;} .side_box#news_recruit li.more{ text-align:right;} .side_box#news_recruit li.more a{ color:#45bd6c;} .recruit_index li{background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .2); float:left; width:370px; margin-bottom:10px;} .recruit_index li:nth-child(1n){ margin-right:10px;} .recruit_index_inenr{ width:310px; margin:auto; padding:10px 0 35px 0; text-align:left; line-height:20px;} .recruit_index_inenr div.mt_box {height:175px; width:100%;display: inline-block;text-align: center; border: 1px solid #74e89d; margin-bottom: 20px;} .recruit_index_inenr div.mt_box img {padding-top: 10px;} .recruit_index_inenr div.mt_box img.pd10 {padding-left: 10px;} .recruit_index_btn{ width:100%; text-align:right; padding-top:7px;} .recruit_index_btn a,.recruit_index_btn a:visited{ background:#e4feed; color:#45bd6c; padding:10px 20px;} .recruit_index_btn a:hover{ background:#45bd6c; color:#fff;} /* ====== recruit inner ======*/ span.recruit_index_btn_wp{ width:100%; text-align:right; margin-top:15px; overflow: hidden; display: block; padding:10px 0px;} span.recruit_index_btn_wp a,span.recruit_index_btn_wp a:visited{ background:#e4feed; color:#45bd6c; padding:10px 20px;} span.recruit_index_btn_wp a:hover{ background:#45bd6c; color:#fff;} /* ========================================================================== news (#blog_4) ========================================================================== */ #blog_4 #main_ttl{ margin-bottom:40px; background: url("../img/news/ttl_bg.jpg") no-repeat center #000c2a;} #blog_4 #main_ttl .wrapper h1{ margin-top:120px; display:inline-block;} .tripartition{ width:490px; float:left; background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .2); margin-right:18px;} .tripartition_ttl{padding:20px 30px; text-align:left;} #news_company .tripartition_ttl{ background:url("../img/news/news_ttl_company_bg.gif") repeat-y #666;} #news_shop .tripartition_ttl{ background:url("../img/news/news_ttl_shop_bg.gif") repeat-y #666;} #news_recruit{ margin:0;} #news_recruit .tripartition_ttl{ background:url("../img/news/news_ttl_recruit_bg.gif") repeat-y #666;} .tripartition ul{ width:420px; margin:30px auto;} .tripartition li{ text-align:left; line-height:18px;} .tripartition li:nth-child(1){ border:0; margin:0; padding:0;} .tripartition li .date{ display:block; font-family: 'Lora', serif; margin-bottom:8px; font-size:10px; line-height:16px;} .news_tab{ display: inline-block; width:55px; text-align:center; padding:1px; margin-left:8px;} .news_tab#news_pickup{ background: #f0f034;} .news_tab#news_ir{ background: #ebebeb;} .news_tab#news_pr{ background: #fdc3c2;} .news_tab#news_press{ background: #c9f3b2;} .news_tab#news_prpress{ background: #c9f3b2;} .news_tab#news_open{ background: #d0edf5;} .tripartition a,.tripartition a:hover{ color:#333; display:inline-block;} .tripartition li.news_index_link{ text-align:right; font-family: 'Lora', serif; } .tripartition .news_index_link a,.tripartition .news_index_link a:hover{ background:#ccc; color:#fff; padding:5px 15px; color:#fff;} #blog_4 .side_box_ttl a{color:#fff; display:block;} .side_box_ttl h3{padding:15px; color:#fff;} #news_company .side_box_ttl{ background:url("../img/news/news_ttl_company_bg.gif") repeat-y #666;} #news_shop .side_box_ttl{ background:url("../img/news/news_ttl_shop_bg.gif") repeat-y #666;} #news_recruit .side_box_ttl{ background:url("../img/news/news_ttl_recruit_bg.gif") repeat-y #666;} .side_box ul{ width:100%; margin:0; padding:0;} .side_box li{ text-align:left; border-top:1px dotted #ccc;} .side_box li:nth-child(1){ border:0;} .side_box a{ padding:10px 30px; display:block;} .side_box li.archive_list{ padding:10px 30px; } .side_box_ttl_recruit a,.side_box_ttl_recruit a:visited{ background:#45bd6c; color:#fff; text-align:left;} .news_category_index li{ border-top:1px dotted #ccc; margin-top:20px; padding-top:20px; line-height:18px; text-align:left} .news_category_index li:nth-child(1){ border:0; margin:0; padding:0;} .news_category_index .date{ float:left;} .news_category_index .news_tab{ float:left; width:50px; margin-left:15px; margin-rught:5px; padding:4px inherit; font-size:10px;} .news_category_index h4{ padding-left: 15px; display: table;} #blog_4 #news_company .content_detail_inner h4{ width:500px;} #blog_4 #news_shop .content_detail_inner h4,#blog_4 #news_recruit .content_detail_inner h4{ width:580px;} #blog_4 .content_detail_inner h1{ margin:15px 0 40px 0; padding-bottom:15px; border-bottom:1px dotted #cecece; line-height:34px;} .news_category_index_ttl{ background:#999; text-align:left; padding:20px 20px 20px 45px ; color:#fff; font-size:16px;} #news_company .news_category_index_ttl{ border-left:10px solid #cccc00;} #news_shop .news_category_index_ttl{ border-left:10px solid #cc6699;} #news_recruit .news_category_index_ttl{ border-left:10px solid #45bd6c;} #blog_4 .wp-pagenavi { border-top:1px dotted #ccc; padding:30px 0 50px 0;} /* ========================================================================== facebook (#blog_5) ========================================================================== */ #blog_5 #main_ttl{ margin-bottom:40px; background: url("../img/facebook/ttl_bg.jpg") no-repeat center #000827;} #blog_5 #main_ttl .wrapper h1{ margin-top:120px; display:inline-block;} .facebook_dd{ background:url("../img/facebook/dd_bg.jpg") no-repeat center; width:897px;} .facebook_dd .t14{float:left; color:#fff; text-align:left; margin:150px 0 0 60px; line-height:26px;} .facebook_dd .fb-page{ width:500px; float:right; margin:30px 40px 30px 0; } #facebook h2{ border-bottom:1px solid #000; display:inline-block; padding-bottom:8px; margin:50px 0 30px 0;} #facebook table{ width:897px; border-collapse: separate; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;} #facebook td{ width:221px; float:left; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} /* ========================================================================== contact (#blog_6) ========================================================================== */ #blog_6 #main_ttl{ margin-bottom:40px; background: url("../img/contact/ttl_bg.jpg") no-repeat center #000;} #blog_6 #main_ttl .wrapper h1{ margin-top:120px; display:inline-block;} .contact_nav{ margin:30px 0 60px 0;} .contact_nav li{ float:left; text-align:center;} .contact_nav li a{ display:block; background:#666; padding:10px 38px; margin-right:1px; color:#fff;} .contact_form h1{ border-bottom:1px solid #000; display: inline-block; padding-bottom:10px; margin-bottom:30px;} .contact_form table{ width:700px; margin:auto; margin-bottom:20px;} .contact_form th{ background:#e5e7e8; width:200px; font-weight:normal; border-bottom:1px solid #ccc; padding:20px 0;} .contact_form td{ border-bottom:1px solid #ccc; padding:20px 10px; text-align:left;} .contact_form .cfw{ width:250px;} .contact_form textarea{ width:350px; height:150px;} .contact_form td.must{ padding-left:30px;} .contact_form td.must span{ background:#f69; color:#fff; font-size:10px; padding:3px 10px; display:inline-block;} .contact_form_btn input{ background:#000; padding:15px 30px; color:#fff; border:0;} .contact_form_btn input:hover{ background:#f69;} .contact_form_btn a,.contact_form_btn a:visited{background:#000; padding:15px 30px; color:#fff; border:0; border-radius:5px;} .contact_form_btn a:hover{ background:#f69;} /* ========================================================================== vision (#blog_6) ========================================================================== */ #vision{ width:100%; padding-bottom:100px; color:#fff; font-size:14px; line-height:26px; } .vision_read{ padding:300px 0 250px 0; } .vision_vision_ph{ float:left; width:410px; text-align:right;} .vision_vision_txt{ float:right; width:475px; text-align:left; margin-right:70px; padding-top:60px; } .vision_sign{ text-align:right; margin:20px 0 40px 0; } .vision_matsumura_link li{ display:inline;} .vision_matsumura_link li:nth-child(1){ margin-right:20px;} #vision_growth{ margin:115px auto 0 auto; width:840px;} #vision_growth h1{ margin-bottom:45px;} .vision_growth_txt{ float:left; width:585px; text-align:left;} .vision_growth_copy{ margin-bottom:28px;} .vision_growth_chart2{ float:right; width:200px; margin-top:50px;} #vision_quality{ margin:50px auto 0 auto; width:840px; text-align:left; position: relative;} #vision_quality h1{ margin-bottom:20px;} #vision_quality span {position: absolute; top:620px;left:0px;} #slider { text-align: center; } h2 { margin: 40px 0 25px; border-bottom: 1px solid #bbb; padding: 0 0 5px; } /* p { margin: 0 0 16px; } */ strong { font-weight: bold; } label, a { color: teal; cursor: pointer; text-decoration: none; } label:hover, a:hover { color: #888 !important; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } label, #active, img { -moz-user-select:none;-webkit-user-select:none; } .catch { display: block; height: 0; overflow: hidden; } #slider { margin: 0 auto; } #description { margin: 25px auto; text-align: left; max-width: 650px; padding: 0 25px; } .respond { margin: 0 auto; max-width: 370px; } /* NEW EXPERIMENT */ /* Slider Setup */ input { display: none; } #slide1:checked ~ #slides .inner { margin-left:0; } #slide2:checked ~ #slides .inner { margin-left:-100%; } #slide3:checked ~ #slides .inner { margin-left:-200%; } #slide4:checked ~ #slides .inner { margin-left:-300%; } #slide5:checked ~ #slides .inner { margin-left:-400%; } #slide6:checked ~ #slides .inner { margin-left:-500%; } #slide7:checked ~ #slides .inner { margin-left:-600%; } #slide8:checked ~ #slides .inner { margin-left:-700%; } #slide9:checked ~ #slides .inner { margin-left:-800%; } #slide10:checked ~ #slides .inner { margin-left:-900%; } #slide11:checked ~ #slides .inner { margin-left:-1000%; } #slide12:checked ~ #slides .inner { margin-left:-1100%; } #slide13:checked ~ #slides .inner { margin-left:-1200%; } #slide14:checked ~ #slides .inner { margin-left:-1300%; } #overflow { width: 100%; overflow: hidden; } article img { width: 100%; } #slides .inner { width: 2000%; line-height: 0; } #slides article { width: 5%; float: left; } /* Slider Styling */ /* Control Setup */ #controls { margin: -53% 0 0 0; width: 100%; height: 320px; } #controls label { display: none; width: 30px; height: 60px; } #active { margin: 23% 0 0; text-align: center; } #active label { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 10px; height: 10px; background: #bbb; } #active label:hover { background: #ccc; border-color: #777 !important; } #controls label:hover { opacity: 0.8; } #slide1:checked ~ #controls label:nth-child(2), #slide2:checked ~ #controls label:nth-child(3), #slide3:checked ~ #controls label:nth-child(4), #slide4:checked ~ #controls label:nth-child(5), #slide5:checked ~ #controls label:nth-child(6), #slide6:checked ~ #controls label:nth-child(7), #slide7:checked ~ #controls label:nth-child(8), #slide8:checked ~ #controls label:nth-child(9), #slide9:checked ~ #controls label:nth-child(10), #slide10:checked ~ #controls label:nth-child(11), #slide11:checked ~ #controls label:nth-child(12), #slide12:checked ~ #controls label:nth-child(13), #slide13:checked ~ #controls label:nth-child(14), #slide14:checked ~ #controls label:nth-child(1) { background: url('../img/vision/img/next2.png') no-repeat; float: right; margin: 0; display: block; } #slide1:checked ~ #controls label:nth-child(14), #slide2:checked ~ #controls label:nth-child(1), #slide3:checked ~ #controls label:nth-child(2), #slide4:checked ~ #controls label:nth-child(3), #slide5:checked ~ #controls label:nth-child(4), #slide6:checked ~ #controls label:nth-child(5), #slide7:checked ~ #controls label:nth-child(6), #slide8:checked ~ #controls label:nth-child(7), #slide9:checked ~ #controls label:nth-child(8), #slide10:checked ~ #controls label:nth-child(9), #slide11:checked ~ #controls label:nth-child(10), #slide12:checked ~ #controls label:nth-child(11), #slide13:checked ~ #controls label:nth-child(12), #slide14:checked ~ #controls label:nth-child(13) { background: url('../img/vision/img/prev2.png') no-repeat; float: left; margin: 0; display: block; } #slide1:checked ~ #active label:nth-child(1), #slide2:checked ~ #active label:nth-child(2), #slide3:checked ~ #active label:nth-child(3), #slide4:checked ~ #active label:nth-child(4), #slide5:checked ~ #active label:nth-child(5), #slide6:checked ~ #active label:nth-child(6), #slide7:checked ~ #active label:nth-child(7), #slide8:checked ~ #active label:nth-child(8), #slide9:checked ~ #active label:nth-child(9), #slide10:checked ~ #active label:nth-child(10), #slide11:checked ~ #active label:nth-child(11), #slide12:checked ~ #active label:nth-child(12), #slide13:checked ~ #active label:nth-child(13), #slide14:checked ~ #active label:nth-child(14) { background: #333; border-color: #333 !important; } /* Info Box */ .info { line-height: 20px; margin: 0 0 -150%; position: absolute; font-style: italic; padding: 30px 30px; opacity: 0; color: #fff; text-align: left; } .info h3 { color: #fff; margin: 0 0 5px; font-weight: bold; font-size: 25px; font-style: normal; } /* Slider Styling */ #slides { margin: 45px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 1px 1px 4px #666; background: #fff; background: rgb(252,255,244); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(219,218,201,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(219,218,201,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#dbdac9',GradientType=0 ); /* IE6-9 */ } /* Animation */ #slides .inner { -webkit-transform: translateZ(0); -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */ -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */ } #slider { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #controls label{ -webkit-transform: translateZ(0); -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } #slide1:checked ~ #slides article:nth-child(1) .info, #slide2:checked ~ #slides article:nth-child(2) .info, #slide3:checked ~ #slides article:nth-child(3) .info, #slide4:checked ~ #slides article:nth-child(4) .info, #slide5:checked ~ #slides article:nth-child(5) .info, #slide6:checked ~ #slides article:nth-child(6) .info, #slide7:checked ~ #slides article:nth-child(7) .info, #slide8:checked ~ #slides article:nth-child(8) .info, #slide9:checked ~ #slides article:nth-child(9) .info, #slide10:checked ~ #slides article:nth-child(10) .info, #slide11:checked ~ #slides article:nth-child(11) .info, #slide12:checked ~ #slides article:nth-child(12) .info, #slide13:checked ~ #slides article:nth-child(13) .info, #slide14:checked ~ #slides article:nth-child(14) .info { opacity: 1; -webkit-transition: all 1s ease-out 0.6s; -moz-transition: all 1s ease-out 0.6s; -o-transition: all 1s ease-out 0.6s; transition: all 1s ease-out 0.6s; } .info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } /* Respond Options */ #desktop:checked ~ #slider { max-width: 960px; } #tablet:checked ~ #slider { max-width: 850px; } #mobile:checked ~ #slider { max-width: 450px; } #desktop:checked ~ #slider .desktop, #tablet:checked ~ #slider .tablet, #mobile:checked ~ #slider .mobile { color: #777; opacity: 1; } .desktop, .tablet, .mobile { display: inline-block; width: 60px; height: 60px; padding-top: 50px; opacity: 0.35; font-size: 12px; } .desktop:hover, .tablet:hover, .mobile:hover { opacity: 0.2; } .desktop { background: url('https://www.diamond-dining.com/wp-content/themes/dd/css/desktop.png') no-repeat; } .tablet { background: url('https://www.diamond-dining.com/wp-content/themes/dd/css/tablet.png') no-repeat; } .mobile { background: url('https://www.diamond-dining.com/wp-content/themes/dd/css/mobile.png') no-repeat; } /* Responsive Styling */ /* Tablet */ #tablet:checked ~ #slider #controls { margin: -25% 0 0 12%; width: 76%; height: 50px; } #tablet:checked ~ #slider #controls label { -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } #tablet:checked ~ #slider #slides, #mobile:checked ~ #slider #slides { padding: 1% 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #tablet:checked ~ #slider #active { margin: 22% 0 0; } @media only screen and (max-width: 850px) and (min-width: 450px) { #slider #controls { margin: -25% 0 0 15%; width: 70%; height: 50px; } #slider #controls label { -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } #slider #slides { padding: 1% 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #slider #active { margin: 22% 0 0; } } /* Mobile */ #mobile:checked ~ #slider #controls { margin: -28% 0 0 24%; width: 50%; height: 50px; } #mobile:checked ~ #slider #active { margin: 23% 0 0; } #mobile:checked ~ #slider #slides .info { opacity: 0 !important; } #mobile:checked ~ #slider #controls label { -moz-transform: scale(0.6); -webkit-transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } @media only screen and (max-width: 450px) { #slider #controls { margin: -28% 0 0 24%; width: 50%; height: 50px; } #slider #active { margin: 23% 0 0; } #slider #slides { padding: 1% 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #slider #slides .info { opacity: 0 !important; } #slider #controls label { -moz-transform: scale(0.6); -webkit-transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } } @media only screen and (min-width: 850px) { body { padding: 0 80px; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #slide1:checked ~ #controls label:nth-child(2), #slide2:checked ~ #controls label:nth-child(3), #slide3:checked ~ #controls label:nth-child(4), #slide4:checked ~ #controls label:nth-child(5), #slide5:checked ~ #controls label:nth-child(6), #slide6:checked ~ #controls label:nth-child(7), #slide7:checked ~ #controls label:nth-child(8), #slide8:checked ~ #controls label:nth-child(9), #slide9:checked ~ #controls label:nth-child(10), #slide10:checked ~ #controls label:nth-child(11), #slide11:checked ~ #controls label:nth-child(12), #slide12:checked ~ #controls label:nth-child(13), #slide13:checked ~ #controls label:nth-child(14), #slide14:checked ~ #controls label:nth-child(1) { background: url('../img/vision/img/next2.png') no-repeat; margin: 0; } #slide1:checked ~ #controls label:nth-child(14), #slide2:checked ~ #controls label:nth-child(1), #slide3:checked ~ #controls label:nth-child(2), #slide4:checked ~ #controls label:nth-child(3), #slide5:checked ~ #controls label:nth-child(4), #slide6:checked ~ #controls label:nth-child(5), #slide7:checked ~ #controls label:nth-child(6), #slide8:checked ~ #controls label:nth-child(7), #slide9:checked ~ #controls label:nth-child(8), #slide10:checked ~ #controls label:nth-child(9), #slide11:checked ~ #controls label:nth-child(10), #slide12:checked ~ #controls label:nth-child(11), #slide13:checked ~ #controls label:nth-child(12), #slide14:checked ~ #controls label:nth-child(13) { background: url('../img/vision/img/prev2.png') no-repeat; margin: 0; } #controls label { opacity: 1; width: 30px; height: 100px; } #controls { margin: -55% 0 0 0; width: 100%; height: 330px; } } /* ========================================================================== 404 not found oage ========================================================================== */ #not_found{ margin-top:30px;} #not_found h1{ line-height:34px;} #not_found a,#not_found a:visited{font-family: 'Lora', serif; font-size:14px; background:#999; color:#fff; padding:5px 20px; margin-top:5px; display:inline-block;} /* safali & chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #footstamp,#main_ttl{ position: relative; top:0;} } /* safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #footstamp,#main_ttl{ top:0;} }