@charset "utf-8";
.page-contents { margin-bottom: 30px; }
input { font-size: 16px !important; }
label { display: block; }
.prefectures { margin-top: 4% }
.prefectures p { margin-bottom: 5px; font-size: 14px; font-weight: bold; }
.prefectures p span { margin-bottom: 5px; font-size: 10px; font-weight: normal }
.prefectures select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.prefectures select { width: 100%; padding: 10px 15px; line-height: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #d3d3d3; background: #e8e8e8; background: url(/map/smt/images/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%); background: url(/map/smt/images/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #f9f9f9 0%, #e8e8e8 100%); background-size: auto 100%; border-radius: 3px; }
.areaList { display: none; border: solid 1px #cfcfcf; border-bottom: none; }
.areaList li { border-bottom: solid 1px #cfcfcf; }
.areaList li a { display: block; padding: 20px 15px; font-size: 14px; line-height: 16px; background: url(/smp/images/corp/footer/arrow_footer.png) no-repeat right center; -webkit-background-size: auto 100%; -ms-background-size: auto 100%; background-size: auto 100%; }
#page-campaign { margin-top: 40px; }
#page-campaign ul { margin: 0 !important; }
#page-campaign ul li { text-align: center; padding-bottom: 4%; }
#page-campaign ul li:nth-child(odd) { padding-right: 2%; }
#page-campaign ul li:nth-child(even) { padding-left: 2%; }
.prefectures div.area_box { width: 100%; line-height: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #d3d3d3; background: #ffffff; background: url(https://www.chiyodagrp.co.jp/map/smt/images/arrow03.png) right 50% no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); background: url(https://www.chiyodagrp.co.jp/map/smt/images/arrow03.png) right 50% no-repeat, linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); background-size: auto 40px; border-radius: 3px; }
.prefectures div.area_box + div.area_box { margin-top: .5em; }
.prefectures div.area_box a:hover { color: #000; }
.prefectures div.area_box a>.inner { display: inline-block; vertical-align: middle; }
.prefectures div.area_box a .inner>span { display: table-cell; margin: 0; vertical-align: middle; font-weight: bold; white-space: nowrap; }
.prefectures div.area_box a .inner>span+span { padding-left: 15px; font-weight: normal; font-size: 86%; white-space: normal; }
.prefectures div.area_box a .inner>span>span { display: inline-block; }
/*.prefectures div.area_box a { display:block; padding: 10px 15px 10px 2.5em;}*/
.prefectures div.area_box a { display: block; padding: 10px 2.9em 10px 15px; }
.prefectures div.area_box a:hover { text-decoration: none; }
/* モーダル コンテンツエリア */
div[class*="modal-tg"] { display: none; z-index: 2000; width: 93%; height: auto; margin: 0; padding: .5em 1em 1em; position: fixed; background-color: #ffffff; color: #666666; overflow: hidden; *zoom: 1;}
div[class*="modal-tg"] div.area_box { width: 49%; float: left; margin-bottom: .5em; }
div[class*="modal-tg"] div.area_box + div.area_box { margin-top: 0; }
div[class*="modal-tg"] div.area_box.odd { margin-right: 1.9%; clear: both; }
/* モーダル 背景エリア */
#modal-bg { display: none; width: 100%; height: 130%; background-color: rgba(0,0,0, 0.50); position: fixed; top: 0; left: 0; z-index: 1000; }
.selectStoreWrap { margin-top: 6%; }
.selectStoreWrap.bizTop { margin-top: 10%; }
.prefectures h3.ic_area { background: url(https://www.chiyodagrp.co.jp/map/smt/images/icon_area.png) no-repeat left center; -webkit-background-size: auto 30px; -ms-background-size: auto 30px; background-size: auto 30px; line-height: 14px; padding: 13px 0 12px 16px; font-size: 14px; font-weight: 600; }
/*ダイレクト用*/
.prefectures div.area_box.direct { background-image: none; }
.prefectures div.area_box.direct em { display: block; padding: 10px 15px 10px 15px; font-style: normal; }
.prefectures div.area_box em:hover { color: #000; text-decoration: none; }
.prefectures div.area_box em>.inner a { display: inline-block; font-size: 120%; line-height: 1.5; padding: 0; /*text-decoration: underline;*/color: #23527c; }
.prefectures div.area_box em .inner>span { display: table-cell; margin: 0; vertical-align: middle; font-weight: bold; white-space: nowrap; }
.prefectures div.area_box em .inner>span+span { padding-left: 0; font-weight: normal; font-size: 100%; white-space: normal; /*padding-top: .1em;*/display: block; }
.prefectures div.area_box em .inner>span>span { display: inline-block; }

.prefectures dl { margin-bottom: 30px; }
.prefectures dl p { font-size: 13px; font-weight: normal; margin-bottom: 0; color: #666666; }
.prefectures dt img { margin-right: 5px; }
.prefectures dd { margin-left: 10px; }
.prefectures dd img { max-width: 30%; }

.flier-block { text-align:center;margin:0 0 2%;}
.tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto;}
.tooltip.in { filter: alpha(opacity=90); opacity: .9 }
.tooltip.top { padding: 5px 0; margin-top: -3px }
.tooltip.right { padding: 0 5px; margin-left: 3px }
.tooltip.bottom { padding: 5px 0; margin-top: 3px }
.tooltip.left { padding: 0 5px; margin-left: -3px }
.tooltip-inner { max-width: 200px; padding: 8px 10px; color: #fff; text-align: center; background-color: rgba(0, 0, 0, .8); border-radius: 4px }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: rgba(0, 0, 0, .8) }
.tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: rgba(0, 0, 0, .8) }
.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: rgba(0, 0, 0, .8) }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: rgba(0, 0, 0, .8) }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: rgba(0, 0, 0, .8) }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: rgba(0, 0, 0, .8) }
.tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: rgba(0, 0, 0, .8) }
.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: rgba(0, 0, 0, .8) }
.tooltip { border-radius:5px;}

/*　colorbox.css このページのみ上書き　*/
#cboxTitle { text-align: center; width: 98%; }
#cboxCurrent { margin-left: -200px; }
#cboxPrevious { margin-left: -200px;}
#cboxNext { margin-left: -200px; }
