@charset "UTF-8";

html {
    min-width: 320px;
}

body {
    margin: 0;
    padding: 0;
    min-width: 320px;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
    font-size: 95%;
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
		word-break: break-all;
}

img {
    border: none;
    outline: 0;
    vertical-align: bottom;
}

#header:before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-color: #e60012;
    box-shadow: 0 2px 2px #cccccc;
    -webkit-box-shadow: 0 2px 2px #cccccc;
}

#header h1 {
    margin: 0;
    padding: 0;
		font-size: 1em;
		line-height: 1;
    text-align: center;
}

#header ul {
    margin: 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 0;
    height: 47px;
    list-style-type: none;
    overflow: hidden;
    background-color: #ebebeb;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #ffffff));
    background-image: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
    background-image: linear-gradient(top, #ebebeb 0%, #ffffff 100%);
}

#header li {
    margin: 0;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #d9d9d9;
    padding: 0;
    width: 33.33%;
    height: 47px;
    text-align: center;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#header li:first-child {
    border-left: none;
}

#header li:last-child {
    border-right: none;
}

#header a {
    display: block;
}

#postcontent.yamaguchi_floor h4 {
	color: #000 !important;
}

.storemenu {
    margin: 10px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    font-size: 0.8rem;
}

.storemenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.storemenu li {
    margin: 0;
    padding: 0;
    height: 50px;
    width: 33.33%;
    float: left;
    background: #383838;
}

.storemenu li a {
    width: 100%;
    height: 50px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.storemenu li:first-child {
    background: #eeeeee;
}

.storemenu .upper {
    border-bottom: 1px solid #787878;
}

.storemenu .lower {
    border-top: 1px solid #000000;
}

.storemenu .before {
    border-right: 1px solid #787878;
}

.storemenu .after {
    border-left: 1px solid #000000;
}

.storemenu .active {
    background: navy !important;
}

.storemenu .hover {
    background: teal !important;
}

.storemenu .wide {
    width: 66.66%;
}

#information {
    margin: 0 0 10px;
    padding: 0 10px;
    width: 100%;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#information h2 {
    margin: 0;
    padding: 5px;
    width: 90px;
    color: #ffffff;
    font-size: 1em;
    font-weight: normal;
    display: table-cell;
    background: #ebb3b3;
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ebb3b3), color-stop(60%, #d97e7e));
    background-image: -webkit-linear-gradient(left top, #ebb3b3 0%, #d97e7e 60%);
    background-image: -moz-linear-gradient(left top, #ebb3b3 0%, #d97e7e 60%);
    background-image: linear-gradient(left top, #ebb3b3 0%, #d97e7e 60%);
}

#information>div {
    margin: 0;
    padding: 10px;
    display: table-cell;
    color: #cc0000;
    background-image: url(images/info_back.png), url(images/info_back.png);
    background-repeat: repeat-x, repeat-x;
    background-position: left top, left bottom;
    background-size: 8px 9px, 8px 9px;
}

#information .info_content {
    border-bottom: 3px dotted #cccccc;
}

#information .info_content:last-child {
    border-bottom: none;
}

.viewport {
    margin: 0 0 10px;
    width: 100%;
    overflow: hidden;
    background: #f1eeea;
}

#slidearea {
    margin: 0;
    padding: 10px 0;
    width: 100%;
    height: 230px;
    list-style-type: none;
    letter-spacing: -0.2em;
    word-spacing: -0.2em;
    overflow: scroll;
}

#slidearea:after {
    content: '';
    display: block;
    clear: both;
}

#slidearea li {
    padding: 10px 20px;
    width: 350px;
    display: inline-block;
    letter-spacing: 0;
    word-spacing: 0;
    vertical-align: top;
}

#slidearea a {
    text-decoration: none;
}

#slidearea img {
    margin: 0 0 5px;
    width: auto;
    height: auto;
}

#slidearea p {
    margin: 0;
}

#slidearea p+p {
    margin: 5px 0 0;
    color: #666666;
    font-size: 0.8rem;
}

@media only screen and (max-width: 400px) {
    #slidearea li {
        padding: 10px;
        width: 280px;
    }

    #slidearea img:not([class=pictogram]) {
        width: 280px;
    }
}

@media only screen and (min-width: 401px) and (max-width: 700px) {
    #slidearea li {
        padding: 10px;
        width: 300px;
    }

    #slidearea img:not([class=pictogram]) {
        width: 300px;
    }
}

#sub {
    margin: 0 auto;
    text-align: center;
    color: #cccccc;
}

#sub ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

#sub .current {
    color: #cc0000;
}

#sub li,
#prev,
#next {
    margin: 0;
    padding: 0 10px;
    display: inline-block;
}

#newslist {
    margin: 10px 0;
    background-color: #f3f1ed;
}

#newslist .new_arrival {
    margin: 0;
    padding: 0;
    height: 40px;
    background: url(images/news_back.png) repeat-x left top;
    background-size: 2px 40px;
    color: #ffffff;
}

#newslist .new_arrival img {
    vertical-align: top;
}

#newslist h2 {
    margin: 0;
    padding: 10px;
    background-color: #333333;
    color: #ffffff;
}

#newslist ul {
    margin: 0;
    border-bottom: 1px solid #dacab7;
    padding: 0;
    list-style-type: none;
}

#newslist li {
    margin: 0;
    padding: 5px;
    border-top: 1px solid #dacab7;
    border-bottom: 1px solid #ffffff;
    min-height: 60px;
}

#newslist li:first-child {
    border-top: none;
}

#newslist a {
    text-decoration: none;
    font-size: 1.2em;
}

#newslist a div:after {
    content: '';
    display: block;
    clear: both;
}

#newslist p {
    margin: 0;
    padding: 5px 0;
    overflow: hidden;
}

#newslist .photo {
    margin-right: 10px;
    padding-bottom: 10px;
    float: left;
		width: 80px;
}

#newslist .photo img {
	max-width: 100%;
	height: auto;
}

#newslist .excerpt {
    color: #666666;
    font-size: 0.9em;
}

#newslist .date {
    color: #666666;
    font-size: 0.8em;
}

#newslist .excerpt strong {
    padding-left: 18px;
    background: url(images/danger.gif) no-repeat left top;
    color: #cc0000;
    display: block;
}

#more {
    padding: 20px;
}

