/* TABLE OF CONTENTS:
 * 
 * 00 どのサイズでも共通で適用されるスタイル
 *    - ビルボード
 *    - イントロ
 *    - 対応エリア
 * 01 幅 768 未満
 *    - ビルボード
 *    - 対応エリア
 * 02 幅 480px 以上
 * 03 幅 768px 以上
 *    - ビルボード
 *    - イントロ
 *    - 対応エリア
 * 04 幅 880px 以上
 *    - ビルボード
 * 05 幅 1072px 以上
 * 06 幅 1264px 以上
 *    - 対応エリア
 */

/* --------------------------------------------------------------------------------------------------------
   00
 *
 * どのサイズでも共通で適用されるスタイル
 */

/* ビルボード */
#mainImg > div {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
.site-main #mainImg picture img {
    width: 100%;
    aspect-ratio: 92 / 39;
}

/* ビルボード */
#mainImg {
    background: url(../img/bg/ci-bil-bg-w480.jpg) center no-repeat;
    background-size: cover;
}

/*
#mainImg picture ~ p,
#mainImg picture ~ ul {
    display: none;
}
*/

/* イントロ */
div[id*="concept"] h1 span,
div[id*="concept"] h1 + p span {
    color: #c00;
}

div[id*="concept"] h1 + p {
    /*    font-weight: bold;*/
}

/* 査定額アップのコツ */

.kotsu-wrap {
    background: #f5a900 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAHklEQVQYlWP4//+/8f///40ZcAGCCsjWiFPBAOgEAGGuMwFei5I/AAAAAElFTkSuQmCC');
    border-radius: 8px;
    margin-top: 0 !important;
    padding: 1px 1em 1em;
}

.kotsu dl {
    background: #FFF;
    border-radius: 8px;
    padding: 0.5em;
}

.kotsu dl dt {
    background: url(/wp-content/themes/twentyseventeench/img/icon/kotsu-icon.png) no-repeat left top;
    background-size: 33px;
    border-bottom: 1px #333 dotted;
    font-size: 1em;
    margin-bottom: 0.5em;
    padding: 1em 1em 0.5em 2.5rem;
    position: relative;
}

.kotsu dl dt:after {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    content: "\f078";
    color: #FFF;
    text-shadow: 0px 1px 1px #f5a900, 0px 0px 1px #f5a900, 1px 0px 1px #f5a900, 0px -1px 1px #f5a900, -1px -1px 1px #f5a900, -1px 0px 1px #f5a900;
    display: block;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 1em;
    width: 1em;
}

.kotsu dl dt.open:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.kotsu dl dd {
    background: rgba(255, 255, 255, 0.8);
    margin: 0 0 1em;
    padding: 1em 1em 0.5em 1em;
    position: relative;
}


/* 対応エリア */
.outer.visit {
    background-image: url(../img/bg/townscape.png);
    background-repeat: repeat-x;
    background-size: auto 30px;
    background-position: center bottom 20px;
}

section[id*="visit"] .choice-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

section[id*="visit"] .choice-tab li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bold;
    background: #f5f5f5;
    color: #999;
    list-style: none;
    padding: 0.4em;
    position: relative;
}

section[id*="visit"] .choice-tab li:first-child {
    border-radius: 5px 0 0 5px;
}

section[id*="visit"] .choice-tab li:last-child {
    border-radius: 0 5px 5px 0;
}

section[id*="visit"] .choice-tab li.active {
    background: #f51100;
    color: #FFF;
}

section[id*="visit"] .choice-tab li:before {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
}

