@charset "utf-8"; /* ---------- ---------- ---------- ::index:: A. KeyVisual B. ContentsArea C. Gl_TabSet D. Gl_Tab--Label__Link E. Gl_Tab--Partition F. Gl_Tab--Anchor G. Gl_Tab--Normal H. Table--Gl I. is-Url ---------- ---------- ---------- */ /* A. KeyVisual ---------- ---------- ---------- */ .KeyVisual--Wide #KeyVisualWrap { height: 330px; background-image: url("/-/media/Project/Daikin/daikin_com/locations/common/images/keyvisual jpg"); } .KeyVisual--Wide #KeyVisualArea { height: 258px; padding-top: 72px; } .KeyVisualArea__Img { display: none; } .KeyVisualArea__Text { text-shadow: 0 1px 1px #0c2546; width: 52%; } .KeyVisualArea__Text h1 { font-size: 250%; } .KeyVisualArea__Text__Catch > dl > dt{ font-size: 129%; margin-bottom: 15px; } .KeyVisualArea__Text__Catch > dl > dd{ font-size: 92.9%; } #KeyVisualArea .Tab { position: absolute; bottom: 0; font-size: 129%; } @media screen and (max-width: 960px) { .KeyVisual--Wide #KeyVisualWrap{ background: none transparent; position: relative; height: auto; } .KeyVisual--Wide #KeyVisualArea { width: auto; height: auto; padding-top: 0; } .KeyVisualArea__Img { display: block; width: 100%; max-width: 100%; } .KeyVisualArea__Text { position: absolute; top: 60px; left: 10px; float: none; } .KeyVisualArea__Text h1 { font-size: 200%; } .KeyVisualArea__Text__Catch > dl > dt { font-size: 100%; margin-bottom: 5px; } .KeyVisualArea__Text__Catch > dl > dd { font-size: 91.6%; } #KeyVisualArea .Tab { left: 10px; } } @media screen and (max-width: 768px) { .KeyVisualArea__Text { position: static; width: auto; } .KeyVisualArea__Text h1 { background: rgb(0,154,207); text-shadow: none; padding: 10px 10px 8px; } .KeyVisualArea__Text__Catch { display: none; } #KeyVisualArea .Tab { position: static; bottom: auto; } } /* B. ContentsArea ---------- ---------- ---------- */ /* ContentsArea */ .ContentsArea_Single.KeyVisual--Wide #ContentsArea { padding-top: 370px; } .KeyVisual h4 { border-left: 0; padding-left: 0; } @media screen and (max-width: 960px) { .ContentsArea_Single.KeyVisual--Wide #ContentsArea { padding-top: 40px; } } @media screen and (max-width: 768px) { .ContentsArea_Single.KeyVisual--Wide #ContentsArea { padding-top: 0; } } /* MainContentsArea */ @media screen and (max-width: 960px) { .ContentsArea_Single #ContentsArea #MainContentsArea { width: auto; box-sizing: border-box; } } /* C. Gl_TabSet ---------- ---------- ---------- */ .Gl_TabSet{ margin-bottom: 17px; } @media screen and (max-width: 768px) { .Gl_TabSet{ border: solid #bababa 1px; border-top: none; padding: 1px 0; } .Gl_TabSet h2{ display: block; font-size: 16px; margin: .75em 9px; } } /* D. Gl_Tab--Label__Link ---------- ---------- ---------- */ /* Gl_Tab--Label__Link */ .Gl_Tab--Label__Link { position: relative; border-bottom: 1px solid #bababa; } .Gl_Tab--Label__Link:after { content: ""; display: block; clear: both; } .Gl_Tab--Label__Link li { display: table-cell; border-top: 1px solid #bababa; border-right: 1px solid #bababa; vertical-align: middle; position: relative; bottom: -1px; } .Gl_Tab--Label__Link li:first-child { border-left: 1px solid #bababa; } .Gl_Tab--Label__Link li a { display: block; padding: 10px; border-bottom: solid 1px #bababa; color: #444; background: #f0f4f7; background: linear-gradient(to bottom, #f0f4f7 0%,#f0f4f7 85%,#d8dbde 100%,#d8dbde 100%); text-decoration: none; } .Gl_Tab--Label__Link li a:hover { color: #0099cc; } .Gl_Tab--Label__Link li.is-Selected a { border-top:4px solid #bababa; border-bottom: none; padding: 7px 10px 10px; color: #444; background: #FFF; } .Gl_Tab--Label__Link a i { display: none; } @media screen and (max-width: 768px) { .JS .Gl_Tab--Label__Link { display: none; } .Gl_Tab--Label__Link { border: none; margin: 0 9px 8px -11px; } .Gl_Tab--Label__Link li { display: block; border: none; float: left; margin: 7px 0 7px 20px; } .Gl_Tab--Label__Link li:first-child { border: none; } .Gl_Tab--Label__Link li a { padding: 4px 9px; background: transparent; border: none; } .Gl_Tab--Label__Link li.is-Selected a { position: static; border:none; margin-bottom: 0; padding: 4px 9px; color: #fff; background: #00c6f7; } .Gl_Tab--Label__Link a i { display: inline-block; width: 7px; height: 10px; margin-right: 7px; background-image: url("/-/media/Project/Daikin/daikin_com/dg_common/images/mkr_sprite png"); background-position: -20px -20px; background-repeat: no-repeat; vertical-align: baseline; } .Gl_Tab--Label__Link .is-Selected a i { background-position: -20px -60px; } }@media screen and (max-width: 480px) { .Gl_Tab--Label__Link { margin-bottom: 0; } .Gl_Tab--Label__Link li { float: none; margin: 15px 0 15px 20px; } } /* Gl_Tab--Label__Select */ .Gl_Tab--Label__Select { margin: 15px 0; padding: 0 9px; display: none; } .Gl_Tab--Label__Select select { width: 100%; height: 40px; line-height: 40px; vertical-align: top; color: #000; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 40px 0 15px; background: #ffffff url("/-/media/Project/Daikin/daikin_com/locations/common/images/mkr_selectbox png") no-repeat 97% 50%; background-size: 14px 6px; padding: 0\9; font-size: 14px; background: transparent\9; border-radius: 0; } .Gl_Tab--Label__Select select::-ms-expand { display: none; } .Gl_Tab--Label__Select option { background: #ffffff; } @media screen and (max-width: 768px) { .JS .Gl_Tab--Label__Select { display: block; } } /* E. Gl_Tab--Partition ---------- ---------- ---------- */ .Gl_Tab--Partition { padding: 8px 10px 0; border: 1px solid #bababa; border-top: none; background: #FFF; background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 90%,#e5e5e5 100%,#e5e5e5 100%); overflow: hidden; } .Gl_Tab--Partition li { padding: 5px 5px 10px; float: left; } .Gl_Tab--Partition li a { display: block; padding: 4px 10px 5px; margin-right: -11px; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; color: #444; text-decoration: none; } .Gl_Tab--Partition li a:hover { color: #0099cc; } .Gl_Tab--Partition li.is-Selected a { color: #000; background: #BABABA; } @media screen and (max-width: 768px) { .Gl_Tab--Partition { padding: 6px 4px; border: none; background: #f0f4f7; margin: 0 0 15px; } .Gl_Tab--Partition ul { } .Gl_Tab--Partition li { box-sizing: border-box; padding: 4px; width: 25%; } .Gl_Tab--Partition li a { display: block; border: 1px solid #d2d6d9; color: #444; background: #fff; margin: 0; padding: 10px 0; text-align: center; font-size: 12px; } .Gl_Tab--Partition li a:hover { color: #0099cc; } .Gl_Tab--Partition li.is-Selected a { border: solid 1px #00c6f7; color: #fff; background: #00c6f7; } } @media screen and (max-width: 480px) { .Gl_Tab--Partition li { width: 50%; } } /* F. Gl_Tab--Anchor ---------- ---------- ---------- */ .Gl_Tab--Anchor { padding: 15px 19px 10px; border-right: 1px solid #bababa; border-bottom: 1px solid #bababa; border-left: 1px solid #bababa; letter-spacing: -.4em; } .Gl_Tab--Anchor li { display: inline-block; box-sizing: border-box; width: 33.33%; letter-spacing: normal; padding: 0 30px 5px 13px; text-indent: -13px; vertical-align: top; } @media screen and (max-width: 768px) { .Gl_Tab--Anchor { border: none; padding-top: 0; } .Gl_Tab--Anchor li { width: 50%; } } /* G. Gl_Tab--Normal ---------- ---------- ---------- */ .Gl_Tab--Normal { overflow: hidden; } .Gl_Tab--Normal li { float:left; margin-left: -1px; border-left: 1px solid #bababa; } .Gl_Tab--Normal li a { display: block; padding: 10px 15px; color: #444; font-weight:bold; background: #f0f4f7; background: linear-gradient(to bottom, #f0f4f7 0%,#f0f4f7 85%,#d8dbde 100%,#d8dbde 100%); } .Gl_Tab--Normal li.is-Current a, .Gl_Tab--Normal li.is-Current a:hover { padding: 5px 15px 10px; color: #000; border-top: 5px solid #BABABA; background: #FFF; } .Gl_Tab--Normal li a:hover { color: #0099cc; text-decoration: none; } @media screen and (max-width: 768px) { .Gl_Tab--Normal{ border: solid #bababa 1px; border-bottom: none; margin: 15px 10px 0; } .Gl_Tab--Normal li{ display: table-cell; width: 50%; font-size: 16px; } .Gl_Tab--Normal li a { padding: 8px 15px 10px; } .Gl_Tab--Normal li.is-Current a, .Gl_Tab--Normal li.is-Current a:hover { padding: 5px 15px 8px; border-top: 3px solid #BABABA; } } @media screen and (max-width: 480px) { .Gl_Tab--Normal li{ line-height: 20px; } } /* H. Table--Gl ---------- ---------- ---------- */ .Table--Gl tr td > dl dt { margin-bottom: 0; } .Table--Gl .Business { display: inline-block; margin-bottom: 4px; } @media screen and (max-width: 768px) { .Table--Gl, .Table--Gl tr, .Table--Gl th, .Table--Gl td { display: block; } .Table--Gl { border: none; } .Table--Gl tr { border-bottom: solid 1px #c6c9cc; margin-bottom: 10px; } .Table--Gl th, .Table--Gl td { border-left: solid 1px #c6c9cc; border-right: solid 1px #c6c9cc; } .Table--Gl th, .Table--Gl td { padding: 10px 15px 10px; } .Table--Gl td > dl + dl { border-top: solid 1px #c6c9cc; padding-top: 10px; margin-top: -5px; } .Table--Gl .Url { word-break: break-all; } } /* I. is-Url ---------- ---------- ---------- */ @media screen and (max-width: 768px) { .is-Url { word-break: break-all; } }