#more a {
    border: 1px solid #666666;
    display: block;
    background: #b7b7b7;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b7b7b7), color-stop(50%, #565656), color-stop(51%, #2e2e2e), color-stop(100%, #424242));
    background-image: -webkit-linear-gradient(top, #b7b7b7 0%, #565656 50%, #2e2e2e 51%, #424242 100%);
    background-image: -moz-linear-gradient(top, #b7b7b7 0%, #565656 50%, #2e2e2e 51%, #424242 100%);
    background-image: linear-gradient(top, #b7b7b7 0%, #565656 50%, #2e2e2e 51%, #424242 100%);
    color: white;
    text-align: center;
    border-radius: 5px;
}

#more a div {
    border: 1px solid #cccccc;
    padding: 12px;
    border-radius: 5px;
    -o-border-radius: 5px;
}

#spinner {
    padding: 15px;
    text-align: center;
    display: none;
}

.rank {
    margin: 10px 10px 5px;
}

.rank h2 {
    margin: 0 0 10px;
    padding: 0;
}

.rank h2:after {
    content: '';
    display: block;
    height: 2px;
    box-shadow: 0 2px 2px #cccccc;
    -webkit-box-shadow: 0 2px 2px #cccccc;
}

.rank ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.rank li {
    margin: 0;
    border-bottom: 1px dotted #cccccc;
    overflow: hidden;
}

.rank a {
    color: #333333;
    text-decoration: none;
    display: block;
}

.rank div {
    padding: 5px;
    min-height: 45px;
    position: relative;
}

.rank p {
    margin: 0;
    overflow: hidden;
}

.rank .photo {
    width: 65px;
    float: left;
}

#accessrank li div:before {
    content: '';
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(images/ranks.png);
    background-repeat: no-repeat;
    background-size: 45px 180px;
}

#accessrank div {
    padding: 5px 5px 5px 52px;
    min-height: 45px;
    position: relative;
}

#accessrank li:nth-child(1) a {
    color: #cc0000;
}

#accessrank li:nth-child(1) div:before {
    background-position: 0 0;
}

#accessrank li:nth-child(2) div:before {
    background-position: 0 -45px;
}

#accessrank li:nth-child(3) div:before {
    background-position: 0 -90px;
}

#banner {
    margin: 10px 5px;
}

#banner div {
    margin: 0 auto;
    width: 310px;
}

#banner div:after {
    content: '';
    display: block;
    clear: both;
}

#banner p {
    margin: 0 5px 5px;
    float: left;
}

#foreign_navi {
    margin: 10px 5px;
}

#foreign_navi ul {
    margin: 0 auto;
    padding: 0;
    width: 310px;
    list-style-type: none;
}

#foreign_navi ul:after {
    content: '';
    display: block;
    clear: both;
}

#foreign_navi li {
    margin: 0 5px 5px;
    width: 145px;
    float: left;
    text-align: center;
}

#foreign_navi a {
    padding: 8px 0 6px;
    text-decoration: none;
    display: block;
    background-color: #cc0000;
    color: #ffffff;
}

#twitter,
#facebook {
    margin: 30px auto;
    max-width: 500px;
}

#facebooklink {
    margin: 30px auto;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
}

#facebooklink a {
    padding: 20px 10px 18px;
    display: block;
    background: #3a5795;
    color: #ffffff;
    text-decoration: none;
}

@media screen and (min-width: 500px) {

    #twitter,
    #facebook {
        max-width: 500px;
    }

    #facebooklink {
        width: 500px;
    }
}

@media screen and (max-width: 499px) {

    #twitter,
    #facebook {
        width: 320px;
         !important;
    }

    #facebook iframe,
    #facebook span {
        width: 320px !important;
    }

    #facebooklink {
        width: 320px;
    }
}

#lowermenu {
    margin-top: 0;
}

#togglemenu {
    margin: 0 10px;
    font-size: 0.8rem;
}

#togglemenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    overflow: hidden;
}

#togglemenu li {
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f1f1));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f1f1 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f1f1 100%);
    background-image: linear-gradient(top, #ffffff 0%, #f0f1f1 100%);
}

#togglemenu li:nth-child(1),
#togglemenu li:nth-child(2) {
    border-top: 1px solid #d5d5d5;
}

#togglemenu li:nth-child(2n+1) {
    border-left: 1px solid #d5d5d5;
}

#togglemenu li:last-child {
    margin-bottom: 10px;
}

#togglemenu a {
    display: block;
    text-decoration: none;
    color: #cc0000;
    white-space: nowrap;
    overflow: hidden;
}

#togglemenu a div {
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 15px 2px 15px 18px;
    min-height: 15px;
    background: url(images/arrow.png) no-repeat 3px center;
    background-size: 15px 18px;
}

#footmenu {
    padding: 10px 0;
    background: #e5e5e5;
}

#footmenu>p {
    margin: 10px;
    font-size: 0.8rem;
}

#footmenu strong {
    padding: 5px;
    background: #cc0000;
    color: #ffffff;
}

#foreignbnavi_top {
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
    height: 2em;
    position: relative;
    z-index: 5;
    text-align: center;
    font-size: 90%;
}

#foreignbnavi_top ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 25em;
    height: 2em;
    list-style-type: none;
}

#foreignbnavi_top li {
    margin: 0 0 0 0.2em;
    width: 6em;
    height: 2em;
    overflow: hidden;
    float: left;
}

#foreignbnavi_top li span {
    padding-top: 4px;
    width: 6em;
    height: 2em;
    display: block;
    background: #cc0000;
    color: #ffffff;
    box-sizing: border-box;
}

#foreignbnavi_top a {
    padding-top: 4px;
    width: 6em;
    height: 2em;
    display: block;
    background: #ffffff;
    box-sizing: border-box;
}

#foreignbnavi_top li ul,
#foreignbnavi_top li li {
    margin: 0;
    width: 6em;
    float: none;
    background: #dddddd;
}

#foreignbnavi_top a {
    text-decoration: none;
}

#mainbanner_area {
    margin: 0 auto 15px;
    width: 100%;
    max-width: 705px;
}

#mainbanner_area p {
    margin: 0;
		position: relative;
}

#mainbanner_area .notify {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	font-size: 12px;
}

#mainbanner_area img {
    width: 100%;
    height: auto;
    max-width: 705px;
}

#info_area {
    margin: 0 8px 0 9px;
    padding: 0;
    list-style-type: none;
}

#info_area li {
    margin: 0 0 11px;
    position: relative;
}
/*
#info_area li .notify {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	font-size: 12px;
}
*/
#info_area .em_notice {
    border: 2px solid #cc0000;
    padding: 5px 3px 3px;
    color: #cc0000;
    text-align: center;
    background: #ffffff;
    font-weight: bold;
}

#info_area .em_notice a {
    color: #cc0000;
}

