hjkhghopjkertteerterterterertertrtoirh

@charset "utf-8"; /* CSS Document */ html{width:100%;} body{width:100%;height:100%;margin:0;padding:0;min-width:1200px;} h1, h2, h3{margin:0px;padding:0px;} #wrap{margin:0 auto;width:100%;} /*.eizi_font{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .jp_font{font-family: "Lucida Grande","メイリオ","Meiryo";}*/ /*:::::::::::::::::::::::::::::スライドコード*/ #slide_bg{/*display:none;*/width:100%;height:550px;background-color:#000;z-index:100;} #slide_if{margin:70px auto 0 auto;padding:0;width:1200px;height:550px;} /* sideNavi------------------------- .viewer { position: relative;margin:0px auto 0;padding:86px 0 0 0;width: 100%;position:static;overflow: hidden;background:#000;z-index:1;} .viewer ul {margin: 0 auto;padding:0;width: 100%;position: relative;} .viewer ul li {top: 0;left: 0;width: 100%;} .viewer ul li img {width: 100%;} .viewer .btnPrev, .viewer .btnNext {margin-top: -25px;top: 50%;width: 50px;height: 50px;position: absolute;z-index: 101;} .viewer .btnPrev {left: 10px;background: #ccc url(../image/btnPrev.jpg) no-repeat center center;} .viewer .btnNext {right: 10px;background: #ccc url(../image/btnNext.jpg) no-repeat center center;}*/ /* ======================================= ClearFixElements======================================= .viewer ul:after {content: ".";height: 0;clear: both;display: block;visibility: hidden;} .viewer ul {display: inline-block;overflow: hidden;}*/ /*:::::::::::::::::::::::::::::スライド下メニュー*/ #menu2{width:100%;height:70px;background:#000;margin:0 auto;} #menu2 ul{width:1000px;height:70px;margin:0 auto;padding:0;list-style:none;} #menu2 ul li a{display:block;width:25%;height:43px;margin:0 auto;padding:27px 0 0 0;float:left;text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:16px;text-decoration:none;color:#FFF;letter-spacing:1px;background:url(../image/line2.png) no-repeat;background-position:242px 50%;} #menu2 ul li a:hover{color:#FFF;text-shadow: 2px 2px 3px #FFC;text-decoration:none;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;} #menu2 ul li:last-child a{ background:none} /*.menu2{margin:0 auto;padding:0;width:1000px;height:70px;line-height:60px;color:#E2E2E2;text-shadow: 2px 2px 3px #FFC;text-align:center;font-size:16px;} .menu2_td{text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .menu2_td img{padding-top:10px;} .menu2_td a:link{color:#FFF;text-shadow: none;text-decoration:none;font-weight:300;} .menu2_td a:visited{color:#FFF;text-shadow: none;text-decoration:none;font-weight:300;} .menu2_td a:hover{text-shadow: 2px 2px 3px #FFC;text-decoration:none;font-weight:100;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}*/ /*:::::::::::::::::::::::::::::メッセージ*/ #message{width:860px;height: auto;margin:30px auto 0 auto;padding:26px;font-family: "Lucida Grande","メイリオ","Meiryo";font-size:13px; border:1px solid #8c7c78;color:#8c7c78;line-height:22px;letter-spacing:1px; } /*:::::::::::::::::::::::::::::トピックスコード*/ #topics{margin:0 auto;padding:0 0 50px 0;width:100%;height: auto;background-color:#FFF;} #topics h2{width:100%;height: auto;text-align:center;margin:0px auto;padding:50px 0 0 0;} #topics h3{width:100%;height: auto;text-align:center;margin:0px auto;padding:0;} /*.t_img{display:block;margin:0px auto 0px;padding:50px 0 0 0;text-align:center;}*/ .topics{margin:0px auto;padding:20px 5px 10px 5px;width: 580px;height:350px;border:#e9e4e1 1px solid;overflow:auto;-webkit-overflow-scrolling:touch;} iframe.topics_iframe{margin:0 auto;width: 98%;height:98%;margin:0;padding:0;} #topics_table{width:1200px;height: auto;border-collapse:collapse;margin:10px auto 20px auto;text-align:center;border:0;} #topics_table td{width:50%;padding:0;margin:0px auto 0 auto;} .topics_text{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:16px;color:#8c7c78;font-weight:500;letter-spacing:4px; text-align:center} .topics_text a:link{color:#8c7c78;text-decoration:none;} .topics_text a:visited{color:#8c7c78;text-decoration:none;} .topics_text a:hover{color:#443735;text-decoration:none;} /*:::::::::::::::::::::::::::::ISSUEコード*/ #issue{width:100%;height: auto;background-image: url(../image/bg3.jpg);background-position:center top;padding:50px 0;} #issue h2{margin:0px auto 20px auto;padding:0;width:100%;height: auto;text-align:center;} .issue_box{width:1100px;height:auto;margin:0px auto 20px auto;} /*#issue_cont1 {margin:20px auto 0;padding:20px 0 30px 0;width:1100px;height:546px;text-align: center;} #issue_cont02{margin:0 auto;padding:0;width:1100px;height:auto;}*/ #issue_cont2 {margin:0px auto;width:716px;height:402px;text-align: center;} #issue_cont3 {margin:0px auto;width:324px;height:304px;text-align: center;} /*.issue_text{text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing:4px;font-size:16px;color:#8c7c78;font-weight:500;} .issue_text a:link{color:#8c7c78;text-decoration:none;} .issue_text a:visited{color:#8c7c78;text-decoration:none;} .issue_text a:hover{color:#443735;text-decoration:none;}*/ /*.fade2 {-webkit-transition: 0.6s ease-in-out;-moz-transition: 0.6s ease-in-out;-o-transition: 0.6s ease-in-out;transition: 0.6s ease-in-out;} .fade2:hover {opacity: 0.7;filter: alpha(opacity=60);} */ /*:::::::::::::::::::::::::::::brandコード*/ /*#brand{ width:100%; height:430px; background-image:url(../image/bg4.jpg); }*/ #brand{width:100%;height:auto; margin:0 auto; padding:0 0 60px 0;background:url(../image/bg4.jpg) top repeat-x;} #brand h2{width:100%;height:auto; margin:0 auto; text-align:center; padding:60px 0 20px 0; } #brand_list1{width:1050px;height:88px;margin:0 auto 20px auto;padding:0;list-style:none;} #brand_list1 li a{display:block;width:20%;height:88px;margin:0 auto;padding:0px 0 0 0;float:left;text-align:center;background:url(../image/line3.png) no-repeat;background-position:197px 50%;} #brand_list1 li:last-child a{ background:none} #brand_list1 li img{width:180px;height:88px;border:0} #brand_list2{width:1050px;height:88px;margin:0 auto;padding:0;list-style:none;} #brand_list2 li{width:16.666%;height:66px;margin:0 auto;padding:0px 0 0 0;float:left;text-align:center;background:url(../image/line3.png) no-repeat;background-position:161px 50%;} #brand_list2 li a{display:block;} #brand_list2 li:last-child{ background:none} #brand_list2 li img{width:135px;height:66px;border:0} /*#cont1{margin:0 auto;padding:0;width:100%;background-color:#f7f6eb;} .cont1{margin:0px auto;padding:0px 0px 20px;width:1050px;height:auto;} .cont1 table{margin:0 auto;text-align:center;} .cont1 table img{margin:0 auto;}*/ .fade{-webkit-transition: 0.6s ease-in-out;-moz-transition: 0.6s ease-in-out;-o-transition: 0.6s ease-in-out;transition: 0.6s ease-in-out;} .fade:hover {opacity: 0.5;filter: alpha(opacity=60);} /*:::::::::::::::::::::::::::::shopコード*/ #shop1{width:100%;height:auto;margin:0 auto;padding-bottom:40px;background-image:url(../image/bg5.jpg);background-repeat:repeat;} #shop2{width:100%;height:auto;margin:0 auto;padding-bottom:40px;background-image:url(../image/bg6.jpg);background-repeat:repeat;} #shop1 h2,#shop2 h2{width:100%;height:auto; margin:0 auto; text-align:center; padding:60px 0 0px 0;} #shop1 h3,#shop2 h3{width:100%;height:auto; margin:25px auto 0 auto;padding:0px 0 0px 0; text-align:center; padding:0;} /*.shop_img1{margin:0 auto;padding-top:60px;text-align:center;}*/ .shop_table{width:830px;height:auto;border-collapse:collapse;margin:0px auto 30px auto;padding:0; border:0;} .shop_table td{width:415px;margin:0px;padding:0px 0px 0px 0;color:#D4D4D4; vertical-align:top} .shop_table img{ display:block;border:0;margin:0px auto 10px auto;} .shop_text1{width:310px;height:auto;margin:0px auto;padding:0px 0px 0 0px;font-size:16px;font-family: "Lucida Grande","メイリオ","Meiryo";line-height:35px;letter-spacing:1px;} .shop_text2{width:310px;height:auto;margin:0px auto;padding:0px 0px 0 0px;font-size:13px;font-family: "Lucida Grande","メイリオ","Meiryo";line-height:20px;letter-spacing:2px;} .shop_news{width:950px;height:86px;margin:0px auto;padding:14px 8px 0 20px;background: rgba(24, 30, 30, 0.3);border:#4F5959 1px solid;} .shop_news img{ float:left; padding-top:10px} .td_if{width:830px;height:74px;margin:0 auto;padding:0;overflow:auto;-webkit-overflow-scrolling:touch;border:none; float:right} .shop_news2{width:950px;height:110px;/*height:70px;*/ margin:0px auto;padding:14px 8px 0 20px;background: rgba(24, 30, 30, 0.3);border:#4F5959 1px solid;} .shop_news2 img{ float:left;padding-top:20px} .td_if2{width:830px;/*height:100px;*/height:auto;margin:0 auto;padding:0;/*overflow:auto;-webkit-overflow-scrolling:touch;border:none; */float:right}/*2018/01〜　ニュース欄正式調整時にoverflow以下のコメントアウト外す*/ .td_if2_text{ color:#FFFFFF;font-size:13px;font-family: "Lucida Grande","メイリオ","Meiryo";line-height:20px;letter-spacing:2px;}/*2018/01〜ニュース欄正式調整時に削除*/ .shop_iframe{display:block;width: 830px;height:100%;margin:0px auto;padding:0 0 0 0;/*text-align:center;*/border:none;} .shop_button{width:310px;height:auto;margin:10px auto 0px auto;padding:0 0 0 0; list-style:none;} .shop_button li{width:32.333%;height:auto;margin:0 0.5%; float:left;text-align:center; background:#D4D4D4;font-size:13px;font-family: "Lucida Grande","メイリオ","Meiryo"; line-height:13px;letter-spacing:1px; font-weight:bold;} .shop_button li a{ display:block;padding:8px 0;text-align:center; color:#415555; text-decoration:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; border:1px solid #4F5959} .shop_button li a:hover{background:#FFFFFF;color:#D4D4D4; background:#1f2525;border:1px solid #4F5959} /*.shop_table2{width:980px;height:80px;margin:0 auto;padding:0;border-collapse:collapse;border:0;} .shop_table2 td{padding-left:25px;width:120px;} td.shop_td4{padding-left:0px;height:40px;color:#D4D4D4;font-family: "Lucida Grande","メイリオ","Meiryo";letter-spacing:2px;font-size:14px;line-height:40px;} table.shop_table3{margin:30px auto;padding:0;width:700px;height:auto;}*/ .news_shop{width:310px;height:auto;margin:14px auto 0 auto;padding:0px 0px;font-size:13px;font-family: "Lucida Grande","メイリオ","Meiryo";line-height:20px;letter-spacing:2px; color:#c6b27d;} .news_shop .news a{color:#c6b27d;} .news_shop .news a:hover{color:#796530;} .date{width:310px;height:auto;margin:0 auto 3px auto;padding:8px 0px 0px 0px;border-top:1px #c6b27d solid; } .news{width:310px;height:auto;margin:0 auto;padding:0px 0px 8px 0px;border-bottom:1px #c6b27d solid;} /*:::::::::::::::::::::::::::::COMPANY PROFILEコード*/ #company{width:100%;height:auto;margin:0 auto;background-image:url(../image/bg7.jpg); padding-bottom:60px} #company h2{width:100%;height:auto; margin:0 auto; text-align:center; padding:60px 0 24px 0;} #company ul{width:900px;height:100px;margin:0 auto;padding:0;list-style:none;} #company ul li a{display:block;width:20%;height:auto;margin:0;padding:0px 0 0 0;float:left;text-align:center;font-family: "Lucida Grande","メイリオ","Meiryo";letter-spacing:2px;font-size:15px;color:#333; text-decoration:none;} #company ul li a:hover{color:#b4bcd2;} #company ul li img{width:30px;height:30px; margin-bottom:10px;border:0} /*table.company_tabel{margin:50px auto 0;padding:0;text-align:center;width:980px; height:90px;} #company h3{display:inline;margin:0 auto;padding:0;font-family: "Lucida Grande","メイリオ","Meiryo";letter-spacing:2px;line-height:20px;font-size:15px;color:#333;font-weight:normal;} td.company_td{width:20%;} td.company_td2{padding-top:18px;width:20%;} .company_tabel td a:link{color:#333;text-decoration:none;} .company_tabel td a:visited{color:#333;text-decoration:none;} .company_tabel td a:hover{color:#88857c;text-decoration:none;} .company_tabel td a:actived{color:#88857c;text-decoration:none;}*/ /*::::::::::::::::::::::::::::: SNS コード*/ #sns{width:100%;height:autopx;margin:0 auto;background-color:#FFF; padding-bottom:40px} #sns h2{width:100%;height:auto; margin:0 auto; text-align:center; padding:60px 0 24px 0;} #sns ul{width:900px;height:auto;margin:0 auto;padding:0;list-style:none;} #sns ul li a{display:block;width:400px;height:26px;margin:0 0 20px 0;padding:9px 0 0 50px;float:left;text-decoration:none;font-size:17px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",serif;color:#000; letter-spacing:1px} #sns ul li a:hover{color:#C1B097;} .sns_f{background:url(../image/fb.png) no-repeat;background-position:0% 50%; background-size:35px auto} .sns_t{background:url(../image/tw.png) no-repeat;background-position:0% 50%; background-size:35px auto} .sns_i{background:url(../image/ig.png) no-repeat;background-position:0% 50%; background-size:35px auto} #sns h3{display:inline;margin:0px;padding:0;font-weight:normal;font-size:17px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} /*.sns_img1{text-align:center;margin:0px auto;padding-top:60px;}*/ table.sns_table{margin:0 auto;padding:0 0px 0 0px;width:900px;} td.sns_td{width:50%;height: auto;line-height:62px;padding:0px 0 0 0px;} td.sns_td img{vertical-align:middle;padding-bottom:14px;} .sns_td a:link{color:#000;text-decoration:none;} .sns_td a:visited{color:#000;text-decoration:none;} .sns_td a:hover{color:#C1B097;text-decoration:none;} /* =========================================== タブレット系 749 - 768=========================================== */ @media screen and (max-width: 768px) { #wrap{margin:0 auto;width:100%;} .viewer {width:100%;} .topics{margin:0px auto;padding:15px;width: 550px;height:300px;border:#e9e4e1 1px solid;overflow:auto;-webkit-overflow-scrolling:touch;} } /* =========================================== スマートフォン系 748 - =========================================== */ @media screen and (max-width: 748px) {.viewer {width:100%;}}