@charset "utf-8";
#footermenu, #head .lnk_totop, .sp {
display: none
}
#topimg, .bx:hover a {
opacity: 1
}
#path, .bg header, footer {
font-family: 'Noto Sans Japanese', sans-serif
}
#path, #topimg svg, #topimg:before, .ssns {
position: absolute
}
#topimg, body {
position: relative
}
#path, #path ol, #topimg, .bg, .wrap_shop, a {
overflow: hidden
}
li, ul {
margin: 0;
padding: 0;
list-style: none
}
a {
outline: 0
}
.bx:hover, a:hover {
cursor: pointer
}
.bg {
background: #eee5db;
padding: 0 0 140px
}
.pc_box {
display: block;
}
.sp_box {
display: none;
}

@media only print, screen and (max-width:750px) {
.bg {
background: #eee5db;
overflow: hidden;
padding-bottom: 40px;
border-bottom: 4px solid #D3C3B5
}
#wrap_path {
display: none
}
.sp_box {
display: block;
}
.pc_box {
display: none;
}
}
#wrap_path {
background: #a6937c
}
#wrap_path #path ol li {
padding-top: 0;
float: left
}
.wrap1k {
height: auto;
margin: 0 auto;
color: #362e2b;
width: 1000px
}
.wrap1k a {
color: #3D5B7A;
font-weight: 700;
text-decoration: none
}
#head {
padding-top: 16px;
padding-bottom: 16px
}

@media only print, screen and (max-width:750px) {
.wrap1k {
width: auto
}
#head {
padding: 14px 3%;
overflow: hidden
}
#head .logo {
float: left
}
#head .lnk_totop {
display: inherit;
float: right
}
#head .lnk_totop a {
font-size: 11px;
color: #4e3e2a;
background-repeat: no-repeat;
background-image: url(/matome/img/arr_right.png);
background-position: left center;
background-size: 15px auto;
padding-left: 15px;
text-decoration: none
}
.ssns {
display: none
}
}
.ssns {
width: 250px;
left: calc(50% - 115px);
bottom: 1020px
}
.ssns ul {
margin: 0;
padding: 0
}
.ssns ul li {
margin: 0 3px;
float: left
}
.ssns ul li.g {
width: 63px
}
.ssns ul li.f {
margin: -4px 3px 0
}
#fb-root {
display: none
}
#topimg:before {
z-index: 1;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,.3)
}
#topimg {
height: 360px;
width: 1000px;
background-repeat: no-repeat;
background-position: left top no-repeat;
background-size: cover;
display: flex;
align-items: center;
color: #FFF
}
#topimg svg {
top: 0;
width: 100%;
height: 100%
}
#top {
text-align: center;
z-index: 10;
padding-left: 40px;
padding-right: 40px;
width: 920px
}
#top h1 {
font-size: 40px;
line-height: 54px;
font-weight: 700;
word-wrap: break-word;
}
#top p.lnk_top {
margin-top: 30px
}

@media only print, screen and (max-width:750px) {
#topimg {
width: 100%;
min-height: 160px;
height: auto;
margin-bottom: 40px;
opacity: 0;
overflow: hidden
}
#topimg svg {
position: absolute;
top: 0;
height: auto;
min-height: 180px
}
#top {
padding: 0;
position: relative;
z-index: 100
}
#top h1 {
padding: 50px 15px;
font-size: 20px;
line-height: 24px
}
#top p.lnk_top {
text-align: right;
right: 0;
margin-top: 0;
width: 100%;
background-color: rgba(196,174,155,1)
}
}
p.lnk_top a {
color: #fff;
font-size: 18px;
font-weight: 400;
text-decoration: underline
}

@media only print, screen and (max-width:750px) {
p.lnk_top a {
font-size: 13px;
text-align: left;
background-repeat: no-repeat;
background-image: url(/matome/img/arr_right.png);
background-position: right center;
background-size: 20px auto;
text-decoration: none;
padding: 8px 26px 8px 15px;
display: block
}
}
p.date {
text-align: right;
font-size: 11px;
line-height: 11px;
padding-top: 10px;
color: #a6937c
}

@media only print, screen and (max-width:750px) {
p.date {
font-size: 10px;
line-height: 10px;
padding-top: 10px;
padding-right: 10px
}
}
#sum_top {
padding: 20px 40px 40px;
font-size: 14px;
line-height: 30px;
word-wrap: break-word;
}
#shops {
width: 640px;
float: left
}

@media only print, screen and (max-width:750px) {
#sum_top {
padding: 10px 20px 20px;
font-size: 13px;
line-height: 24px
}
#shops {
width: auto;
margin-right: 10px;
margin-left: 10px;
float: none
}
}
.wrap_shop {
background: #FFF;
padding: 20px;
border-top: 4px solid #D3C3B5;
margin-bottom: 40px
}

@media only print, screen and (max-width:750px) {
.wrap_shop {
padding: 12px 10px 10px;
margin-bottom: 60px;
width: auto
}
}
.wrap_shop h2 {
font-size: 20px;
padding-bottom: 20px;
line-height: 24px;
color: #3D5B7A
}
.wrap_shop .pic_sp {
width: 600px;
text-align: center;
margin-bottom: 40px
}
.wrap_shop .pic_sp img {
max-width: 100%;
max-height: 500px
}

@media only print, screen and (max-width:750px) {
.wrap_shop h2 {
font-size: 15px;
padding-bottom: 15px;
line-height: 20px;
color: #3D5B7A
}
.wrap_shop .pic_sp {
width: auto;
margin-bottom: 20px
}
.wrap_shop .pic_sp img {
max-width: 100%;
max-height: 300px
}
}
.wrap_shop p.dsc_sp {
font-size: 14px;
line-height: 28px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 40px
}