section[id*="visit"] .choice-tab li.area:before {
    background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAwCAYAAAAGlsrkAAADnklEQVRYhe2YXYiWRRTHf/uhlUpKBHoUSjfBEAyEsrxo8aILhVCJxAsvSkhYL1YUWmjVi8q2EKNtsajVUBDCC+1DBV0oSjeQVYzQFLyQcjU5rhQtKJQkGkfOyDg7z7vvx65X+4eH95l5zjm/eeadZ+bM1HV3d1OF7sQuqlpXaYj66H428Ho1rShHIrJaRGbH4EnA+8A54Atg/ihALeZOY4hIh4hMagQOAy9Gdp8DC4HbIwRt8JgNfm00nr3xlsR2AbB2JKCuFo8Z610DfwfsTR50WGNrJYrIdI8Va6+qfh8G1wZgMHo4GeisFQx85LGCBp11b1QPAO2J00pgcbVEEVnsMWK1q+oAyee0A+hLDD8BHqkCaj6fJtV9ziAF3/aBcCuqewrYXCnYfZqissVsUdV7X0p94nAa+DipexOYWy5RRMy2LanuUtXTcUUKNr0DXIrK44HPgGGnRRGpc9txUbXFeju1bcz43wBagQNRXbNPp7u9/FYBe7XbxmpV1RvlgE0HgW+B5V62RvwUPd8ablQ19ut122XBT1UP5gC5rg5aB5wElngDLpSwDY24oKrL3eek91xWRW9sugw8PxysoAE9QE8pm1JvPKoaA4+Bx8AjplITSJCtrVOLHooMyZBuWmIRL4E5lQLberrds5BKe2ZARLZZ6qOqd3IGReAngRPA4xUCg6yHPvQ463IGRW/yXg3QWK0i8kzuQe6NLeleGpX/A/b5bzmyDOS5yO4V4Ew5YNtuPBqVvwZWFQGT9dgG20zg96hqUc4v19Wp4dEiaEFDLgL9UdULIvLwqIMzPg8ZfDhwQ7KBs+T7fI1gct2dgtP/t7cKaFngMLgsg1zvCXysZcmeaogyM1dOzSKinjC2qWq/gd/wTXNO4/2qVZZvTwNWWB4nIvMakxz5lG/U52Q2XNXoD2APMAV4DZgIPGGxDTzTA/Z5Mh4mirOZTXsl+gt4NuwORWQ/8IP7z6j3kWzan8xO6Wa9Uh0LUJOq/ghcC+V4VDclgWfVCL7PX0Ssux8L5XjKXAP84luXp/3ApBbNF5FOPxWwk6WumBeDx/noLhrh1Wi9X0NUn57SPSjZG7/kp3q5s8VdwKEq2/IlMCGps43cB8DPjT7Efytw/tX/80Kly2KQiOTWb1XVu/HCqP63IHBRfTn6O2NzPdwE8FXgeGL0D3CkBrDNC6ksqbgPbHoV+Ar40/+Ll5MFvVJt8k/oim/q7dTnm7tBgP8Bw9Hbd4BYAG0AAAAASUVORK5CYII=');
}

section[id*="visit"] .choice-tab li.area.active:before {
    background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAwCAYAAAAGlsrkAAADjklEQVRYhe2YXWgVVxDHf0mMtTaoFCFYEDUGRF+kDxYFIxX6oFCsiOCDggpF9EFRrGA0cO4oImLRlrbU+qBgER/UqhEUWmmrgt8iaV/6ENSI4geCgoJVo0dGZuPJcTfZuzf6lD8sd8/szPzPnDt7zsxWee8pgG5GIlJVrovq4L4RWFRkFnngnFvsnGtMVDXiOmAdsBqoASYBV3rxVVbEzrlPgYvAC+BbYPMA4BjQFOjtAKYAL/so0hrzWWOXBtmkS70x0v0MWNYXpIal5jPEBiX+A9gXPdgEjKiU0Tn3ifkKsU9ETiTJtQp4GDwcCmyvlBjYZr4SPDSurqy+CzRHRvOAGUUZnXMzzEeIZhG5S/Q67QTORYo/Ah8WIFWbnyLxOeMgJn5pidAZyMYCLeUSm01DMFafS0Wk602pjgzagO8i2TfAhLyMzjnVXROJvxeRtlAQEysEuBGMBwI/62aTg7TKdGsDsfoqxboDUuwfA8uBI4Fsmm2nu228NoN7semGWC4ij/MQK1qBw8BsG+skTgfPtyQ3IhLanTLdrxI7EWlNI0hb6gQrgAvATJtAew+6ySTaRWS22VywlUtF0WMxJCtk11PE7xT9xP3E/cR9hjwbiJ6t9WUQPtXCIjwC09ATsZ6nP1gVUu7KaJWxVUsfEUklyDokRgHngeFlEiaot/p5lO35byEr4l+BBQVJY0wUkX9iYVrEWnTPCsbPgf32mwcTrBtJMAfIRaztxpBg/BswP4swPp2cc6OBa4Ho8zS7tKSJFf/OFeebiVwHOgLRZOfcoHdOnGLzgZL3RlwTNXD6WvxXITFpyx0Tx//vqQKkuYiT10kryJVWwNcFz58BTwqShz2Tt9XTgnGNiHTgvf/av190eO+HaMTtFqnikjXq41IariK4CewBhgELgY/MxxKNuNPiPeu9r9Wlt6ulwnW4772vL5VK6OW9nx48K1VbJisORLtT3KyXi5NJS6oQkb+Ae8k4zOqGyPGYCom72TvndLk/7hIE4T+zRBvuvZ+q/30fpNx27/1I7/147/3v4VJrclXWShSDVMffrN4X9HT6wr7q/ZLCuQs4WnAue4HBkUwbuc3AZSX+E7iaYfyvtauZyGranHNp5/dtEXntL8nq/zMcZ8nz4EGKzqPkJiG+A5yJlHSPPl4Bse4LMbSo6EasmAscBO7bf/FldKCXi/X60QW4ZU29fvU59NoJ8ApuQDDs2zvRvAAAAABJRU5ErkJggg==');
}