#info_area .em_notice a:hover {
    color: #ff0000;
}

#info_area .notice {
    border: 2px solid #cccccc;
    padding: 5px 3px 3px;
    text-align: center;
    background: #ffffff;
}

#info_area a {
    text-decoration: underline;
}

#info_area_2 {
    margin: 0 8px 15px 9px;
    padding: 5px 5px 3px;
    height: 4em;
    overflow-y: scroll;
    list-style-type: none;
    background: #eeeeee;
}

#info_area_2 p {
    margin: 5px 0;
}

#info_area_2 a {
    margin: 0;
    border: none;
    padding: 0 0 2px 13px;
    background: url(icon/arrow.gif) 2px 0.4em no-repeat;
}

#store_area h2 {
    margin: 0;
    padding: 10px;
    background: #cc0000;
    color: #ffffff;
    text-align: center;
    font-size: 1em;
    font-weight: normal;
}

#store_area ul {
    margin: 0;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}

#store_area li {
    margin: 0;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    padding: 0;
    width: 50%;
    float: left;
    box-sizing: border-box;
    background: #ffffff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f1f1));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f1f1 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f1f1 100%);
    background-image: linear-gradient(top, #ffffff 0%, #f0f1f1 100%);
}

#store_area a {
    padding: 15px 10px 5px 23px;
    height: 2.5em;
    display: block;
    background: url(images/arrow.png) no-repeat 5px center;
    background-size: 15px;
    color: #333333;
    text-decoration: none;
}

#online_area a {
    margin: 10px;
    padding: 20px 40px;
    background: #998675;
    color: #ffffff;
    text-align: center;
    display: block;
    text-decoration: none;
}

#online_area p {
    margin: 0;
    padding: 10px 0 13px 20px;
    display: inline;
    background: #998675 url(images/arrow.png) no-repeat left center;
    background-size: 18px;
}

#sns_area {
    padding: 20px 0 0;
    background: #f6f4f1;
    overflow: hidden;
}

#sns_area::after {
    content: '';
    display: block;
    clear: both;
}

#sns_area h2 {
    margin: 0 0 10px;
    width: 100%;
    overflow: hidden;
    background: url(top/h2_back.gif) repeat-x left bottom;
}

#sns_area h3 {
    margin: 0;
    padding: 0 10px;
    color: #888888;
    background: url(icon/arrow.gif) no-repeat left center;
}

#sns_area>div {
    margin: 0;
    padding: 0 10px;
    width: 50%;
    float: left;
    box-sizing: border-box;
}

#sns_area ul {
    margin: 0;
    padding: 10px 0 30px;
    width: 100%;
    list-style-type: none;
    overflow: hidden;
    box-sizing: border-box;
}

#sns_area li {
    margin: 0;
    padding: 0 5px 5px 0;
    width: 25%;
    display: inline-block;
    box-sizing: border-box;
}

#sns_area a img {
    width: 100%;
    height: auto;
}

.banner_area {
    margin: 0;
    padding: 25px 0 0;
    list-style-type: none;
    background: #f6f4f1;
}

.banner_area li {
    margin: 0;
    padding: 0 5px 20px;
    width: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
		position: relative;
}

.banner_area li img {
    max-width: 100%;
    height: auto;
}

.banner_area li .notify {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	font-size: 12px;
}

.point_area {
    margin: 0;
    padding-top: 5px;
    background: #f6f4f1;
    overflow: hidden;
}

.point_area h2 {
    margin: 0;
    width: 100%;
    overflow: hidden;
    background: url(top/h2_back.gif) repeat-x left bottom;
}

.point_area ul {
    margin: 0;
    padding: 20px 17px 0;
    list-style-type: none;
}

.point_area li {
    margin: 0 0 20px;
    padding: 0 17px;
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
		position: relative;
}

.point_area .withcard,
.point_area .tomonokai,
.point_area .giftcard {
    padding: 0;
    background-position: left center;
    background-repeat: no-repeat;
}

.point_area .withcard {
    background-image: url(top/withcard.gif);
}

.point_area .tomonokai {
    background-image: url(top/tomonokai.gif);
}

.point_area .giftcard {
    background-image: url(top/giftcard.gif);
}

.point_area a {
    padding: 20px 5px 20px 70px;
    background: url(icon/arrow.gif) no-repeat 60px center;
    display: block;
}

.point_area2 {
    margin: 0;
    padding: 20px 10px;
    background: #ffffff;
    overflow: hidden;
}

.point_area2 h2 {
    margin: 0 0 5px;
}

.point_area2 h2 img {
    max-width: 70%;
		height: auto;
}

.point_area2 p {
    margin: 0;
    padding: 5px;
    width: 50%;
    float: left;
    box-sizing: border-box;
		position: relative;
}

.point_area2 p .notify {
	position: absolute;
	top: 0;
	left: 0;
}

.point_area2 p.wide {
    width: 100%;
}

.point_area2 img {
    height: auto;
    max-width: 100%;
}

#footer {
    padding: 10px;
    background: #000000;
    color: #ffffff;
    font-size: 0.7rem;
    line-height: 2;
}

#footer a {
    color: #ffffff;
    text-decoration: none;
}

#footer .arrowlink {
    margin-right: 2em;
    display: inline;
    white-space: nowrap;
}

#view a {
    display: block;
}

#view a>div {
    padding: 18px;
    background-color: #1e5799;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1e5799), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #7db9e8));
    background-image: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background-image: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background-image: linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
}

#upperbar {
    padding: 10px;
    background-color: #000000;
    font-size: 0.8rem;
}

#contentwrap,
.contentwrap {
    padding: 10px;
    background-color: #f3f1ed;
}

#postcontent {
    border: 2px solid #babec2;
    padding: 10px;
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#postcontent h2 {
    margin: 5px 0;
    border-bottom: 4px solid #d55154;
    font-size: 1.1rem;
}

#postcontent img {
    max-width: 100%;
    height: auto;
}

#postcontent .heading {
    margin-bottom: 15px;
}

#postcontent .date,
#postcontent .excerpt {
    margin: 0;
    font-size: 0.7rem;
}

#postcontent .excerpt strong {
    margin: 0.8em 0;
    padding-left: 18px;
    background: url("images/danger.gif") no-repeat left top;
    font-size: 1rem;
    color: #cc0000;
    display: block;
}

#postcontent .complement p {
    margin: 0;
}

.webflyer,
.inquiry,
.tax,
.taxonomy,
.related,
.next_link,
.previous_link,
.pager {
    margin: 15px 0;
    clear: both;
}

