@charset "utf-8";
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ol, ul, li { list-style: none; margin: 0px; padding: 0px; }
.blockquote { quotes: none; }
.bold_red { color: #F30; }
.bold { font-weight: bold; }
a { color: #FFF; text-decoration: none; }
a:link { text-decoration: none; color: #FFF; }
a:visited { color: #FFF; text-decoration: none; }
a:hover { color: #FC0; text-decoration: underline; }
a:active { text-decoration: underline; color: #FC0; }
.clear { clear: both; float: none;}
.margin-bottom { margin-bottom: 1em;}
a img {opacity: 1;}
a img:hover {opacity: 0.8;}
body { margin: 0px; padding: 0px; text-align: center; background-color: #000; line-height: 140%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #FFF; word-break: break-all; }
#layout { width: 960px; margin-right: auto; margin-left: auto; text-align: center; }
.h1-head { float: left; }
.top-formbutton { position:absolute; right:0; top:0; text-align: right; padding-top: 25px; padding-right: 10px; }
.header-title { width: 960px; margin-right: auto; margin-left: auto; height: 161px; background-image: url(https://www.porsche-seibi.jp/img/glo/header-bg.jpg); background-repeat: repeat-x; position:relative; }
.header-layout { background-image: url(https://www.porsche-seibi.jp/img/glo/header-layout-bg.png); background-repeat: repeat-x; height: 220px; }
.header-area { background-image: url(https://www.porsche-seibi.jp/img/glo/header-bg.png); background-repeat: no-repeat; height: 160px; background-position: center; text-align: center; }
.pagination { display: none; }
/* ========navi======== */
nav{z-index: 100000;position: relative;}
#navi { width: 960px; margin-right: auto; margin-left: auto;position: relative; }
#navi span { font-size: 70%; display: block; }
#glo-navi { list-style-type: none; padding: 0; margin-right: auto; margin-left: auto; width: 100%; font-size: 70%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#glo-navi h2{font-size:120%;}
#glo-navi ul { width: 100%; }
#glo-navi li { width: 18%; position: relative; float: left; text-align: center; }
#glo-navi li a { display: block; color: #FFF; padding: 0.5em; text-decoration: none; }
#glo-navi li a:hover { color: #333; background-color: #FC0; }
#glo-navi li ul { list-style: none; position: absolute; margin: 0; padding: 0; border-radius: 0 0 3px 3px; left: 0; top: 100%; z-index: 999; background-color: #000; }
#glo-navi li:last-child ul { left: 0; width: 100%; padding-top: 10px; }
#glo-navi li ul li { overflow: hidden; width: 100%; height: 0; color: #fff; -moz-transition: 0.1s; -webkit-transition: 0.1s; -o-transition: 0.1s; -ms-transition: 0.1s; transition: 0.1s; padding: 0px; margin: 0px; }
#glo-navi li ul li a { padding: 10px; text-align: left; }
#glo-navi li:hover > a { }
#glo-navi > li:hover > a { border-radius: 3px 3px 0 0; }
#glo-navi li:hover ul li { overflow: visible; height: 38px; }
#glo-navi li:hover ul li:first-child { border-top: 0; }
#glo-navi li:hover ul li:last-child { border-bottom: 0; }
#glo-navi li:hover ul li:last-child a { border-radius: 0 0 3px 3px; }
.menu-sw, .menu-sw span { display: inline-block; transition: all .4s; box-sizing: border-box; }
.menu-sw { position: relative; width: 40px; height: 36px; }
.menu-sw span { position: absolute; left: 0; width: 100%; height: 4px; background-color: #fff; border-radius: 4px; }
.menu-sw span:nth-of-type(1) { top: 0; }
.menu-sw span:nth-of-type(2) { top: 16px; }
.menu-sw span:nth-of-type(3) { bottom: 0; }
.menu-sw.active span:nth-of-type(1) { -webkit-transform: translateY(16px) rotate(-45deg); transform: translateY(16px) rotate(-45deg); }
.menu-sw.active span:nth-of-type(2) { opacity: 0; }
.menu-sw.active span:nth-of-type(3) { -webkit-transform: translateY(-16px) rotate(45deg); transform: translateY(-16px) rotate(45deg); }
.menu { position: absolute; top:8px; right: 8px;float:clear;clear:both; }
.fixed { position: fixed; width: 100%; z-index: 100000; top: 0; margin-right: auto; margin-left: auto; left: 0px; background-color: #000000; }
.sitemap { width:100%; background-color: #222222; height: 100vh; display: none;overflow-y:auto; padding:0%; }
.new { padding-right: 10px; }
.sitemap-wrapper{width:960px;margin-left:auto;margin-right:auto;padding-top:1em;padding-bottom:2em;}
.sitemap-menu-area{margin-left:auto;margin-right:auto;width:98%;}
.sitemap-menu-area ul{width:100%;display:table;}
.sitemap-menu-area li{display:table-cell;margin-bottom:0.25em;}
.sitemap-menu-area li img{width:96%; height:auto;}
.sitemap-area{padding-top:1%;padding-bottom:2%; text-align:left;font-size:70%;display:table;width:98%;}
.sitemap-area ul{padding-bottom:1em;padding-left:1em;}
.sitemap-area h2{ background-color: #000000; border-left: 4px solid #111111; padding-top:1%; padding-left:1em; margin-bottom:0.5em; }
.sitemap-left{display:table-cell;}
.sitemap-center{display:table-cell;}
.sitemap-right{display:table-cell;}
.ress-on{display:none;}
.ress-of{display:block;}
/* ---------------------------------------- heading */
h3{font-size:100%;}
h4 { padding:0.5em; margin-bottom: 1em; margin-top: 0em; background-image: url(https://www.porsche-seibi.jp/img/h-bg.jpg); background-repeat: repeat-x; font-size:150%; }
h4.em-ins{ text-align: center; padding-top:1em; padding-bottom:1em; background-image: url(none); background-repeat: repeat-x; color:#FFFFFF; background: linear-gradient(#5c93d4, #1b57af); }
h4.em-rep{ text-align: center; padding-top:1em; padding-bottom:1em; background-image: url(none); background-repeat: repeat-x; color:#FFFFFF; background: linear-gradient(#161616, #161616); }
h4.em-bp{ text-align: center; padding-top:1em; padding-bottom:1em; background-image: url(none); background-repeat: repeat-x; color:#FFFFFF; background: linear-gradient(#f3bb4c, #ee8b38); color:#222222; }
h4.em-check{ text-align: center; padding-top:1em; padding-bottom:1em; background-image: url(none); background-repeat: repeat-x; color:#FFFFFF; background: linear-gradient(#476cad, #476cad); }
#layout h5{ padding:1%; width:98%; font-size:120%; background-color: #1D1D1D; margin-bottom:1em; }
h6{font-size:100%;border-bottom:1px dotted #cccccc;padding-bottom:0.5em;margin-bottom:1em;margin-top:1em;}
/* ---------------------------------------- newstopics */
.stock_info { margin-bottom: 1em; margin-right: auto; margin-left: auto; text-align: left; }
.topics_h { padding-top: 7px; padding-bottom: 10px; padding-left: 20px; background-repeat: no-repeat; margin-bottom: 10px; color: #FFF; font-size: small; margin-top: 10px; width: 610px; }
.top_right_image { float: left; }
.top_left_text { float: left; margin-left: 20px; width: 380px; }
.newstp-h5 { background-color: #121212; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; margin-bottom: 10px; }
.top-menu-area h4 { padding:0px;margin:0; background-image: none;font-size:100%; }
h4.top-menu-area{padding:0;}
.top-slide-area { width: 100%; text-align: left; margin-right: auto; margin-left: auto; z-index:2; height:auto; }
.top-slide-area img{width:100%;height:auto;}
.top-menu-area { background-image: url(https://www.porsche-seibi.jp/img/top/top-menu-bg.png); background-repeat: no-repeat; text-align: center; color: #FFF; font-weight: bold; padding-top: 5px; padding-right: 10px; padding-left: 10px; margin-top: 15px; }
.top-menu-navi { float: left; width: 310px; padding-right: 5px; padding-bottom: 10px; }
.top-menu-navi-right { float: left; width: 310px; }
.top-concept-area{ background-image: url(https://www.porsche-seibi.jp/img/top/top-concept.png); background-repeat: no-repeat; width:907px; height:340px; background-position: center; font-size: 12px; padding-bottom: 25px; margin-left:auto;margin-right:auto; }
.top-concept-area img{padding-top:2%;padding-bottom:2%;}
.top-concept-text{ color: #FFF; width: 640px; text-align: left; padding-top:90px; margin-right: auto; margin-left: auto; }
.top-concept-textb{ color: #FFF; width: 640px; text-align: left; padding-top:10em; margin-right: auto; margin-left: auto; }
.top-content { text-align: left; padding-top: 15px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.top-concept-list{ margin-top: 1em; margin-bottom: 1em; padding: 2%; width: 90%; border: 7px solid #212121; font-size: 180%; line-height: 150%; color: #FFFFFF; margin-left:auto;margin-right:auto; }
.top-side-area { float: left; width: 270px; padding-right: 20px; }
.top-side-area li { padding-bottom: 20px; }
.top-side-area-blog { float: left; width: 270px; padding-right: 20px; }
.top-side-area-blog li { padding-bottom: 20px; }
.top-side-area-b{ }
.top-side-area-b img{width:100%;height:auto;}
.top-main-area { float: right; text-align: left; width: 630px; }
.news-area { width:96%; padding: 2%; margin-bottom: 2em; overflow: scroll;-webkit-overflow-scrolling: touch; background-color: #000000; height: 230px; border:none; }
.top-inspection-area{}
.top-inspection-area .img-banner img{width:100%;padding-top:1em;}
.top-inspection-area ul{padding-top:1em;padding-bottom:1em;}
.top-inspection-area p{padding-top:1em;padding-bottom:1em;}
.top-inspection-area h4{ background-image: url(https://www.porsche-seibi.jp/img/h-bg.jpg); background-repeat: repeat-x; padding: 1%; border-left: 5px solid #578ED1;float:none;clear:both; }
.ins-top-r{float:right;width:40%;padding-left:1em;}
.ins-top-r img{width:100%;height:auto;}
.top-inspection-area a:link{ color:#FC0;}
.top-inspection-area a:visited{ color:#FC0;}
#insform{padding:0%;}
.top-inspection-area table{width:100%;}
#insform table { width: 98%; margin-bottom: 1em; text-align: left; margin-top: 1em; color: #000; margin-right: auto; margin-left: auto; }
#insform table td { padding: 10px; }
#insform table th { background-color: #212121;color:#FFFFFF;padding: 10px; }
#insform table td { background-color: #e4e4e4; }
#insform table .weight{ background-color: #8DACCD; }
#insform table .ttl{ font-weight: bold; background-color: #f0a900; }
#resulta{display:block;}
#resultb{display:none;}
#resultc{display:none;}
#price-area{}
#price-area input{ border-style: none; background-color: #212121; color: #FFFFFF; padding:5px; margin-left:1em; font-size:1em; }
#price-area select{ border-style: none; background-color: #212121; color: #FFFFFF; padding-top:5px; padding-bottom:5px; margin-top:1em; width:100%; }
.voices { padding: 1rem; /*max-width: 640px;*/ }
.voices__grid { display: block; margin-bottom:2em;text-align: left;}
.voice-card { display: grid; grid-template-columns: 320px 1fr; gap: 1rem; }
.voice-card__media { margin: 0; }
.voice-card__media img { width: 320px; height: 480px; object-fit: cover; display: block; }
.voice-card__body { padding: 1rem; display: flex; flex-direction: column; }
.voice-card__message p { border:#FFFAD2 5px solid; border-radius:9px; background-color: #FFFAD2; padding:1em; color:#222222;}
.voice-card__staff p { border:#efefef 5px solid; border-radius:9px; background-color: #EFEFEF; padding:1em; color:#222222;}
.voice-card__staff { padding-top: .75rem; }
.voice-card__staffheading { font-weight: bold; margin-bottom: .5rem; }
.voice-card__customerheading{ font-weight: bold; margin-bottom: .5rem;}
/*---camapaign---*/
.campaign-top-layout { width: 640px; margin-right: auto; margin-left: auto; padding-bottom: 1%; }
.campaign-area { text-align: center; }
.cam-area { width: 640px; text-align: left; margin-right: auto; margin-left: auto; padding-top: 2%; }
.cam-engine{ width:86%;margin-top:1em;margin-bottom:1em; border: 7px solid #292929;padding:1em; }
.top-table { font-size: 11px; background-color: #1F1F1F; }
.top-td { padding: 10px; vertical-align: top; text-align: left; }
.topics-area { }
.tech-area { }
.top-table img{width:123px;}
.mv-area { background-color: #0d0d0d; padding: 2%; width: 92%; }
.post iframe { width: 90%; padding-bottom: 1em; }
.topics-br { padding-bottom: 10px; }
.top-button-area { padding-top: 15px; padding-bottom: 10px; }
.top-button-layout-left { float: left; }
.top-button-layout-right { float: right; }
.top-banner-area img { margin-bottom: 2%;width:100%;height:auto; }
.banner-area img{width:100%;height:auto;}
.header-image img{width:100%;height:auto;}
.left { float: left; width:26%; }
.left img{width:100%;height:auto;}
.imgleft{float:left;margin-right:1em;padding-bottom:1em;}
.right { float: right; }
.leftimage-area { float: right; width: 230px; }
.leftimage-area-s { float: left; width: 150px; }
.center-layout { width: 650px; margin-right: auto; margin-left: auto; }
.sub-top-area { width: 960px; margin-right: auto; margin-left: auto; text-align: center; margin-bottom:1em; }
.sub-top-area img{width:100%;}
/*landing*/
.landing-top-area{ background-image: url(../repair/img/overhaul/topheader2.jpg); background-repeat: no-repeat; background-position: center center; background-size: 1600px auto; text-align:center; height:380px; }
.landing-top-area p{padding-top:7em;padding-bottom:7em;}
.landing-top-area p span{margin-left:auto;margin-right:auto;background: rgba(0,0,0,0.9);font-size:150%; font-weight:bold;padding:1em;}
.landing-top-area-engine{ background-image: url(../repair/img/engine/header.jpg); background-repeat: no-repeat; background-position: center center; background-size: 1600px auto; text-align: center; height: 380px; }
.landing-contents-layout { padding-bottom: 2em; width: 100%; margin-right: auto; margin-left: auto; padding-top: 2em; margin-bottom: 2em; text-align: left; border-bottom: 1px dotted #333333; }
.landing-left img{width:100%;height:auto;}
.landing-left{float:left;width:40%;}
.landing-text-right{float:right;width:58%;}
.landing-tag-area{margin-top:1em;margin-bottom:1em;}
.landing-tag-area a{padding:1%; background-color:#222222;border-radius:5px;margin-right:1em;}
.landing-tag-area ul{}
.landing-tag-area li{ display:inline;}
.landing-contents-layout h6{font-size:120%; background-color:#212121;color:#FFFFFF;padding:1%;width:98%;margin-bottom:1em;}
.landing-h{ margin-bottom:1em; margin-top:0em; text-align: left; border: 7px solid #212121;padding:2em; font-size:120%; }
.tech-top-area { width: 960px; margin-right: auto; margin-left: auto; margin-top: 15px; margin-bottom: 15px; }
.sub-top-banner { padding-top: 20px; padding-bottom: 20px; }
.sub-blk-bg { background-color: #121212; padding: 10px; width: 680px; margin-bottom: 1em; margin-right: auto; margin-left: auto; }
.sub-image-margin { padding-top: 15px; padding-bottom: 15px; margin-right: auto; margin-left: auto; text-align:left; }
.sub-image-margin-b{ padding-top: 15px; padding-bottom: 15px; margin-right: auto; margin-left: auto; text-align:center; width:680px; }
.sub-layout-left { float: left; width: 650px; padding-right: 25px; padding-left: 20px; padding-bottom: 10px; text-align: left; }
.sub-layout-right { width: 250px; float: right; padding-right: 15px; }
.sub-layout-right img{width:100%;height:auto;}
.sub-navi-margin { margin-top: 5px; margin-bottom: 5px; }
.sub-navi-contact { float: right; }
.rep-td { }
.act-photo { float: left; padding-right: 20px; }
.act-text { margin-top: 10px; margin-bottom: 30px; }
.act-text p{float:none;clear:both;text-align:left;padding-top:1em;}
.act-area { text-align: left; width: 900px; margin-right: auto; margin-left: auto; }
.sub-h5-image { padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; }
.sub-text-area { text-align: center; padding-top: 15px; padding-bottom: 15px; }
.sub-text-area-left { text-align: left; }
.sub-text-left-margin { text-align: left; margin-top: 15px; margin-bottom: 15px; }
.sub-text-area-layout { padding:2%; text-align: left; }
.table-center { margin-right: auto; margin-left: auto; }
.ins-table { width: 90%; margin-right: auto; margin-left: auto; margin-top:1em; margin-bottom: 2em; }
.check-menu-area { margin-right: auto; margin-left: auto; padding-top: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; padding-bottom: 10px; margin-bottom: 15px; }
.check-menu-area h6 { font-weight: bold; }
.check-menu-area-left { float: left; width: 450px; }
.check-menu-area-right { float: right; width: 450px; }
.check-menu-area-text { width: 200px; float: right; text-align: left; }
.sub-menu-area { width: 900px; margin-right: auto; margin-left: auto; padding-top: 1em; padding-bottom: 1em; margin-bottom: 1em; }
.sub-menu-area-i { padding-bottom: 1em; width: 900px; margin-right: auto; margin-left: auto; padding-top: 1em; margin-bottom: 1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; }
.sub-menu-area-link { padding-bottom: 1em; width: 900px; margin-right: auto; margin-left: auto; padding-top: 1em; margin-bottom: 1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; padding-left: 10px; cursor: pointer; }
.sub-menu-area-flow { padding-bottom: 1em; margin-right: auto; margin-left: auto; padding-top: 1em; margin-bottom: 1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; text-align: left; width: 650px; }
.sub-menu-area-link:hover { background-color: #1F1F1F; }
.rep-bg { height: 600px; width: 660px; margin-right: auto; margin-left: auto; margin-bottom: 1em; }
.rep-bg-a { background-image: url(https://www.porsche-seibi.jp/repair/img/repmenu_back1.png); background-repeat: no-repeat; height: 600px; }
.rep-bg-b { background-image: url(https://www.porsche-seibi.jp/repair/img/repmenu_back2.png); background-repeat: no-repeat; height: 600px; }
.rep-bg-c { background-image: url(https://www.porsche-seibi.jp/repair/img/repmenu_back3.png); background-repeat: no-repeat; height: 600px; }
.rep-bg-d { background-image: url(https://www.porsche-seibi.jp/repair/img/repmenu_back4.png); background-repeat: no-repeat; height: 600px; }
.rep-bg-e { background-image: url(https://www.porsche-seibi.jp/repair/img/repmenu_back5.png); background-repeat: no-repeat; height: 600px; }
.rep-bg-f { background-image: url(https://www.porsche-seibi.jp/repair/img/repmenu_back6.png); background-repeat: no-repeat; height: 600px; }
.rep-bg-g { background-image: url(https://www.porsche-seibi.jp/repair/img/repmenu_back7.png); background-repeat: no-repeat; height: 600px; }
.rep-layout { }
.rep-text { width: 300px; text-align: left; padding-top: 120px; position: relative; float: right; padding-right: 40px; color: #000; }
.rep-mark-layout { color: #F90; background-color: #333; padding-top: 15px; padding-bottom: 15px; margin-top: 10px; margin-bottom: 10px; text-align: center; font-weight: bold; }
.rep-list-areab { text-align: left; }
.rep-list-area { background-repeat: no-repeat; background-position: center center; height: 350px; width: 660px; text-align: left; }
.rep-list-area ul { padding-top: 45px; padding-right: 35px; padding-left: 35px; }
.rep-list-area li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666; background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin-bottom: 10px; }
.rep-list-areab li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666; background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin-bottom: 10px; }
.rep-ul { float: left; text-align: left; margin-left: 20px; }
.rep-ul li { margin-bottom: 3px; padding-bottom: 3px; }
.repair-price-area{width:960px;margin-left:auto;margin-right:auto;}
.repair-price-area div{text-align:center;}
.repair-price-area img{margin-left:auto;margin-right:auto;}
.bp-menu-layout { width: 90%; margin-right: auto; margin-left: auto; text-align: left; }
.parts-rec-area { text-align: left; margin-bottom: 10px; margin-top: 10px; }
.pr-layout { float: left; padding-right: 10px; }
.pr-name { font-weight: bold; padding-bottom: 5px; background-color: #666; padding-left: 5px; }
.pr-right { float: left; padding-left: 10px; width: 155px; }
.pr-text { padding: 5px; }
.table-price { width: 850px; margin-bottom: 1em; text-align: left; margin-top: 10px; color: #000; margin-right: auto; margin-left: auto; }
.table-price td { padding: 10px; }
.p-tda { background-color: #dae4ef; }
.p-tdb { background-color: #e4e4e4; }
.p-tr { background-color: #8DACCD; color: #000; font-weight: bold; }
.p-tr-bold { font-weight: bold; background-color: #333; color: #FFF; padding: 5px; }
.faq-q { background-image: url(https://www.porsche-seibi.jp/img/faqq.png); background-repeat: no-repeat; background-color: #0D0D0D; background-position: 20px center; padding-right: 0px; padding-left: 110px; padding-top: 40px; padding-bottom: 40px; font-weight: bold; color: #578ED1; }
.faq-a { background-image: url(https://www.porsche-seibi.jp/img/faqa.png); background-repeat: no-repeat; background-position: 20px center; background-color: #121212; padding-left: 110px; padding-right: 0px; margin-bottom: 10px; padding-top: 40px; padding-bottom: 40px; }
.faq-layout { width: 850px; margin-top: 20px; margin-bottom: 1em; text-align: left; color: #FFF; margin-right: auto; margin-left: auto; vertical-align: middle; }
.flow-arrow { }
.sub-ul-text { }
.sub-ul-text li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666; margin-bottom: 5px; padding-bottom: 3px; }
.whitetable { clear: both; width: 850px; text-align: center; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
.whitetable th { color: #000; background-color: #578ED1; padding: 5px; }
.whitetable td { padding: 5px; background-color: #1C1C1C; text-align: center; }
.ch-table { text-align: left; }
.ch-photo { float: left; padding-right: 10px; }
.price-table { clear: both; width: 85%; text-align: center; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
.price-table th { width:10%; color: #FFF; padding: 5px; background-color: #1F1F1F; }
.price-table td { width:20%; padding: 10px; text-align: left; }
.ch { width: 660px; border-collapse: collapse; text-align: left; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.ch th { color: #ffffff; background-color: #333333; padding: 5px; font-weight: 300; }
.ch td { width: 120px; padding: 5px; vertical-align: top; font-size: 90%; }
.actable { width: 660px; }
.actable td { padding: 10px;text-align:left; }
.actable th { color: #ffffff; background-color: #333333; padding: 5px; font-weight: 300; }
.actable-l { width: 660px; }
.actable-l td { padding: 10px; }
.actable-l th { color: #ffffff; background-color: #333333; padding: 5px; font-weight: 300; }
.about-table { clear: both; width: 85%; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: left; }
.about-table th { color: #000; background-color: #333; padding: 5px; }
.about-table td { padding: 10px; background-color: #1C1C1C; }
.about-h { background-color: #0d0d0d; padding-top: 5px; padding-bottom: 5px; margin-bottom: 15px; padding-left: 10px; font-weight: bold; color: #F90; margin-top: 10px; }
.about-layout { margin-bottom: 1em; }
#footer { background-image: url(https://www.porsche-seibi.jp/img/glo/footer-bg.jpg); background-repeat: repeat-x; padding-bottom: 10px; }
.footer-area { height: 270px; text-align: left; color: #FFF; width: 960px; margin-right: auto; margin-left: auto; font-size:80%; }
.footer-area ul { margin-top: 0em; margin-left: 10px; margin-bottom: 0.5em; width: 170px; float: left; }
.footer-left { float: left; width: 400px; margin-right: 10px; }
.footer-right { float: right; }
.footer-h { margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; }
.footer-layout-left { float: left; }
.footer-layout-left ul{font-size:80%;}
.footer-layout-right { float: right; }
.footer-banner { padding-bottom: 10px; width: 220px; }
.footer-info { border: 1px solid #333; margin-top: 10px; }
ul.list_memo { clear: both; margin: 0px 0px 10px 0px; padding: 0px; }
ul.list_memo li { margin: 0px 7px 0px 7px; padding: 10px 0px 3px 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #1F1F1F; }
.top { text-align: center; padding: 3px; width: 80px; background-color: #1F1F1F; }
#page-up { font-size: 10px; text-align: left; position: fixed; z-index: 505; padding: 10px; width: 100px; bottom: 10px; right: 10px; top: 90%; }
.side-banner { text-align: left; position: fixed; z-index: 505; padding: 10px; width: 100px; bottom: 10px; right: 10px; top: 40%; }
#page-top-repair h3 { padding-right: 10px; padding-left: 5px; float: left; margin-top: 5px; margin-bottom: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #666; }
#page-top { font-size: 77%; width: 960px; margin-right: auto; margin-left: auto; position: fixed; top: 0px; left: 10%; right: 10%; z-index: 505; background-image: url(https://www.porsche-seibi.jp/img/glo/subnavi-bg.png); padding-top: 10px; padding-right: 10px; padding-left: 10px; text-align: left; }
#page-top h3 { padding-right: 15px; padding-left: 15px; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #666; margin-top: 5px; margin-bottom: 5px; }
#copyright { background-image: url(https://www.porsche-seibi.jp/img/glo/carbon.png); color: #FFF; font-size: 11px; padding-top: 3px; padding-bottom: 3px; text-align: center; }
#newsList { font-size: 11px; }
.tag { font-size: 10px; float: left; background-color: #1F1F1F; padding: 3px;margin-bottom:1em; }
.form-area { float: right; width: 50%; text-align: right; }
.form-area input { width: 60%; }
.blog-area { float: left; width: 620px; padding-left: 15px; background-color: #121212; padding-top: 10px; }
.tech-navi { margin-top: 20px; margin-bottom: 1em; width: 580px; margin-right: 20px; margin-left: 20px; }
.tech-h4 { font-size:100%; border-left-width: 5px; border-left-style: solid; border-left-color: #F90; text-align: left; margin-top: 1em; margin-bottom: 1em; background-image: none; }
h4.entry-h4{background-image: none;margin:0;}
.blog-area .tech-h4 { color: #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-left-width: 5px; border-left-style: solid; border-left-color: #F90; text-align: left; margin-top: 15px; margin-bottom: 15px; width: 580px; }
.blog_info { padding-left: 15px; }
.tech-table-navi { margin-bottom: 1em; width: 580px; float: left; }
/*calender*/
.ifcalender iframe{height:55vh;border:none;}
@media only screen and (min-width: 1900px) {
.ifcalender iframe{height:48vh;}
}

@media only screen and (max-width: 640px) {
.ifcalender iframe{height:32vh;}
}
.calender-month{width:30%;display:inline-block;vertical-align: middle;padding-top:1em;padding-bottom:1em;}
.calender-menu{ width:65%; text-align: right; display:inline-block;vertical-align: middle; padding-top:1em;padding-bottom:1em; }
.calender-blue{ border-left-width: 2em; border-left-style: solid; border-left-color: #D7EAF7; padding-left: 1em; padding-right: 1em; }
.calender-pink{ border-left-width: 2em; border-left-style: solid; border-left-color: #F9DFF4; padding-left: 1em; padding-right: 1em; }
.calender-red{ border-left-width: 2em; border-left-style: solid; border-left-color: #C01F06; padding-left: 1em; padding-right: 1em; }
.calender-layout{ width: 630px;margin-left:auto;margin-right:auto; }
.calender{ border: 5px solid #333; width: 630px; margin-bottom:1em; }
.calender th{ margin: 0px; font-size: large; font-weight: bold; padding:0; }
.calender td{ font-size:20px; font-weight:500; text-align:center; margin: 0px; padding-top: 0.25em; padding-bottom:2em; width: 90px; vertical-align: top; }
.sunday { background-image: url(../../img/cal_6holiday_after.png);color: #FFFFFF;}
.saturday {background-image:url(../../img/cal_6holiday_after.png); color:#FFFFFF;}
.holiday {background-image:url(../../img/cal_5holiday.png); color:#FFFFFF;}
.weekday {background-image:url(../../img/cal7_daily_after.png); color:#000000;}
.pink_b {background-image:url(../../img/cal_3wazuka.png);color:#000000;background-repeat: no-repeat;}
.blue_b {background-image:url(../../img/cal_2daily.png); color:#000000;background-repeat: no-repeat;padding-top: 3px;}
.gray_b { background-image:url(../../img/cal7_daily_after.png); color:#000000; background-repeat: no-repeat; }
.red_b {background-image:url(../../img/cal_4man.png);color:#FFFFFF;background-repeat: no-repeat;}
.searchform { font-size: 12px; letter-spacing: 0.1em; float: right; margin-right: 20px; }
.searchform input { background-color: #1F1F1F; color: #FFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.linklist ul { text-align: left; }
.linklist li { display: inline; }
#feed li { padding-bottom: 1em; margin-bottom:1em; background-color: #000; text-align: left; border-bottom: 1px solid #212121; }
#feed img { float: left; padding-left: 10px; padding-right: 10px; width: 120px; }
#feed h3 { background-color: #121212; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; margin-bottom: 10px; margin-left: 10px; }
#feed p { float: right; width: 440px; padding-top: 10px; text-align: left; }
#feed br { clear: both; float: none; }
.glass-cam-area { background-color: #000; padding-top: 10px; color: #FFF; background-image: url(https://www.porsche-seibi.jp/img/campaign/glass/bg.jpg); background-repeat: no-repeat; background-position: bottom; width: 640px; text-align: left; margin-right: auto; margin-left: auto; }
.glass-h { text-align: center; padding-top: 2%; padding-bottom: 2%; }
.glass-h h4 { font-weight: bold; }
.glass-layout { margin-bottom: 2%; margin-top: 2%; padding-right: 2%; padding-left: 2%; }
.glass-image { float: left; width: 40%; }
.glass-text { float: right; width: 60%; line-height: 140%; font-size: 11px; }
.glass-text strong { font-weight: bold; padding-bottom: 3px; color: #C30; }
.glass-footer-area { background-image: url(https://www.porsche-seibi.jp/img/campaign/glass/galass-bg.png); padding-bottom: 10px; }
.mainte-area { margin-top: 2%; margin-bottom: 2%; padding-top: 2%; padding-bottom: 2%; width: 640px; background-color: #000; text-align: center; margin-right: auto; margin-left: auto; }
.mainte-area img { margin-bottom: 2%;width:100%;height:auto; }
.sub-text-right { text-align: left; float: left; padding-bottom: 1em; padding-left: 1em; width: 68%; }
.flow-img { }
.flow-img img { width: 20%; float: left; }
.contact-big-button button { background: rgb(245,35,35); background: -moz-linear-gradient(top, rgba(245,35,35,1) 0%, rgba(81,2,5,1) 100%); background: -webkit-linear-gradient(top, rgba(245,35,35,1) 0%,rgba(81,2,5,1) 100%); background: linear-gradient(to bottom, rgba(245,35,35,1) 0%,rgba(81,2,5,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f52323', endColorstr='#510205',GradientType=0 ); border: 1px solid hsla(0,0%,97%,0.50); border-radius: 9px; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 2em; padding-right: 2em; font-size: 130%; color: #FFFFFF; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight: bold; cursor: pointer; margin-bottom: 1em; margin-top: 1em; }
/*--------------------------代車エリア-------------------------*/
#contents { width: 960px; margin-right: auto; margin-left: auto; }
#contents h3 { }
.loaner-info-area { padding-top: 2em; padding-right: 2em; padding-bottom: 2em; padding-left: 2em; }
.loaner-info-area ul { padding-top: 2%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 90%; font-weight: bold; }
.loaner-info-area li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; margin-bottom: 2%; padding-bottom: 1%; text-align: left; }
.loaner-layout p { padding-top: 2%; padding-bottom: 2%; }
#contents .loancar-img img { padding-top: 0%; padding-bottom: 2%; }
.loane-cars-layout { }
#contents .loane-cars-layout h4 { background-image: url(https://www.porsche-seibi.jp/img/page/h-bg.png); background-repeat: repeat-x; background-position: left; text-align: left; padding-top: 2%; padding-bottom: 2%; color: #FFF; padding-left: 2%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.loane-cars-area { padding-bottom: 2%; }
.loane-cars-area p { padding: 1%; font-weight: bold; }
.loanecars-left { float: left; width: 48%; }
.loanecars-right { float: right; width: 48%; }
.sub-text-area { background-color: #ececec; padding: 2%; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #bfbfbf; border-right-color: #bfbfbf; border-bottom-color: #bfbfbf; border-left-color: #bfbfbf; text-align: left; margin-top: 2%; margin-bottom: 2%; color: #333; }
.sub-text-area ul { }
.sub-text-area li { }
.contact-header-area { background-image: url(../img/ins-heade-bg.jpg); background-repeat: no-repeat; width: 640px; margin-right: auto; margin-left: auto; margin-top: 2%; }
.contact-header-area ul { padding-top: 47px; padding-bottom: 32px; padding-left: 7px; }
.contact-header-area li { display: inline; }
.contact-header-area li img { margin: 0; padding: 0; }
/*--------------------------代車END-------------------------*/
/*single post part*/
.post { text-align: left; padding-top: 0%; }
.part-area-bg { padding: 2%; width: 92%; background-color: #0d0d0d; }
.single-pt-layout { padding-top: 2%; }
.single-pt-layout img { width: 100%; height: auto; }
.single-pt-left { float: left; width: 60%; }
.single-pt-right { float: right; width: 36%; padding: 0% 2% 2% 0%; text-align: left; }
.single-pt-right table { width: 100%; border: none; }
.single-pt-right th { width: 40%; border-bottom: 1px solid #333333; padding-top: 5px; padding-bottom: 5px; }
.single-pt-right td { width: 60%; border-bottom: 1px solid #333333; padding-top: 5px; padding-bottom: 5px; }
.single-pt-comment { }
.single-pt-comment-area { line-height: 150%; width: 98%; padding: 2%; margin-top: 2%; }
.single-pt-comment-area p { padding-top: 1%; padding-bottom: 1%; width: 100%; font-weight: bold; }
.pt-cat img { width: 40%; margin-bottom: 2%; }
/*---------- new campaign page----------*/
.campaignform{padding:2%;width:96%;border-radius:15px;text-align: center; font-size:200%;margin-bottom:2em; font-weight: bold;margin-top:2em; box-shadow:0px 0px 9px -4px #4f5b5e; -moz-box-shadow:0px 0px 9px -4px #4f5b5e; -webkit-box-shadow:0px 0px 9px -4px #4f5b5e; }
.campaignform a{display:block;}
.article .spin p{margin:0;padding:0;}
.spin{ position: relative;width:98%;top:0px;}
.spin-text{ position: absolute;top:0;right:0; z-index: 999;}
.spin-image{ position: absolute;top:0;right:0;}
.spin-image p { animation-name: roll; animation-duration: 3s; -webkit-animation-name: roll; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; height:65px; padding:0;margin:0; }
.christmas{ color: #FFFFFF; font-weight: bold; font-size:130%; line-height: 160%; }
.christmas strong{ color: #F7878B; }
.christmas-area{margin-bottom:2em;}
@keyframes roll { from{ -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); }
to{ -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@media only screen and (max-width: 640px) {
.campaignform{font-size:130%;}
.spin{ position: relative;width:98%;top:150px;}
.spin img{width:60px;height:auto;}
.spin-text{ position: absolute;top:0;right:0; z-index: 999;}
.spin-image{ position: absolute;top:0;right:0;}
.spin-image p { animation-name: roll; animation-duration: 3s; -webkit-animation-name: roll; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; height:60px; padding:0;margin:0; }
}
.black-box { padding: 2%; color: #FFF; background-color: #000; text-align: left; margin-top: 1%; margin-bottom: 1%; font-weight: bold; font-size: 110%; line-height: 200%; }
.gry-bg { background-color: #cde4ee; float: right; width: 450px; padding-top: 20px; padding-right: 10px; padding-bottom: 25px; padding-left: 10px; }
.cam-left { float: left; }
.cam-list { float: left; width: 295px; margin-right: 15px; }
.cam-ul { margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }
.cam-top-header { display: none; }
.cam-ul li { margin-bottom: 5px; padding: 7px 5px 7px 22px; border-bottom: 1px solid #cccccc; background-image: url(https://www.benz-seibi.jp/img/list_check.gif); background-repeat: no-repeat; background-position: 0px 50%; vertical-align: top; }
.cam-navi-area { width: 100%; }
.cam-navi-left { float: left; padding-right: 3px; }
.cam-navi-center { float: left; padding-left: 5px; }
.cam-navi-right { float: right; }
.cam-navi-area ul { text-align: center; width: 100%; display: table; table-layout: fixed; }
.cam-navi-area li { display: table-cell; }
.cam-navi-area img { width: 95%; }
.line-area { width: 100%; margin-left: auto; margin-right: auto; text-align: center; padding-top: 2%; padding-bottom: 2%; }
.line-area p { padding-top: 1%; padding-bottom: 1%; text-align: center; }
.line-area p img { padding-left: auto; padding-right: auto; }
.line-text { padding-top: 2%; padding-bottom: 2%; }
.line img { border-radius: 2px; }
.qr { border: 10px solid #F0F0F0; margin-bottom: 15px; background-color: #FFF; }
.new { color: #FFF; background-color: #C30; padding: 2px; margin-left: 3px; border-radius: 3px; }
.cam-area p { padding-top: 2%; padding-bottom: 2%; }
.top-h-bg { color: #FFF; background-color: #666666; text-align: center; padding-top: 1%; padding-bottom: 1%; margin-bottom: 2%; }
.air-h4 { font-weight: bold; margin-bottom: 1%; padding-bottom: 1%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333; color: #C30; }
.sp-navi-area{ width:100%;margin-right:auto;margin-left:auto; }
.sp-navi-area ul{display:table; table-layout:fixed;width:100%;}
.sp-navi-area li{display:table-cell;width: 20%;}
.sp-navi-area img{width:100%;height:auto;}