section[id*="visit"] .choice-tab li.station:before {
    background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAwCAYAAAACYxrZAAADgUlEQVRYhe2YSYgXRxTGfzNEjeLKqKiMBBEXEKMGBBW3YAgGxbhdRLzIiIm4HJTgYRB3D4pbMoaBHFTwOhEFwSTiCg6CIkjcGMX14o64jJlNXvgKamq6uvv/dwQPftB0V/V776v36tWr6i6prq6mQPwLlEvlATCiEPUvvOc5uv+ZodMV6O49Z6GV3VJgOPA3UAOYu2WFupyCMtmsEcdwI9wFfCedPsDWdiTcJpuIY6cRrgEaPKElwIR2IDMbFV7bONaUKgl2eS9KgH3B/BYK0/1dthyM42qpGpuAe97LUcCqDyA03a+9ttneiJLG8ApYESit99K/EAyUrg+z/donNBwBjnptS/k9RRDuDpbLEV2EhPgjEeYCMwogmykdB7O10hcICe9qPn38CnTJQWYye4O+jbIZJTTsVOY6DAIqvfY54B9d57z+Ssk6hNn/P5JS39bLz8BppXW9LoeFEQ/fSe5LoAX4KVjfUULDWWA/0BP4BaiLyPnYABwCtgPPA+8zCQ1Lk0aYgToV6w4xsaQ5dCiULJduGuFHwWfCdkeeLcgW8yRgPDBMG2oP6TYBL4HHwC2gVkvqesxYGmFvVZ1FOb2cAizWsxXr1UnrN0ZodfGSthoftqk+CzZWqyqdVfjd+pulI8VQ4GEewi0JZIZlKR5WBAu+iwq/v3tECX+M9D/RZh162Mk7OvoYF3bECN1IHwF/AY3K6MFAxwT5Ju0eTRqMzedXQHNeQido9fRwRCYNdia6nFRTY+vQ9T8tgszwQvfchC265znKJ6Gb+tqE9JOppS4LXxVp1+mVhC9ihC4UvYokdCFtDF/EstQJVqu0NeYMf4u8Gqt2fSiQVbz7AfNzEKUNoBU+dtLknkNf8AqwI8fJ7ZHkzqQJxULqZ+loJdE61dLYKXwqcE3Pt7WP5vbQr5cuY7NOcX5GOp02DsU8tPAMUKW5CBwHZmd8Y5wCDipDB6vvbV7CAwql4RtdWbABrg1kjoU6sZBWab4+BM0JH6ZRwgYlQbGlzfB90m6Ttg7tc2uk5q9NiYrAvDoPjAFOJIlkLfw7wHTgt5yENfpdcjkmkOdcWuZ9dlcpE8t1UvsPuA9MAzYDE/Vnq6hzqcNJYAhwA1iuvguBTK1Iv9WHbP+kzdeQFdI/NI8GM5gGC/0boK/+qyUijXAy8ANwE1gQHmgTYOE1UgunhXVeGxngPeRqrHgkFkYAAAAAAElFTkSuQmCC');
}