#postcontent .tax p {
    margin: 0 0 0 1em;
    text-indent: -1em;
}

.pager {
    border: 10px solid #ece8e2;
    padding: 3px;
    background-color: #f1eeea;
    text-align: center;
}

.pager a,
.pager span {
    padding: 14px 18px;
    display: inline-block;
}

.pager a:hover,
.pager span:not([class*=dots]) {
    background: #cc0000;
    color: #ffffff;
}

.webflyer {
    border: 3px solid #eaeaea;
    padding: 5px;
}

.inquiry {
    padding: 7px;
    background: #f9f6e8;
}

.taxonomy {
    padding: 7px;
    background: #eeeef0;
    font-size: 85%;
}

.related h4 {
    margin: 8px 0;
    padding: 2px 2px 2px 12px;
    background: url(images/info_back.png) repeat-y left top;
    background-size: 8px 9px;
}

.related ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.related li {
    margin: 0;
    border-bottom: 1px solid #999999;
    background-color: #ffffff;
}

.related li:after {
    content: '';
    display: block;
    clear: both;
}

.related a {
    padding: 10px;
    display: block;
}

.related p {
    margin: 0;
    padding: 5px 0;
    overflow: hidden;
    min-height: 35px;
}

.related .photo {
    margin-right: 10px;
    padding: 0;
    float: left;
}

.done_notice {
    font-size: 1rem;
    color: #cc0000;
}

.previous_link,
.next_link {
    margin: 5px 0;
}

.previous_link {
    text-align: right;
}

.arrowlink,
.toplink {
    margin: 0;
    padding: 0 0 4px 14px;
    min-height: 15px;
    background: url(images/arrowicon.png) no-repeat 0 1px;
    background-size: 12px 12px;
    font-size: 0.7rem;
}

.arrowlink a {
    color: #ffffff;
    text-decoration: none;
}

.toplink {
    margin: 15px 0 0;
    background-image: url(images/arrowicon_top.png);
}

.gt_toplink {
    margin: 15px;
}

.redV {
    color: #cc0000;
}

.p10 {
    padding: 10px !important;
}

#social_bookmarks {
    margin-top: 8px;
}

#social_bookmarks a {
    margin: 0 2px;
}

#social_bookmarks a img {
    vertical-align: top;
}

.FBConnectButton {
    vertical-align: top;
}

#tumblr {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    background: url("http://platform.tumblr.com/v1/share_4T.png") top left no-repeat transparent;
    vertical-align: top;
}

#postcontent .floorindex ul {
    margin: 0;
    border-top: 1px solid #a7a5b7;
    border-bottom: 1px solid #f7f7f7;
    padding: 0;
    list-style-type: none;
}

#postcontent .floorindex li {
    margin: 0;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #a7a5b7;
    padding: 10px 5px;
}

#postcontent .floorindex a {
    display: block;
}

#postcontent .floorindex a:after {
    content: '';
    display: block;
    clear: both;
}

#postcontent .floorindex strong {
    margin: 0 8px 0 0;
    width: 42px;
    float: left;
    display: block;
}

#mapCanvas {
    height: 220px;
}

#foreign h3 {
    margin-top: 25px;
}

#foreign dt {
    padding: 4px;
    background: #eeeeee;
}

#foreign dd {
    margin: 0;
    padding: 0 0 0 1em;
}

#foreign li h4 {
    margin: 0 0 5px;
    color: #000000;
}

#foreign li p {
    margin: 0;
}

#foreign .floorindex .icon {
    margin-top: 15px;
}

#foreign .flyer {
    margin: 15px 0 50px;
    border: 3px solid #eeeef0;
    padding: 10px 10px 8px;
}

#foreign .flyer a {
    padding: 0 0 0 10px;
    background: url(icon/arrow.gif) no-repeat left center;
}

#mainvisual {
    margin: 15px 0;
    text-align: center;
}

span.notify {
    padding: 2px 4px;
    background-color: #cc0000;
    color: #ffffff;
		font-size: 12px;
}

#profile {
    margin: 0 0 15px;
    border: 2px solid #f8c7cf;
    padding: 10px;
    background-color: #fcf7f8;
    clear: both;
    overflow: hidden;
}

#profile h4 {
    margin: 0;
    padding-bottom: 5px;
    color: #333333;
}

#profile p {
    margin: 0;
}

#profile p.photo {
    width: 70px;
    float: left;
}

#kids {
    margin: 20px 0 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}

#kids li {
    margin: 0;
    padding: 0 3% 1em 0;
    width: 30%;
    float: left;
}

#kids img {
    padding: 5px;
    max-width: 100%;
}

.kids_orange img {
    background-image: url(images/kids_orange.gif);
}

.kids_pink img {
    background-image: url(images/kids_pink.gif);
}

.kids_blue img {
    background-image: url(images/kids_blue.gif);
}

.floorguide {
    padding: 10px;
    background-color: #ffffff;
    text-align: center;
}

.floorguide img {
    width: auto;
    height: auto;
    max-width: 100%;
}

#shoplist {
    margin: 10px 0 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #c0c0c0;
    padding: 0;
    list-style-type: none;
}

#shoplist li {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 5px;
}

#shoplist .color1 {
    color: #f48a8a;
}

#shoplist .color2 {
    color: #60b6e3;
}

#shoplist .color3 {
    color: #ffdf00;
}

#shoplist .color4 {
    color: #9fcf83;
}

#shoplist .color5 {
    color: #b77a48;
}

#shoplist .color6 {
		color: #b541ccf5;
}

#shoplist .color7 {
		color: #fc7100;
}

form ul {
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}

form li {
    margin: 0 5px 5px 0;
    padding: 6px;
    float: left;
    white-space: nowrap;
    background: aliceblue;
}

.initiallist li:nth-child(5n+1),
.initiallist li:nth-child(39),
.initiallist li:nth-child(44) {
    clear: left;
}

.initiallist li:nth-child(41) {
    clear: none;
}

fieldset {
    margin: 10px 0;
}

.button {
    margin: 10px 0;
    text-align: center;
}

.shop_paging {
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
    text-align: center;
}

.shop_paging a,
.shop_paging strong {
    border: 1px solid #C0C0C0;
    margin: 2px;
    padding: 5px 8px;
}

.shop_paging span {
    margin: 2px;
    padding: 5px 8px;
}

.shop_paging strong,
.shop_paging a:hover {
    background-color: #F9D1DD;
    text-decoration: none;
}

