@charset "UTF-8"; /*============================================================= 02_base =============================================================*/ /* 02_base ================================================ */ html { overflow: auto; } body { min-width: 320px; line-height: 1.46; overflow: hidden; color: #333; font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif; font-size: 1.3rem; -webkit-text-size-adjust: 100%; } @media all and (min-width: 600px) { body { min-width: 1200px; font-size: 1.5rem; } } a { color: #333; text-decoration: none; } @media all and (min-width: 600px) { .alpha a { -webkit-transition: opacity .3s; transition: opacity .3s; } .alpha a:hover { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } } .cf:after { display: block; clear: both; content: " "; } img { width: 100%; max-width: 100%; height: auto; } @media all and (min-width: 600px) { img { width: auto; } } @media all and (min-width: 600px) { .viewSp { display: none; } } .viewPc { display: none; } @media all and (min-width: 600px) { .viewPc { display: block; } } #wrapper { position: relative; } @media all and (max-width: 599px) { #container #contents { padding: 35px 15px; } } @media all and (min-width: 600px) { #container { width: 1200px; margin: 0 auto; } #container #contents { float: right; width: 860px; } } @media all and (max-width: 599px) { #container #contents #result { background-color: #f2eade; font-size: 1.5rem; font-weight: 700; padding: 10px 0 10px 10px; margin-bottom: 20px; } } @media all and (min-width: 600px) { #container #contents #result { background-color: #f2eade; font-size: 1.8rem; font-weight: 700; padding: 10px 0 10px 25px; margin-bottom: 20px; } } /*============================================================= 03_layout =============================================================*/ /* #gHeader ================================================ */ #gHeader { position: relative; z-index: 50; } @media all and (min-width: 600px) { #gHeader { border-bottom: 1px solid #dfdbd0; } } /* #hdIn ================================================ */ #hdIn { position: relative; z-index: 55; padding: 0; } #hdIn .overlay { display: none; position: fixed; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); } @media all and (min-width: 600px) { #hdIn { width: 1200px; overflow: hidden; margin: 0 auto; } #hdIn .overlay { display: none; } #hdIn .overlay.is_open { display: none; } } #hdMeta { overflow: hidden; padding: 0 0 0 15px; } #hdMeta .logo { float: left; width: 104px; margin-right: 21px; padding: 8px 0 0; } #hdMeta .img01 { float: left; width: 120px; padding: 14px 0 0; } #hdMeta .btnMenu { position: relative; float: right; z-index: 50; width: 55px; height: 55px; overflow: hidden; background: url(../img/common/header/btn_nav01_n.png) no-repeat; background-size: 100%; text-indent: 200%; white-space: nowrap; } #hdMeta .btnMenu.is_open { background-image: url(../img/common/header/btn_nav01_o.png); } @media all and (min-width: 600px) { #hdMeta { float: left; width: 350px; padding: 0; } #hdMeta .logo { width: 168px; margin-right: 23px; padding: 35px 0 0; } #hdMeta .img01 { width: 143px; padding: 44px 0 0; } } /* #gNav ================================================ */ #gNav { display: none; position: absolute; top: 55px; left: 0; z-index: 55; box-sizing: border-box; width: 100%; padding: 15px; background: #fff; } #gNav .list01 { margin: 0 0 15px; border-top: 1px solid #dfdbd0; } #gNav .list01 .item { border-bottom: 1px solid #dfdbd0; } #gNav .list01 .item a { display: block; padding: 20px 0 21px 60px; } #gNav .list01 .item a span { display: block; position: relative; line-height: 1.3; padding: 0 0 0 49px; font-weight: 500; font-size: 1.4rem; letter-spacing: .1em; } #gNav .list01 .item a span:before { position: absolute; top: 50%; left: 0; width: 31px; height: 31px; margin-top: -16px; background-size: 100%; content: ""; } #gNav .list01 .item01 a span:before { background-image: url(../img/common/header/ico_nav01.png); } #gNav .list01 .item02 a span:before { background-image: url(../img/common/header/ico_nav02.png); } #gNav .list01 .item03 a span:before { background-image: url(../img/common/header/ico_nav03.png); } #gNav .list01 .item04 a span:before { background-image: url(../img/common/header/ico_nav04.png); } #gNav .list01 .item05 a span:before { background-image: url(../img/common/header/ico_nav05.png); } #gNav .list02 { overflow: hidden; border-top: 1px solid #333; border-left: 1px solid #333; } #gNav .list02 .item { float: left; box-sizing: border-box; width: 50%; border-right: 1px solid #333; border-bottom: 1px solid #333; } #gNav .list02 .item a { display: block; padding: 11px 0; font-weight: 500; font-size: 1.3rem; text-align: center; letter-spacing: .1em; } #gNav .list02 .item img { display: block; margin: 0 auto; } #gNav .list02 .item01 img { width: 61px; } #gNav .list02 .item02 img { width: 37px; } #gNav .list02 .item03 img { width: 41px; } #gNav .list02 .item04 img { width: 41px; } #gNav.is_open { display: block; } #gNav .btnClose { width: 150px; margin: 0 auto; } @media all and (min-width: 600px) { #gNav { display: block; position: relative; top: 0; float: right; width: 830px; overflow: hidden; padding: 66px 0 0; } #gNav .list01 { box-sizing: border-box; width: 830px; overflow: hidden; margin: 0; border: 0; border-left: 1px solid #dfdbd0; } #gNav .list01 .item { float: left; box-sizing: border-box; width: 20%; border: 0; border-right: 1px solid #dfdbd0; } #gNav .list01 .item a { padding: 0; text-align: center; } #gNav .list01 .item a span { padding: 43px 0 16px; font-size: 1.5rem; } #gNav .list01 .item a span:before { top: 9px; left: 50%; width: 26px; height: 26px; margin: 0 0 0 -13px; } #gNav .list02 { position: absolute; top: 0; right: 0; width: 397px; border-top: 0; } #gNav .list02 .item { width: 33.3333%; } #gNav .list02 .item a { padding: 10px 0; } } /* #mainImg 下層ページ ================================================ */ /* #mainChild ================================================ */ #mainChild { position: relative; box-sizing: border-box; min-height: 145px; padding-top: 33%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } #mainChild .mainIn { position: absolute; top: 52%; left: 0; box-sizing: border-box; width: 100%; padding: 0 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #mainChild .mainTit { line-height: 1.233; color: #fff; font-size: 3rem; text-align: center; text-shadow: 0 0 20px #000; letter-spacing: .1em; } #mainChild span { display: block; line-height: 1; padding: 6px 0 0; color: #fff; font-size: 1.1rem; text-align: center; text-shadow: 0 0 20px #000; } @media all and (min-width: 600px) { #mainChild { height: 300px; padding: 0; } #mainChild .mainIn { display: table; position: relative; top: 0; width: 1200px; height: 300px; margin: 0 auto; padding: 0; -webkit-transform: translateY(0); transform: translateY(0); } #mainChild .mainTit { display: table-cell; line-height: 1.33; font-size: 6rem; vertical-align: middle; } #mainChild span { padding: 14px 0 0; font-size: 2rem; } } /* #breadcrumb ================================================ */ #breadcrumb { width: 1200px; margin: 0 auto; padding: 15px 0 72px; background-position: 50% 100%; } #breadcrumb ol { overflow: hidden; } #breadcrumb ol li { position: relative; float: left; line-height: 1.6; margin-right: 8px; } #breadcrumb ol li a { font-size: 1.5rem; letter-spacing: .03em; } #breadcrumb ol li a:hover { text-decoration: underline; } #breadcrumb ol li + li { padding-left: 16px; } #breadcrumb ol li + li:before { position: absolute; top: 50%; left: 0; width: 5px; height: 5px; margin-top: -3px; border-top: 2px solid #c0c0c0; border-right: 2px solid #c0c0c0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* #sidebar ================================================ */ @media all and (min-width: 600px) { #sidebar { float: left; width: 300px; padding: 0; } } #sidebar .sideSearch { margin: 0 0 20px; padding-bottom: 25px; background: url(../img/common/bg_pattern02.png) repeat; background-size: 75px; } @media all and (min-width: 600px) { #sidebar .sideSearch { background-size: 150px; } } #sidebar .sideSearch .tit { line-height: 50px; margin: 0 0 18px; padding-left: 54.6%; background-repeat: no-repeat; background-position: center; background-size: cover; font-weight: 500; font-size: 1.8rem; } #seeing #sidebar .sideSearch .tit { background-image: url(../img/common/sidebar/bg_tit01_sp.png); } #playing #sidebar .sideSearch .tit { background-image: url(../img/common/sidebar/bg_tit02_sp.png); } #stay #sidebar .sideSearch .tit { background-image: url(../img/common/sidebar/bg_tit03_sp.png); } #eating #sidebar .sideSearch .tit { background-image: url(../img/common/sidebar/bg_tit04_sp.png); } #souvenir #sidebar .sideSearch .tit { background-image: url(../img/common/sidebar/bg_tit05_sp.png); } #sidebar .sideSearch .lead { margin: 0 0 15px; padding: 0 15px; } #sidebar .sideSearch .sub { padding-left: 15px; color: #9e9382; font-weight: 500; font-size: 1.4rem; } #sidebar .sideSearch .icoList { position: relative; margin: 15px 0; } #sidebar .sideSearch .icoList:before { position: absolute; bottom: 0; width: 100%; height: 1px; background: #fff; content: ""; } #sidebar .sideSearch .icoList .item { float: left; box-sizing: border-box; width: 50%; border-top: 1px solid #fff; } #sidebar .sideSearch .icoList .item:nth-of-type(odd) { border-right: 1px solid #fff; } #sidebar .sideSearch .icoList .item:nth-of-type(even):nth-last-of-type(2) { position: relative; } #sidebar .sideSearch .icoList .item:nth-of-type(even):nth-last-of-type(2):before { position: absolute; bottom: -1px; width: 100%; height: 1px; background: #fff; content: ""; } #sidebar .sideSearch .icoList .item label { display: table-cell; position: relative; width: 600px; height: 48px; line-height: 1.35; padding: 0 36px; background-repeat: no-repeat; background-position: 10px center; background-size: 20px; vertical-align: middle; } #sidebar .sideSearch .icoList .item input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } #sidebar .sideSearch .icoList .item input[type="checkbox"] + span { display: block; } #sidebar .sideSearch .icoList .item input[type="checkbox"] + span:before { position: absolute; top: 0; right: 10px; bottom: 0; width: 14px; height: 14px; margin: auto; border: 2px solid #d1cdc1; background: #fff; content: ""; } #sidebar .sideSearch .icoList .item input[type="checkbox"] + span:after { display: inline-block; position: absolute; top: 0; right: 8px; bottom: 0; width: 17px; height: 12px; visibility: hidden; margin: auto; background: url(../img/common/sidebar/ico_check01.png) center center no-repeat; background-size: cover; content: ""; -webkit-transform: translateY(-1px); transform: translateY(-1px); } #sidebar .sideSearch .icoList .item input[type="checkbox"]:checked + span:after { visibility: visible; } #seeing #sidebar .sideSearch .icoList .item.ico01 label { background-image: url(../img/common/sidebar/ico_seeing01.png); } #seeing #sidebar .sideSearch .icoList .item.ico02 label { background-image: url(../img/common/sidebar/ico_seeing02.png); } #seeing #sidebar .sideSearch .icoList .item.ico03 label { background-image: url(../img/common/sidebar/ico_seeing03.png); } #playing #sidebar .sideSearch .icoList .item.ico01 label { background-image: url(../img/common/sidebar/ico_playing01.png); } #playing #sidebar .sideSearch .icoList .item.ico02 label { background-image: url(../img/common/sidebar/ico_playing02.png); } #playing #sidebar .sideSearch .icoList .item.ico03 label { background-image: url(../img/common/sidebar/ico_playing03.png); } #playing #sidebar .sideSearch .icoList .item.ico04 label { background-image: url(../img/common/sidebar/ico_playing04.png); } #playing #sidebar .sideSearch .icoList .item.ico05 label { background-image: url(../img/common/sidebar/ico_playing05.png); } #stay #sidebar .sideSearch .icoList .item.ico01 label { background-image: url(../img/common/sidebar/ico_stay01.png); } #stay #sidebar .sideSearch .icoList .item.ico02 label { background-image: url(../img/common/sidebar/ico_stay02.png); } #eating #sidebar .sideSearch .icoList .item.ico01 label { background-image: url(../img/common/sidebar/ico_eating01.png); } #eating #sidebar .sideSearch .icoList .item.ico02 label { background-image: url(../img/common/sidebar/ico_eating02.png); } #eating #sidebar .sideSearch .icoList .item.ico03 label { background-image: url(../img/common/sidebar/ico_eating03.png); } #eating #sidebar .sideSearch .icoList .item.ico04 label { background-image: url(../img/common/sidebar/ico_eating04.png); } #eating #sidebar .sideSearch .icoList .item.ico05 label { background-image: url(../img/common/sidebar/ico_eating05.png); } #eating #sidebar .sideSearch .icoList .item.ico06 label { background-image: url(../img/common/sidebar/ico_eating06.png); } #eating #sidebar .sideSearch .icoList .item.ico07 label { background-image: url(../img/common/sidebar/ico_eating07.png); } #eating #sidebar .sideSearch .icoList .item.ico08 label { background-image: url(../img/common/sidebar/ico_eating08.png); } #eating #sidebar .sideSearch .icoList .item.ico09 label { background-image: url(../img/common/sidebar/ico_eating09.png); } #eating #sidebar .sideSearch .icoList .item.ico10 label { background-image: url(../img/common/sidebar/ico_eating10.png); } #eating #sidebar .sideSearch .icoList .item.ico11 label { background-image: url(../img/common/sidebar/ico_eating11.png); } #eating #sidebar .sideSearch .icoList .item.ico12 label { background-image: url(../img/common/sidebar/ico_eating12.png); } #souvenir #sidebar .sideSearch .icoList .item.ico01 label { background-image: url(../img/common/sidebar/ico_souvenir01.png); } #souvenir #sidebar .sideSearch .icoList .item.ico02 label { background-image: url(../img/common/sidebar/ico_souvenir02.png); } #souvenir #sidebar .sideSearch .icoList .item.ico03 label { background-image: url(../img/common/sidebar/ico_souvenir03.png); } #souvenir #sidebar .sideSearch .icoList .item.ico04 label { background-image: url(../img/common/sidebar/ico_souvenir04.png); } #souvenir #sidebar .sideSearch .icoList .item.ico05 label { background-image: url(../img/common/sidebar/ico_souvenir05.png); } #souvenir #sidebar .sideSearch .icoList .item.ico06 label { background-image: url(../img/common/sidebar/ico_souvenir06.png); } #souvenir #sidebar .sideSearch .icoList .item.ico07 label { background-image: url(../img/common/sidebar/ico_souvenir07.png); } #souvenir #sidebar .sideSearch .icoList .item.ico08 label { background-image: url(../img/common/sidebar/ico_souvenir08.png); } #souvenir #sidebar .sideSearch .icoList .item.ico09 label { background-image: url(../img/common/sidebar/ico_souvenir09.png); } #souvenir #sidebar .sideSearch .icoList .item.ico10 label { background-image: url(../img/common/sidebar/ico_souvenir10.png); } #souvenir #sidebar .sideSearch .icoList .item.ico11 label { background-image: url(../img/common/sidebar/ico_souvenir11.png); } #souvenir #sidebar .sideSearch .icoList .item.ico12 label { background-image: url(../img/common/sidebar/ico_souvenir12.png); } #souvenir #sidebar .sideSearch .icoList .item.ico13 label { background-image: url(../img/common/sidebar/ico_souvenir13.png); } #sidebar .sideSearch .map { display: block; position: relative; z-index: 1; width: 215px; margin: 30px auto 20px; } #sidebar .sideSearch .map g path:hover { opacity: .7; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } #sidebar .sideSearch .map g .pathPueple { fill: #a69aca; } #sidebar .sideSearch .map g .pathBlue { fill: #a0d8ef; } #sidebar .sideSearch .map g .pathGreen { fill: #a9cf56; } #sidebar .sideSearch .map g .pathPink { fill: #f6b1aa; } #sidebar .sideSearch .map g .pathOrange { fill: #f7b500; } #sidebar .sideSearch .areaSelect { position: relative; width: 266px; overflow: hidden; margin: 15px auto; border: 2px solid #d1cdc1; border-radius: 5px; background: #fff; } #sidebar .sideSearch .areaSelect:before { position: absolute; top: 0; right: 15px; bottom: 0; width: 0; height: 0; margin: auto; border-width: 6px 5px 0 5px; border-style: solid; border-color: #333 transparent transparent transparent; content: ""; } #sidebar .sideSearch .areaSelect .list { position: relative; width: 100%; height: 36px; padding: 8px 24px 8px 10px; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #sidebar .sideSearch .areaSelect .list[disabled] { color: 666; } #sidebar .sideSearch .areaSelect .list .green { color: #b1d26b; } #sidebar .sideSearch .areaSelect .list .pink { color: #f4bab3; } #sidebar .sideSearch .areaSelect .list .purple { color: #afa4cd; } #sidebar .sideSearch .areaSelect .list .orange { color: #f4bb21; } #sidebar .sideSearch .areaSelect .list .blue { color: #a8d7eb; } #sidebar .sideSearch .btn { width: 266px; margin: 0 auto; } #sidebar .sideSearch .btn button { position: relative; width: 100%; height: 40px; line-height: 39px; overflow: hidden; border: none; background: #333; color: #fff; font-size: 1.4rem; text-align: center; letter-spacing: .2em; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #sidebar .sideSearch .btn button:after { display: inline-block; position: absolute; top: 0; bottom: 0; width: 12px; height: 12px; margin: auto 0 auto .3em; background: url(../img/common/ico_search01.png) center center no-repeat; background-size: cover; content: ""; } @media all and (min-width: 600px) { #sidebar .sideSearch .map { margin: 0 20px 22px; } #sidebar .sideSearch .areaSelect { width: 256px; margin: 15px 20px 30px; } #sidebar .sideSearch .areaSelect:before { border-width: 7px 6px 0 6px; } #sidebar .sideSearch .areaSelect .list { width: 100%; height: 38px; cursor: pointer; } #sidebar .sideSearch .areaSelect .list option { font-size: 1.4rem; } #sidebar .sideSearch .areaSelect .list::-ms-expand { display: none; } #sidebar .sideSearch .btn { width: auto; margin: 0 20px; } #sidebar .sideSearch .btn button { font-size: 1.6rem; -webkit-transition: opacity .3s; transition: opacity .3s; } #sidebar .sideSearch .btn button:after { width: 15px; height: 15px; margin: auto 0 auto .5em; } #sidebar .sideSearch .btn button:hover { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } } @media all and (min-width: 600px) { #sidebar .sideSearch { margin: 0 0 20px; padding-bottom: 25px; } #sidebar .sideSearch .tit { line-height: 97px; margin: 0 0 26px; padding-left: 170px; background-size: cover; font-weight: 500; font-size: 2.8rem; } #seeing #sidebar .sideSearch .tit { background-image: url(../img/common/sidebar/bg_tit01_pc.png); } #playing #sidebar .sideSearch .tit { background-image: url(../img/common/sidebar/bg_tit02_pc.png); } #stay #sidebar .sideSearch .tit { background-image: url(../img/common/sidebar/bg_tit03_pc.png); } #eating #sidebar .sideSearch .tit { background-image: url(../img/common/sidebar/bg_tit04_pc.png); } #souvenir #sidebar .sideSearch .tit { background-image: url(../img/common/sidebar/bg_tit05_pc.png); } #sidebar .sideSearch .lead { margin: 0 0 20px; padding: 0 20px; } #sidebar .sideSearch .sub { padding-left: 20px; font-size: 2rem; } #sidebar .sideSearch .icoList { position: relative; margin: 19px 20px 30px; } #sidebar .sideSearch .icoList:before { position: absolute; bottom: 0; width: 100%; height: 1px; background: #fff; content: ""; } #sidebar .sideSearch .icoList .item { position: relative; float: none; width: 100%; padding: 6px 0; } #sidebar .sideSearch .icoList .item:nth-of-type(odd) { border-right: none; } #sidebar .sideSearch .icoList .item:nth-of-type(even):nth-last-of-type(2) { position: relative; } #sidebar .sideSearch .icoList .item:nth-of-type(even):nth-last-of-type(2):before { display: none; } #sidebar .sideSearch .icoList .item:hover:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #sidebar .sideSearch .icoList .item label { position: static; z-index: 2; height: 40px; padding: 0 36px 0 52px; border-radius: 4px; background-position: 4px center; background-size: 40px; cursor: pointer; -webkit-transition: background-color .3s; transition: background-color .3s; } #sidebar .sideSearch .icoList .item label:hover { background-color: rgba(211, 205, 190, .3); } #sidebar .sideSearch .icoList .item input[type="checkbox"] + span { line-height: 1.3; } #sidebar .sideSearch .icoList .item input[type="checkbox"] + span:before { right: 12px; width: 14px; height: 14px; } #sidebar .sideSearch .icoList .item input[type="checkbox"] + span:after { right: 9px; width: 17px; height: 12px; } } #sidebar .sideLinks { margin: 0 15px; } #sidebar .sideLinks .bnr { margin-bottom: 10px; } #sidebar .sideLinks .childlist { margin-bottom: 10px; border: 2px solid #e6e6e6; } #sidebar .sideLinks .childlist .childItem { position: relative; border-bottom: 2px dashed #e6e6e6; } #sidebar .sideLinks .childlist .childItem:after { position: absolute; right: 10px; bottom: 8px; width: 0; height: 0; border-width: 0 0 8px 8px; border-style: solid; border-color: transparent transparent #333 transparent; content: ""; } #sidebar .sideLinks .childlist .childItem:last-of-type { border-bottom: none; } #sidebar .sideLinks .childlist .childItem a { display: table; box-sizing: border-box; width: 100%; padding: 8px 10px; } #sidebar .sideLinks .childlist .childItem .img { display: table-cell; width: 28.9%; } #sidebar .sideLinks .childlist .childItem .areaTxt { display: table-cell; padding-left: 14px; vertical-align: middle; } #sidebar .sideLinks .childlist .childItem .areaTxt .tit { line-height: 1.3; margin: 0 0 5px; font-weight: bold; font-size: 1.7rem; letter-spacing: .1em; } #sidebar .sideLinks .childlist .childItem .areaTxt .txt { color: #666; font-size: 1.2rem; } @media all and (min-width: 600px) { #sidebar .sideLinks { margin: 0; } #sidebar .sideLinks .bnr { margin-bottom: 20px; } #sidebar .sideLinks .childlist { margin-bottom: 20px; } #sidebar .sideLinks .childlist .childItem { border-bottom: 2px dashed #e6e6e6; } #sidebar .sideLinks .childlist .childItem:after { right: 8px; bottom: 15px; border-width: 0 0 10px 10px; } #sidebar .sideLinks .childlist .childItem:last-of-type { border-bottom: none; } #sidebar .sideLinks .childlist .childItem a { display: table; box-sizing: border-box; width: 100%; padding: 8px 10px; } #sidebar .sideLinks .childlist .childItem .img { display: table-cell; width: 90px; } #sidebar .sideLinks .childlist .childItem .areaTxt .tit { line-height: 1.3; font-size: 2.2rem; } #sidebar .sideLinks .childlist .childItem .areaTxt .txt { font-size: 1.3rem; } } #sidebar .sideCat { background: url(../img/common/bg_pattern02.png) repeat; background-size: 75px; } @media all and (min-width: 600px) { #sidebar .sideCat { background-size: 150px; } } #sidebar .sideCat .tit { line-height: 1.5; padding: 12px 0 11px; background: rgba(180, 180, 180, .2); font-weight: 700; font-size: 1.8rem; text-align: center; } #sidebar .sideCat .list { padding: 8px 15px 20px; } #sidebar .sideCat .list .item { border-bottom: 1px solid #fff; } #sidebar .sideCat .list .item a { display: block; position: relative; padding: 10px 10px 10px 16px; } #sidebar .sideCat .list .item a:before { position: absolute; top: 14px; left: 0; width: 0; height: 0; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent transparent transparent #333; content: ""; } @media all and (min-width: 600px) { #sidebar .sideCat { margin-bottom: 20px; } #sidebar .sideCat .tit { padding: 15px 0; font-size: 2rem; } #sidebar .sideCat .list { padding: 13px 30px 30px; } #sidebar .sideCat .list .item a { line-height: 1.5; padding: 12px 15px 12px 30px; font-size: 1.4rem; } #sidebar .sideCat .list .item a:before { top: 17px; left: 10px; } #sidebar .sideCat .list .item a:hover { text-decoration: underline; } } #sidebar .sideArchive { padding: 0 15px 15px; background: url(../img/common/bg_pattern02.png) repeat; background-size: 75px; } @media all and (min-width: 600px) { #sidebar .sideArchive { background-size: 150px; } } #sidebar .sideArchive .tit { line-height: 1.5; margin: 0 -15px 15px; padding: 12px 0 11px; background: rgba(180, 180, 180, .2); font-weight: 700; font-size: 1.8rem; text-align: center; } #sidebar .sideArchive .selectWrap { position: relative; background: #fff; } #sidebar .sideArchive .selectWrap:after { position: absolute; top: 50%; right: 11px; width: 0; height: 0; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #333 transparent transparent; content: ""; } #sidebar .sideArchive .selectWrap select { display: block; box-sizing: border-box; width: 100%; height: 40px; padding: 0 10px; border: 2px solid #e5e4e3; border-radius: 0; background: transparent; outline: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #sidebar .sideArchive .selectWrap select ::-ms-expand { display: none; } @media all and (min-width: 600px) { #sidebar .sideArchive { margin-bottom: 20px; padding: 0 20px 20px; } #sidebar .sideArchive .tit { margin: 0 -20px 20px; padding: 15px 0; font-size: 2rem; } #sidebar .sideArchive .selectWrap:after { right: 10px; } #sidebar .sideArchive .selectWrap select { height: 50px; padding: 0 14px; } } /* #gFooter ================================================ */ #gFooter { position: relative; margin-top: 40px; background: url(../img/common/bg_pattern01.png) repeat; background-size: 75px; } @media all and (min-width: 600px) { #gFooter { background-size: 150px; } } #gFooter .pagetop a { display: block; position: relative; height: 45px; overflow: hidden; background: #f6f1e8; text-indent: 200%; white-space: nowrap; } #gFooter .pagetop a:before { position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin: -4px 0 0 -8px; border-width: 0 8px 8px 8px; border-style: solid; border-color: transparent transparent #333 transparent; content: ""; } @media all and (min-width: 600px) { #gFooter { margin-top: 145px; } #gFooter .pagetop { position: absolute; right: 40px; bottom: 40px; width: 63px; height: 63px; } #gFooter .pagetop a { height: 100%; } } /* ftIn ================================================ */ @media all and (min-width: 600px) { #ftIn { width: 1200px; margin: 0 auto; padding: 58px 0; } } /* ftMeta ================================================ */ #ftMeta { padding: 28px 0 18px; } #ftMeta .logo01 { width: 250px; margin: 0 auto 10px; padding: 0 0 15px; border-bottom: 1px solid #dcd5ca; } #ftMeta .logo01 a { display: block; width: 138px; margin: 0 auto; } #ftMeta .info { text-align: center; } #ftMeta .info .logo { width: 107px; margin: 0 auto 5px; } #ftMeta .info .txt { line-height: 1.5; font-size: 1.2rem; letter-spacing: .1em; } #ftMeta .info .btn { width: 290px; height: 55px; margin: 13px auto 0; } #ftMeta .info .btn a { display: block; position: relative; box-sizing: border-box; height: 100%; line-height: 1; padding: 13px 0 0; border: 2px solid #3c3634; border-radius: 5px; background: #fff; font-weight: 500; font-size: 2.3rem; text-align: center; } #ftMeta .info .btn a:before { position: absolute; top: 50%; left: 13px; width: 25px; height: 25px; margin-top: -13px; background: url(../img/common/footer/ico_tel01.png) no-repeat; background-size: 100%; content: ""; } @media all and (min-width: 600px) { #ftMeta { float: left; width: 570px; padding: 0; } #ftMeta .logo01 { float: left; width: 219px; margin: 0 40px 0 0; padding: 12px 0 8px; border-right: 1px solid #dcd5ca; border-bottom: 0; } #ftMeta .logo01 a { width: 168px; margin: 0; } #ftMeta .info { float: left; text-align: left; } #ftMeta .info .logo { width: 126px; margin: -10px 0 5px; } #ftMeta .info .txt { line-height: 1.6; font-size: 1.3rem; } } /* ftNav ================================================ */ #ftNav .list { overflow: hidden; border-top: 1px solid #c8bfb1; } #ftNav .list .item { float: left; box-sizing: border-box; width: 50%; border-bottom: 1px solid #c8bfb1; } #ftNav .list .item:nth-child(even) { border-right: 1px solid #c8bfb1; } #ftNav .list .item a { display: block; position: relative; padding: 13px 10px 14px 15px; font-weight: 500; } #ftNav .list .item a:before { position: absolute; right: 5px; bottom: 5px; width: 0; height: 0; border-width: 0 0 8px 8px; border-style: solid; border-color: transparent transparent #9e9382 transparent; content: ""; } #ftNav .list .item.home { width: 100%; } #ftNav .list .item.line02 a { padding: 5px 10px 4px 15px; } #ftNav .copyright { padding: 14px 0; background: #fff; color: #858585; font-size: 1.2rem; text-align: center; letter-spacing: .1em; } @media all and (min-width: 600px) { #ftNav { float: right; } #ftNav .list { margin-bottom: 28px; border: 0; text-align: right; } #ftNav .list .item { display: inline-block; float: none; width: auto; margin-left: 22px; border: 0; } #ftNav .list .item:nth-child(even) { border: 0; } #ftNav .list .item a { padding: 0; letter-spacing: .1em; } #ftNav .list .item a:before { content: none; } #ftNav .list .item a:hover { text-decoration: underline; } #ftNav .list .item.home { width: auto; } #ftNav .list .item.line02 a { padding: 0; } #ftNav .copyright { padding: 0; background: none; font-size: 1.3rem; text-align: right; } } /*============================================================= 05_helper =============================================================*/ /* .js-name ================================================ */ /*============================================================= 06_lib =============================================================*/ /*# sourceMappingURL=maps/common.css.map */