section[id*="visit"] .choice-tab li.station.active:before {
    background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAwCAYAAAACYxrZAAADQklEQVRYhe2Xy4uPURjHP6NxG4M0SIwQMViwsSC3UjakEQslexZKKf4BKaUsJJEslJUQC3dyKdko11AuuWdELuN++erwHM6c33t+7/t7B1n41un3ds73eZ5znvNczq9OEjXiKtBsIg+A8bWI1wff8+13b45MI9An+M5DR72SWiQd1Q+0SWpyp64y7uoX7uZwm0ynzEaLmzyojtjyGw1ujXQfcJPjJX0MJr9KmvIbDE4xXR7Oxji/uC7ayQVJ9Z0w6GQvRjrXfQ9QIzRGihxWdsLgykiX4/UKDboxLyK9ltRcwuBQkw0xz6/H5P0RcXcJg7sjHfvC9Zg8TFJ7JDCnBoNzI9l205k06MbqSOi2pIYCBhuMG2JVrD/LYFdJVyLBtcH6Tkvio/bt59dGMldMVwf99Rll6ROwDDgF1AHvbXgsTpSyD8br4QoYsNR0dUSVxN0uaY+kUTnVJByOu9dkMznVukXXzB0WQ1K2THvqFLr8VWv/Df4JZOVhjBHANGAyMAYYAPQ12S/AK+ApcAs4B5wBrie1Vcmp/pJ2qBz2pfI3lRYNtsuh0fxm4LlVoJ97BnoCyy3/PN4Co4GHRU64IXGuah55mcHfU/SEt+3uYjwD2jNO2B0YlMF/DAwOJ1JB413TBhwBPltEjwS6ZfBd8ByzX7eZGcAw4GsFM+fd0lpD4Q7HBJN/Eq+l8tDPP0us5+FF5KkKxRUHt98iT/ks9La5Cpf+M8XbR2F7Sb1eri5eSBn0ruhX0qB36ed4IZUWnrgFWBKkRR5kp5pkvPcxP694u2ReWPRYGaioKn86aArfYUi8DKwHbuYobzPe6aqsRKW4Y5XC/SnpYnM9Jb2p0qzGBvL+BX6vaKUJ66WP2LwnYxiRXqYiRlJB02ZV3lWa88BhoNX6ZAongR0WoSON866oS1eU7PQxNhbth67oPgL657ixGpxbB8YNIHWH7r5mdqK0OczO7DY5fW24pEOSPhV04RdJZyVNTOks2lBTb5wYu/J0FXmXNgFz7HuTRWKzvdQ+AveBWcAaYCrQUvZd6sclO8X1HN4J47lnhS8WNbt0W+CyITncbkElOl7G4HRJDyXdkLSo4F1Pk3TN5BZUrEt8AyHCHnOEK5cXAAAAAElFTkSuQmCC');
}

section[id*="visit"] .choice-tab li.active:after {
    border-top: 10px #f51100 solid;
    border-right: 6px transparent solid;
    border-left: 6px transparent solid;
    content: "";
    position: absolute;
    bottom: -20px;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 20px;
    width: 12px;
}

section[id*="visit"] .choice-show-panel {
    background-color: #FFF;
    border: 2px #f51100 solid;
    border-radius: 5px;
    padding: 1em;
}

section[id*="visit"] .choice-show-panel ul li {
    list-style: none;
}

section[id*="visit"] .choice-show-panel ul:not([class*="rosen"]) {
    display: flex;
    flex-wrap: wrap;
}

section[id*="visit"] .choice-show-panel ul:not([class*="rosen"]) li {
    border-right: 1px #CCC solid;
    border-left: 1px #CCC solid;
    line-height: 1em;
    text-align: center;
    margin-top: 1em;
    margin-left: -1px;
}

section[id*="visit"] .choice-show-panel ul[class*="rosen"] {
    text-align: center;
}

section[id*="visit"] .choice-show-panel ul[class*="rosen"] li {
    display: inline-block;
    padding: 0 1em;
}

section[id*="visit"] .local {
    margin-top: 2em;
}

section[id*="visit"] .local h3 {
    background: #fff100;
    color: #333;
    border-radius: 5px;
    text-align: center;
    padding: 0.4em;
    position: relative;
}