.media {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.media iframe,
.media object,
.media embed {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
}

.note {
    padding-left: 1em;
    text-indent: -1em;
}

/* ----------------------- withclub ----------------------- */

.withclub .kv_title {
	padding: 20px;
	margin-bottom: 30px;
	border: solid 3px #E14467 !important;
	color: #E14467;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

.withclub .catch_title {
	padding: 0 0 0 10px;
	margin: 0 0 20px;
	color: #E14467;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	border-left: solid 5px;
}

.withclub .catch_title::before {
	display: none !important;
}

.withclub .catch_title br {
	display: none;
}

.withclub .catch_title + p {
	font-weight: 500;
}

.withclub .features_title {
	padding: 10px;
	margin-bottom: 20px;
	background-color: #E14467 !important;
	color: #FFF !important;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

.withclub .features_title::before {
	display: none !important;
}

.withclub .limit {
    margin: 15px 0 0;
    border: 1px solid #e14467;
    padding: 1em 8px 0;
}

.withclub h5 {
    margin: 0 0 5px !important;
    padding: 2px;
    background-color: #e14467;
    color: #ffffff;
}

.withclub .announce {
	clear: both;
  margin: 30px 0 50px;
}

.withclub .note {
    margin-bottom: 0 !important;
}

.withclub hr.wp-block-separator {
	border-bottom: solid 1px #e14467;
}

/* ----------------------- digitalflyer ----------------------- */

#postcontent.digitalflyer h2 {
    border: none !important;
}

#postcontent.digitalflyer ul {
    margin: 20px 0 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
		display: flex;
		flex-wrap: wrap;
}

#postcontent.digitalflyer li {
    margin: 0;
    border-bottom: 1px dotted #cccccc;
    padding: 6px 6px 12px;
    width: 50%;
    box-sizing: border-box;
    float: left;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

#postcontent.digitalflyer li::marker,
#postcontent.digitalflyer li.bottom::marker {
	display: none;
}

#postcontent.digitalflyer li  a,
#postcontent.digitalflyer li  a[target="_blank"] {
	margin: 0;
	padding: 0;
	background: none;
}


#postcontent.digitalflyer img {
    margin-top: 5px;
}

#postcontent.digitalflyer .bottom {
    border: none;
}

#postcontent.digitalflyer .notify {
    position: absolute;
    top: 2.2em;
    left: 20px;
		font-size: 12px;
}

.categorylist {
    margin: 10px 0;
    border: 1px solid #cccccc;
    padding: 10px;
    list-style-type: none;
    background: #fdfdfd;
}

.categorylist li {
    margin: 0 1em 0 0;
    padding: 0;
    display: inline;
    white-space: nowrap;
}

.categorylist a {
    padding: 0 0 0 10px;
    background: url(icon/arrow.gif) no-repeat left center;
}

.housereform #postcontent h2 {
    margin: 0 0 10px;
    border: none;
}

.housereform #postcontent strong {
    color: #4652a1;
}

.housereform #postcontent h3 {
    margin: 20px 0 5px;
    color: #4652a1;
}

.housereform #postcontent h4 {
    margin: 20px 0 5px;
    font-size: 1em;
    color: #4652a1;
}

.housereform #postcontent .box h4 {
    margin: 10px 0 5px;
    border-top: 1px solid #cccccc;
    padding: 10px 0 0;
    color: #339344;
}

.housereform #postcontent .emphasis {
    margin: 15px 0;
    border: 1px solid #680000;
    padding: 5px;
    font-weight: bold;
    color: #680000;
}

.housereform #postcontent .contact {
    text-align: center;
}

.housereform #postcontent .contact strong {
    font-size: 1.4em;
}




/* - saiyou追加 - */
.saiyou_block_sp {
    background: #f6f4f1;
}

.saiyou_block_sp h3 {
    margin: 0;
    padding: 15px 10px 0;
    color: #646464;
}

.saiyou_sp {
    margin: 0;
    padding: 0 0 10px;
    list-style-type: none;
    display: flex;
    border-bottom: 1px solid #646464;
}

.saiyou_sp li {
    margin: 0;
    padding: 10px 5px;
    width: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;

}

.saiyou_sp li img {
    max-width: 100%;
    height: auto;
}




/* - 店舗情報 - */
.innerlink_sp {
    list-style: none !important;
    margin: 0 0 1em 5px !important;
    padding: 0 0 0 0px !important;
}

.innerlink_sp li {
    position: relative;
}

.innerlink_sp a {
    padding: 2px 4px 2px 16px;
    background: url(icon/down_off.gif) no-repeat left center;
}

#postcontent .innerlink_store_list {
    background: #fff;
    border: solid 1px #ccc;
    margin: 0;
    padding: 15px 15px;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    box-sizing: border-box;
    display: none;
    z-index: 2;
}


#postcontent .innerlink_store_list a {
    padding: 2px 4px 2px 10px !important;
    background: none !important;
}


#postcontent .innerlink_store_list li {
    list-style: none;
}


.contentwrap_sp h3 {
    padding: 0 0 0 18px;
    background: url(icon/grate_red.gif) repeat-y left top;
    font-size: 1.1rem;
    line-height: 1.4;
    clear: both;
}

#postcontent h4.store_sp {
    margin: 20px 0 10px;
    padding: 0 0 0 18px;
    background: url(icon/grate_gray.gif) repeat-y left top;
    clear: both;
    color: #666666;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.4;
}

.block_sp {
    list-style: none !important;
    margin: 0 0 1em 5px !important;
    padding: 0 0 0 0px !important;
}

.block_sp li {
    margin-bottom: 25px;
}

.block_sp p {
    margin: 0 0 0.5em !important;
}

.block_sp .photo {
    text-align: center;
    background: #dcdadb;
    border-radius: 10px;
}

.block_sp h4 {
    margin: 4px 0 8px;
    border-bottom: 1px dotted #c0c0c0;
    padding: 4px;
    background: none;
    margin-bottom: 10px !important;
}

.block_sp .tel,
.table_sp .tel {
    padding-left: 16px;
    background: url(icon/tel.gif) 2px 0.5em no-repeat;
}

.block_sp a:visited {
    color: #285080;
}

.satellite_image_sp {
    text-align: center !important;
}

.table_sp {
    width: 100%;
    text-align: left;
}

.table_sp th {
    display: block;
    background: #e3e0e0;
    padding: 6px;
    padding-left: 10px;
}

.table_sp td {
    display: block;
    padding: 7px;
    padding-left: 10px;
    padding-bottom: 10px
}

.table_sp p {
    margin: 0 0 0.5em !important;
}