@media only print, screen and (max-width:750px) {
.wrap_shop p.dsc_sp {
font-size: 13px;
line-height: 24px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px
}
}
.data {
padding-left: 20px;
padding-right: 20px;
border-top: 2px solid #D3C3B5;
padding-bottom: 20px
}
.data h3 {
width: 120px;
margin-left: auto;
margin-right: auto;
margin-top: -15px
}

@media only print, screen and (max-width:750px) {
.data {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px
}
.data h3 {
width: 85px;
margin-left: auto;
margin-right: auto;
margin-top: -10px
}
}
.data dl, .data h3 img {
width: 100%
}
.data dl {
padding-top: 20px;
color: #807C78;
display: flex
}
.data dl dt {
width: 12%;
text-align: right;
padding-right: 5%
}
.data dl dd a {
word-wrap: break-word
}

@media only print, screen and (max-width:750px) {
.data dl {
padding-top: 10px;
font-size: 12px
}
.data dl dt {
width: 20%;
text-align: right;
padding-right: 5%
}
}
.data dl dd {
width: 85%
}

@media only print, screen and (max-width:750px) {
.data dl dd {
width: 75%;
line-height: 20px
}
}
#side {
width: 300px;
float: right
}

@media only print, screen and (max-width:750px) {
#side {
width: auto;
float: none;
margin-left: 10px;
margin-right: 10px
}
}
#side .wrap_side h2 {
border-top: 4px solid #D3C3B5;
font-size: 14px;
padding-top: 12px;
padding-bottom: 12px;
text-align: center
}
#side .wrap_side li {
border-top: 1px dotted #A6937C;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
align-items: center
}
#side .wrap_side li img {
width: 100px;
height: 100px;
margin-right: 20px
}

@media only print, screen and (max-width:750px) {
#side .wrap_side li img {
width: 70px;
height: 70px;
margin-right: 15px
}
ul.lnk_totop {
display: none
}
}
#path, footer {
margin: 0
}
#side .wrap_side li a {
font-size: 14px
}
ul.lnk_totop {
height: auto;
width: auto;
clear: both;
padding-top: 24px;
padding-right: 0;
padding-bottom: 40px
}
ul.lnk_totop li {
width: auto;
height: auto;
font-size: 13px;
line-height: 26px;
text-align: right
}
ul.lnk_totop li a {
display: block;
text-decoration: none;
font-weight: 400;
color: #362e2b
}
#footermenu, #path ol li img, .path {
display: none
}
ul.lnk_totop li a img {
vertical-align: middle;
padding-right: 5px
}

@media only print, screen and (max-width:750px) {
#copyright, #footer_copyright {
width: auto;
background-color: #D3C3B5
}
#footer {
display: none
}
#copyright {
text-align: center;
float: none;
color: #FFF
}
}
.pagetop_area {
width: auto;
background: #fff
}
.sns {
background: #fff;
padding: 30px 0 110px
}

@media only print, screen and (max-width:750px) {
#footermenu {
display: block
}
.pagetop_area {
margin: 0
}
#snsBtmArea, #snsBtmArea ul {
margin-right: auto;
margin-left: auto
}
#footermenu ul li {
font-size: 14px;
border-bottom: 1px dotted #675832
}
#footermenu ul li a {
display: block;
position: relative;
width: auto;
padding: 10px;
color: #4E3E2A;
text-decoration: none;
font-size: 13px
}
#footermenu ul li a::after, #footermenu ul li a::before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle
}
#footermenu ul li a::after {
right: 5%;
width: 8px;
height: 8px;
border-top: 2px solid #a97453;
border-right: 2px solid #a97453;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
#snsBtmArea {
text-align: center;
padding: 20px 0;
margin-top: 0
}
#snsBtmArea ul {
width: 250px;
padding-top: 0;
display: table;
margin-top: 10px
}
#snsBtmArea ul li.g {
width: 60px
}
#snsBtmArea ul li {
float: left;
border: none;
margin: 0 5px
}
.sns {
background: #fff;
padding: 27px 21% 0 22%
}
}
#path ol, .map {
margin: 0 auto
}
#path ol {
height: auto;
width: 1200px;
padding: 15px 0 5px;
color: #cfc8c0
}
#path {
clear: both;
width: 100%;
bottom: 1660px;
background-color: #3B322D;
padding: 0 0 10px;
z-index: 2;
border-bottom: 1px dotted #cfc8c0;
letter-spacing: 0
}
#path ol li {
float: left;
font-size: 12px;
line-height: 130%;
font-weight: 400
}
#path ol li a {
background-size: 13px;
font-weight: 700;
padding: 0 10px 0 0;
color: #cfc8c0;
text-decoration: none
}
p.logo {
width: auto
}
p.logo img {
width: 150px
}

@media screen and (min-width:751px) and (max-width:1200px) {
#footermenu {
visibility: hidden
}
.wrap1k {
zoom: 116%
}
}
.map {
width: 910px
}
.map h2 {
padding: 0 0 0 10px;
background: #D3C3B5;
font-size: 17px;
line-height: 230%
}
.map img {
width: 920px;
margin: 15px 0 45px
}

@media only print, screen and (max-width:750px) {
.map {
overflow: hidden;
width: 92%;
margin: 15px auto 0
}
.map h2 {
padding: 0 0 0 10px;
background: #D3C3B5;
font-size: 15px;
line-height: 230%
}
.map img {
width: 100%;
margin: 15px 0 30px
}
}
.bx {
transition: opacity .5s ease-out
}
.bx:hover {
filter: alpha(opacity=50);
opacity: .5;
cursor: pointer
}

/* オーバーレイ広告対応 */
@media screen and (min-width: 751px){
footer {
    padding: 0 !important;
}
.copyright_area {
    padding-bottom: 120px;
}
}