section[id*="visit"] .local h3:before {
    content: "";
    background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAzCAYAAACAArhKAAAD1UlEQVRYhe2YTahVVRTHf/c9zaRMsgh0FCpIOohIhRLjOinfQHvoIMHQhAY2UBEVtBr8KyKib9JnGFEQ5keFXyiWBk+diBbiwIHyElRQXlG9J/YBpcaKdS7bzTnnnn18Noj+sOGefdZ//ffed+211z4N6uF6yJKU7Kcj+D0ReKbmQNpC0hJJEzM7G+mdwPPAKqATmAacaOMoacaSHgKOA1eBN4HXhgH7gJmB3QfAI8C1IZppp/vs9GaTnGlL/UpkOx14bihEHUvdZ4iXTfgAsCV68Sow9mYVJY1zXyG2SDqYBddKYCB4ORp452aFgbfdV4YB12pFdT+wLiI9BcyuqyhptvsIsU5SP9F22gQcjQzXAyNriBpnQ9R91DWIha95IPwV9E0AXkwVds744Nl8LpXU2ikdEeEk8G7UtxqYXFVRktmuibrfk3Qy7IiFDS8B54Pn24CNnmzaiTbcdnjQbb4U2w7L4V8BlgG7gr7HPJ1+7M9rC7SXuG2IZZKuVBE27AZ2At3+bIM4Erx/PZhlyDvstk9mPEm78wTyljrDcuAY0OUD6CuxzQbRJ6nbOcd85XJR91gMxWrxymZ8S/G/8H9fOCWqm8DjwFTPw/c4/2fgHPAdcFDS/qEQtgSzyPf0gxUH2Ocn04eSfq0jbLPr8ROqDi7ZASPpszxuZ4FDKwo+AcbUFDWMAub39vaObjabX8Uv82bcM8TFnmGPpLlhRxzVayuKrvcSeGpOMZeHOZLic76FGV6ot2s9Iclz9ZqK3IVmby2bccOPwXa46gU5kfgbwI8V+J9KsptLS/hp4N4KRMNgQf8fFbgNvyq1cLbiUl2Pz1hf6q4Evu3t2430aAIpa92BtpU6vyXyFxrxrRrC1r4HztTkfmkp8eGK/22M8WnmN2CSCd+fSLJUeMgD0wr1KQl5PMM/GXEgcZm2RU4W11jqwY4aBV+c7e5O5LecXE7kNP0+ndXkdYqJ3410IZFkiWZByclWBb+Y8Lc1iP3xB5hEnOmI7kj/Fvaa8DfAD4mCjYLfVWB35G1ZYFQ5U0PcF4inVikbJA1mwhs937bDRS/8ng2+HHzhB8episJ2/25tiT89ce9oQ7Iy9v2wQ5J9BTwhaZpnsTJY8fcTOcnDypMVJcRTXvLk4XPgiRLudkmtr0B5gWFRPjenHw+Molp5ZMlF/7ikG77u5SWBrcBdBTOzgY4oaEUZbLOkrrizKPt87RltlovUgcXNC5JW5XHL0p4FzUe+tBY0d1QUtw8tdoWxinJvkVHVzW+i8zx4HvB9bNWi8W1gVmGe9mS0Q1J5xQn8DZa0TyEKzG6SAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

section[id*="visit"] .local h4 {
    color: #f51100;
}

section[id*="visit"] .local h4 + p {
    margin-top: 0;
}

section[id*="visit"] .local [class*="col-"] li {
    display: block;
}

/* --------------------------------------------------------------------------------------------------------
   01
 *
 * 幅 768px 未満
 */
@media screen and (max-width: 767px) {

    .site-main #mainImg picture img {
        aspect-ratio: 480 /400;
    }
    #mainImg picture ~ p,
    #mainImg picture ~ ul {
        display: none;
    }
    /* 対応エリア */
    section[id*="visit"] .choice-tab li {
        padding-left: 40px;
    }

    section[id*="visit"] .choice-tab li:before {
        left: 10px;
        width: 20px;
    }

    section[id*="visit"] ul:not([class*="rosen"]) li {
        min-width: 7.5em;
    }

    section[id*="visit"] .local h3:before {
        height: 40px;
        width: 20px;
    }

}

/* End max 767px */



/* --------------------------------------------------------------------------------------------------------
   02
 *
 * 幅 480px 以上
 */
@media screen and (min-width: 30em) {

    /* ここにスタイル */



}

/* End min 480px */



/* --------------------------------------------------------------------------------------------------------
   03
 *
 * 幅 768px 以上
 */