.table_sp .hours {
    border-top: 1px dotted #999999;
    padding-top: 4px;
}

.sp_space {
    display: none !important;
}

.visible_sp {
    display: none;
}


#button_heading {
    position: relative;
    margin: 0 0 0 10px;
}

#button_heading p {
    text-align: right;
    margin-top: 10px
}

#notice_area {
    margin-bottom: 1em;
}

#notice_area p {
    border: solid 1px #cc0000;
    padding: 15px;
}

/*#notice_area dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1em; }
#notice_area dl dt { width: 70px; }
#notice_area dl dt img { width: 60px; height: 60px; }
#notice_area dl dd { flex: 1; margin: 0; color: #cc0000; }*/
#postcontent span.month {
    font-size: 180%;
    font-weight: bold;
}

#postcontent .ttl-event {
    color: #cc0000;
    font-size: 140%;
    line-height: 1.4;
    margin: 0 0 1em;
    position: relative;
    z-index: 1;
}

#postcontent .ttl-event span {
    background-color: #fff;
    display: inline-block;
    padding: 0 10px;
    border-left: solid 5px #cc0000;
}

#postcontent .ttl-place {
    color: #0081cc;
    font-size: 140%;
    line-height: 1.4;
    margin: 0 0 1em;
    position: relative;
    z-index: 1;
}

#postcontent .ttl-place span {
    background-color: #fff;
    display: inline-block;
    padding: 0 10px;
    border-left: solid 5px #0081cc;
}

#postcontent.railroad .border-red {
    border: 3px double #cc0000;
    padding: 8px;
    margin-bottom: 1em;
}

#postcontent.railroad .emphasis h4 {
    margin-bottom: 0;
}

#postcontent.railroad .emphasis ul {
    margin-top: 0;
    padding-left: 10px;
}

/* ----------------------- sns_area-new ----------------------- */
.sns_area-new {
    padding: 20px 15px 20px;
    overflow: hidden;
    background: #ffffff;
}

.sns_area-new .tab_wrap {
    margin-bottom: 30px;
}

.sns_area-new .tab_wrap h2 {
    font-size: 16px;
    line-height: 1;
    color: #1a1a1a;
    font-weight: 400;
    letter-spacing: 0.08em;
    margin-bottom: 25px;
}

.sns_area-new .tab_wrap .tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    width: 100%;
}

.sns_area-new .tab_wrap li {
    list-style: none;
    width: 18%;
    margin-right: 2%;
}

.sns_area-new .tab_wrap li.active {
    border-bottom: 2px solid #333333;
}

.sns_area-new .tab_wrap li:first-child {
    margin-left: 0;
}

.sns_area-new .tab_wrap li:last-child {
    margin-right: 0;
}

.sns_area-new .tab li a {
    display: block;
    margin: 0 2px;
    text-align: center;
    color: #333;
    text-decoration: none;
    font-size: 9px;
    letter-spacing: 0em;
    line-height: 1;
}

.sns_area-new .tab li a img {
    width: 40px;
}

.sns_area-new .tab span {
    display: block;
    margin: 5px 0;
}


.sns_area-new .sns_content {
    display: none;
    opacity: 0;
}

.sns_area-new .sns_content.is-active {
    display: block;
    animation-name: displayAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    padding-left: 10px;
}

.sns_area-new .sns_content ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.sns_area-new .sns_content ul li {
    width: 30%;
    list-style: none;
    font-size: 12px;
    letter-spacing: 0em;
    color: #333333;
    font-weight: 400;
    width: 46%;
    padding-right: 4%;
    padding-bottom: 20px;
}

.sns_area-new .sns_content ul li:nth-of-type(2n) {
    padding-right: 0;
}

.sns_area-new .sns_content ul li h4 {
    margin: 0;
    padding-left: 13px;
    margin-bottom: 5px;
    position: relative;
    font-weight: 400;
}

.sns_area-new .sns_content ul li h4::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #333333;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sns_area-new .sns_content ul li a {
    line-height: 1.2;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.sns_area-new .sns_content ul li a img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.sns_area-new .sns_content span {
    display: block;
    color: #333333;
}




@keyframes displayAnime {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.contact h3.wp-block-heading {
	font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 10px;
}

.contact h3.wp-block-heading::before {
	content: '';
	width: 5px;
	height: 14px;
	border-radius: 2px;
	background-color: #DA1D21;
	position: absolute;
	left: 0;
	top: 8px;
	margin: auto;
}

#postcontent {
	padding: 10px 16px;
}

#postcontent .contact h2.has-large-font-size {
	font-size: 26px !important;
	border-bottom: none;
}

#postcontent .contact h4.wp-block-heading {
	padding-left: 10px;
  background: url(icon/black14.gif) no-repeat left center;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.contact .wp-block-table table {
	white-space: nowrap;
}

.contact .alternately-background tbody tr:nth-child(odd) {
	background: #f8f8f8;
}

.contact thead th {
	color: white;
	background-color: #767683;
}

.contact thead th:nth-child(2) {
	background-color: #505058;
}

.contact thead th:nth-child(3) {
	background-color: #000000;
}

.has-link-arrow a {
	padding-left: 13px;
	background: url(icon/arrow.gif) 2px center no-repeat;
}

ul.has-link-arrow li {
	list-style: none;
}

#postcontent ul.has-link-arrow {
	padding-left: 0;
	list-style: none;
}

#postcontent ul.has-link-arrow li {
	padding-left: 0;
	list-style: none;
}

.wp-block-quote {
	margin: 4px 20px;
}

#postcontent h1 {
	color: #333;
	font-size: 28px;
	margin-top: 12px;
	margin-bottom: 12px;
}

#postcontent h3.wp-block-heading {
	color: #666;
}

#postcontent h4.wp-block-heading {
	color: #666;
	font-weight: bold;
}

#postcontent p {
	color: #666;
}

#postcontent h2.wp-block-heading {
	border: none;
	color: #666;
	font-size: 24px;
}

#postcontent .privacy .wp-block-separator {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #c0c0c0;
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-separator {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #CDCDD3;
}

#postcontent a[target="_blank"]:not(.wp-block-button__link)  {
	margin-right: 8px;
  padding-right: 15px;
  background: url(icon/exlink.gif) right center no-repeat;
}

#postcontent a[target="_blank"]:has(img) {
	margin-right: 0;
  padding-right: 0;
	background: none;
}

#postcontent .wp-block-button a[target="_blank"] {
	background: none;
	/*margin-right: 0;
	padding-right: 0;*/
}

#postcontent #button_heading a {
	margin-right: 0;
	padding-right: 0;
	background: none;
}