@media screen and (min-width: 48em) {


    /* ビルボード */
    #mainImg {
        background: url(../img/bg/ci-bil-bg.jpg) center no-repeat;
        background-size: cover;
    }

    #mainImg picture ~ p {
        font-size: 1.5em;
        font-weight: bold;
        text-align: center;
        margin: -13vw 0 0;
    }
    _:-ms-lang(x)::-ms-backdrop, #mainImg picture~p {
        margin-top: 0px;
    }
    #mainImg picture ~ ul {
        max-width: 60%;
        margin-right: auto;
        margin-left: auto;
    }

    #mainImg picture ~ ul li {
        text-align: center;
        list-style: none;
        margin-top: 0;
    }


    /* イントロ */
    div[id*="concept"] h1 {
        text-align: center;
        font-size: 36px;
    }

    div[id*="concept"] h1 + p {
        text-align: center;
    }

    /*買取品目のアウター*/
    #main div > div:nth-of-type(7) {
        padding: 1px 3em;
    }

    /* 選ばれる5つの理由 */

    .reason-appeal p {
        background-color: #fff9c4;
        border-radius: 20px;
        max-width: 820px;
        margin-right: auto;
        margin-left: auto;
        padding: 20px;
        position: relative;
        font-size: 1.6rem;
    }

    .reason-appeal p:before {
        content: "";
        background: url(../img/contents/reason-p2.png) no-repeat;
        width: 80px;
        height: 80px;
        background-size: 40px auto;
        position: absolute;
        left: 3em;
        bottom: 0.5em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .reason-appeal p:after {
        content: "";
        background: url(../img/contents/reason-p.png) no-repeat;
        width: 110px;
        height: 110px;
        background-size: 110px auto;
        position: absolute;
        right: 1em;
        bottom: -0.4em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .reason .more {
        margin-top: 3em
    }


    /* 査定額アップのコツ */
    .kotsu dl dt {
        background-size: 45px;
        font-size: 17px;
        font-size: 1.0625rem;
        padding-bottom: 1em;
        padding-left: 3.5rem;
    }

    .kotsu dl dd {
        padding-bottom: 2em;
    }

    .kotsu dl dd:before {
        top: 0.8rem;
        font-size: 2rem;
        width: 3rem;
    }


    /* 対応エリア */
    section[id*="visit"] .choice-tab li {
        font-size: 1.5em;
        line-height: 1.2em;
        padding-left: 140px;
    }

    section[id*="visit"] .choice-tab li:before {
        left: 100px;
        width: 30px;
    }

    section[id*="visit"] .choice-tab li span {
        font-size: initial;
        display: inline-block;
        text-decoration: underline;
        margin: 0 10px;
    }

    section[id*="visit"] ul:not([class*="rosen"]) li {
        min-width: 8.4em;
    }

    section[id*="visit"] .local h3:before {
        height: 51px;
        width: 30px;
    }

    section[id*="visit"] .local [class*="col-"] li {
        border: 5px solid #ccc;
        padding: 10px 10px 5px;
    }


}

/* End min 768px */



/* --------------------------------------------------------------------------------------------------------
   04
 *
 * 幅 880px 以上
 */
@media screen and (min-width: 55em) {


    /* ビルボード */
    #mainImg picture ~ p {
        margin-top: -110px;
    }
    _:-ms-lang(x)::-ms-backdrop, #mainImg picture~p {
        margin-top: 0px;
    }

    #mainImg picture ~ ul {
        max-width: 660px;
    }


}

/* End min 880px */



/* --------------------------------------------------------------------------------------------------------
   05
 *
 * 幅 1072px 以上
 */
@media screen and (min-width: 67em) {

    /* ここにスタイル */

}

/* End min 1072px */



/* --------------------------------------------------------------------------------------------------------
   06
 *
 * 幅 1264px 以上
 */
@media screen and (min-width: 79em) {


    /* 対応エリア */
    #main .entry-content .outer.visit {
        background-image: url(../img/bg/townscape.png), url(../img/bg/ci-visit-bg.png);
        background-repeat: repeat-x, no-repeat;
        background-size: auto;
        background-position: center bottom 5px, center bottom 50px;
        padding: 1px 3em 150px;
    }
    #main .entry-content .outer.visit.about-area {
        background-size: auto, 85%;
    }
    #main .entry-content section[id*=visit] .local { 
        background-color: rgba(255,255,255,0.85);
        padding: 1em 2em;
    }


}

/* End min 1264px */