h3.wp-block-heading {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-left: 10px;
}

h3.wp-block-heading::before {
	content: '';
	width: 5px;
	height: 14px;
	border-radius: 2px;
	background-color: #DA1D21;
	position: absolute;
	left: 0;
	top: 8px;
	margin: auto;
}

h3.wp-block-heading.is-normal {
	padding-left: 0;
}

h3.wp-block-heading.is-normal::before {
	content: none;
}

h3.wp-block-heading.is-black {
	font-weight: 400;
}

h3.wp-block-heading.is-black::before {
	background-color: #000;
}

.has-link-black a {
    color: #000;
}

.is-link-list a {
	color: #555555;
}

p.has-small-font-size {
	margin-bottom: 8px;
}

.has-border-gray {
  padding: 12px 15px;
  border: 3px solid #eeeef0;
}

.has-bg-gray {
	background-color: #eeeef0;
	padding: 10px;
}

.contact form th {
	border: 1px solid #dadade;
	padding: 10px;
	background-color: #f8f8f8;
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.contact form td {
  border: 1px solid #dadade;
	border-top: none;
  padding: 10px;
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.contact form table {
	margin-bottom: 20px;
	width: 100%;
	table-layout: fixed;
}

.contact form table input {
	max-width: 100%;
	box-sizing: border-box;
}

.contact form table textarea {
	max-width: 100%;
	box-sizing: border-box;
}

input[type="submit"].wpcf7-submit {
	border: none;
	background-color: #111;
	color: #fff;
	appearance: none;
	cursor: pointer;
	padding: 8px 32px;
	border-radius: 5px;
}

.wpcf7-spinner {
	position: absolute;
}

#postcontent .contact th p,
#postcontent .contact td p {
	margin-bottom: 0;
}

.digitalflyer ul {
	width: 100%;
}

#banner img {
	max-width: 100%;
}

.serviceguide_border-gray {
	padding: 8px 12px 8px 12px;
	border: 3px solid #eeeef0;
}

.serviceguide_border-black {
	border: 1px solid #000000;
  padding: 5px;
}

.gourmet-label {
	line-height: 1.3;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#postcontent .gourmet-label p {
	color: #fff;
	margin-bottom: 0;
}

#postcontent .main .tel {
  padding-left: 16px;
  background: url(icon/tel.gif) 2px 0.5em no-repeat;
	margin-bottom: 0;
}

.is-mb-0 {
	margin-bottom: 0 !important;
}

.is-mt-0 {
	margin-top: 0 !important;
}

.gourmet-navi {
	display: flex;
	flex-wrap: wrap;
	row-gap: 8px;
	margin: 0 10px 15px;
  padding: 5px 8px;
  list-style: none;
	border: 3px solid #eeeef0;
}

.gourmet-navi a {
	color: #666666;
  padding: 0px 18px 0px 13px;
  background: url(icon/arrow_down.gif) left center no-repeat;
  display: block;
}

#onlineshop-main_area:not(:root) {
	width: auto;
}

#banner .shop-banner-list {
	display: flex;
	flex-wrap: wrap;
}

#banner .shop-banner-list > p {
	width: calc(50% - 10px);
	position: relative;
}

#banner .shop-banner-list > p.wide {
	width: 100%;
}

#banner .shop-banner-list > p img {
	max-width: 100%;
	height: auto;
}

#banner .shop-banner-list > p .notify {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	font-size: 12px;
}

.wp-block-column ul li {
	color: #666;
}

.wp-block-column ul li::marker {
	color: #DADADE;
}
.blog h2 img {
	max-width: 100%;
}

.contact em {
	font-style: normal;
	color: #3c45ea;
}

#postcontent figure.aligncenter {
	display: table;
}

.has-icon {
	position: relative;
    display: flex;
    column-gap: 5px;
}

.has-icon::before {
	content: '';
	background-size: contain;
	width: 21px;
	height: 22px;
	margin-top: 3px;
}
.has-wheelchair-icon::before {
	background: url(icon/icon_wheelchair.gif) left center no-repeat;
}

.has-vendingmachine-icon::before {
	background: url(icon/icon_vendingmachine.gif) left center no-repeat;
}

.has-restspace-icon::before {
	background: url(icon/icon_restspace.gif) left center no-repeat;
}

.has-powderroom-icon::before {
	background: url(icon/icon_powderroom.gif) left center no-repeat;
}

.has-smokingarea-icon::before {
	background: url(icon/icon_smokingarea.gif) left center no-repeat;
}
.has-service_station-icon::before {
	background: url(icon/icon_service_station.gif) left center no-repeat;
	background-size: contain;
}

.has-point-icon::before {
	background: url(icon/icon_point.gif) left center no-repeat;
}

.has-with-icon::before {
	background: url(icon/icon_with.gif) left center no-repeat;
}

.has-locker-icon::before {
	background: url(icon/icon_locker.gif) left center no-repeat;
}

.giftcard-table table td, .giftcard-table table th {
	border: 1px solid #fff;
}

.giftcard-table table tr:first-child td:first-child {
	background-color: #f8cbd1;
}

.giftcard-table table tr:first-child td:nth-child(2) {
	background-color: #FEEBEE;
}

.giftcard-table table tr:nth-child(2) td:first-child {
	background-color: #fcdeb3;
}

.giftcard-table table tr:nth-child(2) td:nth-child(2) {
	background-color: #FCF3E0;
}

.wp-block-button__link:visited {
	color: #fff;
}

.access-table {
	color: #333;
	text-align: center;
}

.access-table td {
	border-color: #ccc;
}

.access-table-orange tr td:first-child  {
	background-color: #ffedd2;
}

.access-table-green tr td:first-child  {
	background-color: #dff2df;
}

.access-table-pink tr td:first-child  {
	background-color: #fbe1f0;
}

.access-table-sky tr td:first-child  {
	background-color: #e1f9fb;
}

.access-table-vermilion tr td:first-child  {
	background-color: #fde9e1;
}

.access-table-blue tr td:first-child  {
	background-color: #dce8fc;
}

.access-table-yellow tr td:first-child  {
	background-color: #ffffcc;
}

.access-table-purple tr td:first-child  {
	background-color: #e2d9fd;
}

.access-table-light-green tr td:first-child  {
	background-color: #f0fde8;
}


/* ----------------------- 山口店　店外店舗 ----------------------- */

.outside_detail .list {
	margin: 50px 0 0;
	padding: 0;
}

.outside_detail .list h3 {
	margin: 0 0 15px;
	border-bottom: 1px solid #cccccc;
	padding: 0 0 0 14px;
	background: url(icon/black14.gif) no-repeat 0 0.4em;
}

.outside_detail .link a {
	padding: 2px 2px 2px 10px;
	background: url(icon/arrow.gif) no-repeat 0 0.6em;
}

.outside_detail h2 {
	margin: 0 0 15px;
	padding: 0 0 0 14px;
	background: url(icon/black14.gif) no-repeat 0 0.4em;
}

.outside_detail .title_maru {
	position: relative;
	margin-bottom: 10px;
}

.outside_detail .title_maru ::before {
	content: '●';
	display: inline;
	color: #680000;
	margin-right: 2px;
}

.outside_detail .title_maru.short strong {
	display: inline-block;
	width: 6em;
}

.outside_detail .features strong  {
	color: #cc0000;
  font-size: 1.1em;
}

.outside_detail .emphasis {
	border: 10px solid #eeeeee;
	padding: 10px;
}

.outside_detail .contact {
	padding: 15px;
	background: #f8f2eb;
}

.outside_detail .contact h3 {
	margin: 0;
	padding-left: 14px;
	background: url(icon/red12.gif) no-repeat 0 0.5em;
	color: #cc0000 !important;
}

/* アプリとレイアウトを揃える用 */
#sp-footer {
	display: block;
	padding: 10px;
	background: #000000;
	color: #ffffff;
	font-size: 0.7rem;
}
#sp-footer p {
	margin: 0;
	padding: 0;
	line-height: 1.8;
}

/* 404 */
@media only screen and (min-width: 768px) {
	.pc_none {
			display: none;
	}
}
@media only screen and (max-width: 767px) {
	.sp_none {
		display: none;
	}

	body {
		min-width: auto;
		width: 100%;
	}

	#content.error {
		min-width: auto;
		width: 100%;
		box-sizing: border-box;
		background-image: none !important;
		background-color: #f3f1ed;
		padding: 10px;
	}
	#content.error .inner {
		width: auto;
	}
	#column1_940.error {
		width: 100%;
		margin: 0 auto;
		background-image: none;
		background-color: #fff;
		border: 2px solid #babec2;
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
	}
	#column1_940.error img {
		width: 100%;
		height: auto;
	}

	.error .wrap {
		max-width: 90%;
		margin: 10px auto;
		padding: 0;
	}

	.error .section {
			margin: 0;
			padding: 0;
			list-style-type: none;
			width: 100%;
			float: none;
	}

	.error .section li {
		margin: 0 0 5px;
	}

	.error .section ul li {
    margin: 0 0 5px;
    border: none;
    font-size: 14px;
		line-height: 1.4;
	}

	.error #footer,
	.error .pagetop {
		display: none;
	}
	.error #sp-footer {
		display: block;
		padding: 10px;
		background: #000000;
		color: #ffffff;
		font-size: 0.7rem;
	}
	.error #sp-footer a {
		color: #ffffff;
		text-decoration: none;
	}

	.error .section {
			margin: 0;
			padding: 0;
			list-style-type: none;
			width: 100%;
			float: none;
	}

	.error .section li {
		margin: 0 0 5px;
	}

	.error .section ul li {
		margin: 0 0 5px;
		border: none;
		font-size: 14px;
	}

}

/* neighbor */

@media only screen and (max-width: 767px) {
	#content.neighbor {
		min-width: auto;
		width: 100%;
		box-sizing: border-box;
		background-image: none !important;
		/*background-color: #f3f1ed;*/
		padding: 10px 20px;
		overflow: hidden;
		word-wrap: break-word;
	}

	#content.neighbor #button_heading {
		margin: 0 0 20px;
	}

	#content.neighbor #button_heading h2 {
		margin: 10px 0;
    border-bottom: 4px solid #d55154;
    font-size: 1.1rem;
	}

	#content.neighbor .navi {
		margin-bottom: 20px;
		padding: 8px 12px 8px 12px;
    border: 3px solid #eeeef0;
	}

	#content.neighbor .navi a {
		color: #666666;
	}

	#content.neighbor .navi li {
    list-style: none;
	}

	#content.neighbor .navi li a {
    padding-left: 13px;
    background: url(icon/arrow.gif) 2px center no-repeat;
	}

	#content.neighbor h3 {
		border-left: solid 5px #cc0000;
		padding-left: 10px;
		margin: 30px 0 20px;
		line-height: 1.4;
	}

	#content.neighbor .data {
		display: flex;
		margin-bottom: 20px;
	}

	#content.neighbor .data dt {
		width: 100px;
	}

	#content.neighbor .data dd {
		flex: 1;
		margin: 0 0 0 15px;
	}

	#content.neighbor .data dt img {
		width: 100px;
		height: auto;
	}
	#content.neighbor .shop dt {
		color: #cc0000;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0 0 20px 0;
	}

	#content.neighbor .shop dt .floor {
		margin: 30px 0 15px 0;
	}
	#content.neighbor .shop dd {
		margin: 0 0 10px 0;
		color: #666;
	}

	#shikous .address {
		color: #006e52;
	}

	#shikous .floor {
		background-color: #34967d;
		color: #FFF;
		padding: 2px 10px;
	}

	#shikous .hours strong,
	#shikous .text strong {
		color: #338b75;
	}

	#shikous2 .address {
		color: #933b2a;
	}

	#shikous2 .floor {
		background-color: #aa4331;
		color: #FFF;
		padding: 2px 10px;
	}

	#shikous2 .hours strong,
	#shikous2 .text strong {
		color: #933b2a;
	}

	#quest2021 .address {
		color: #2a3193;
	}

	#quest2021 .floor {
		background-color: #2a3193;
		color: #FFF;
		padding: 2px 10px;
	}

	#quest2021 .hours strong,
	#quest2021 .text strong {
		color: #2a3193;
	}

}

.onlineshop-main_area {
	max-width: 90%;
	margin: 0 auto;
}

/* pointup */
.pointup-title {
	flex-wrap: wrap !important;
	justify-content: center;
}

.pointup-title .has-large-font-size {
	font-size: 22px !important;
	text-align: center;
}

#postcontent .satellite_topics li {
	position: relative;
}

#postcontent .satellite_topics li .notify {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#information .info_content.news_more {
	border-bottom: none;
	font-size: 85%;
	text-align: right;
	padding: 1em 0;
}

.news-list {
	margin: 1em 0;
}
.news-list__item {
	border-bottom: 3px dotted #cccccc;
	margin: 0 0 1em;
}
.news-list__item:last-child {
	border-bottom: none;
}