@charset "utf-8";
#twitter-widget-0 {
    vertical-align: top;
}
/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
.hidetxt{ text-indent: 100%; white-space: nowrap; overflow: hidden; }

html{
	/* overflow: hidden; */
	/* height: 100%; */
    overflow-x: hidden;
	scroll-behavior: smooth;
}
body{
    margin: 0;
    padding: 0;
}

a:hover {
	opacity: 0.8;
	transition: 0.2s ease-in-out;
}
a.btn2 { display: block; transition-duration: 0.2s; }
a.btn2:hover {
    opacity: 1;
    transform: scale(1.05);
}

.noto-sans-jp-bold {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.noto-sans-jp-normal {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

/*-------- フッター --------*/
footer {width: 100%; position: relative;}
footer #box_inner {width: 1200px; margin: 0 auto; position:relative;}
footer #box_inner #footer_sns {position: absolute; top:15px; right:0;}
footer #box_inner #footer_sns .fb-like{ margin: 0 10px 0 0;}
footer #box_inner #footer_sns .fb_iframe_widget > span {vertical-align: baseline !important;}
footer .box {
    position: relative;
}
footer #box_inner #footer_sns {
    position: absolute;
    top: 15px;
    right: 0;
}
/* -------- コンテンツ -------- */
#content {
    position: relative;
    width: 1900px;
    left: 50%;
    margin: 0 0 0 -950px;
    overflow: hidden;
    background: url(../images/bg.png) center top repeat #FBF3E6;
    background-size: 584px 583px;
    padding: 0;
}

#bg_rt { position: absolute; width: 52.947%; left: 49.263%; top: 0; margin-top: -3.316%;}
#bg_lb { position: absolute; width: 70.421%; left: -11.632%; bottom: 0; margin-bottom: -10.894%;}
#wave01 { position: absolute; width: 10.473%; left: 73.947%; top: 0; margin-top: 15.578%;
    animation: a_wave 1s ease-in-out 0s alternate infinite;
}
#wave02 { position: absolute; width: 10.473%; left: 85.894%; top: 0; margin-top: 7.052%;
    animation: a_wave 0.7s ease-in-out 0.1s alternate infinite;
}
#wave03 { position: absolute; width: 6.842%; left: 17%; bottom: 0; margin-bottom: 11.421%;
    animation: a_wave 1s ease-in-out 0s alternate infinite;
}
#wave04 { position: absolute; width: 14.842%; left: 4.157%; bottom: 0; margin-bottom: 6.263%;
    animation: a_wave 0.7s ease-in-out 0.1s alternate infinite;
}

@keyframes a_wave {
	0%   {transform:translateX(0);}
	100%   {transform:translateX(10%);}
}

#pointer { position: absolute; width: 3.473%; left: 18.789%; top: 0; margin-top: 88.947%; }
#route { position: absolute; width: 70.789%; left: 13.473%; top: 0; margin-top: 28.631%; }
#route { position: absolute; width: 94.789%; left: 13.473%; top: 0; margin-top: 93.631%; }
#footprint1 { position: absolute; width: 8.526%; left: 76.842%; top: 0; margin-top: 90.21%; mix-blend-mode: multiply;
    animation: a_fp 2s linear 0s infinite;
    opacity: 0;
}
@keyframes a_fp {
	0%   {opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes a_fp1 {
	0%   {opacity: 0; }
	10% { opacity: 1; }
	100% { opacity: 1; }
}
@keyframes a_fp2 {
	0%   {opacity: 0; }
	10% { opacity: 0; }
	20% { opacity: 1; }
	100% { opacity: 1; }
}
@keyframes a_fp3 {
	0%   {opacity: 0; }
	20% { opacity: 0; }
	30% { opacity: 1; }
	100% { opacity: 1; }
}
@keyframes a_fp4 {
	0%   {opacity: 0; }
	30% { opacity: 0; }
	40% { opacity: 1; }
	100% { opacity: 1; }
}
#footprint1_1 { position: absolute; width: 19.135%; left: 80.864%; top: 0; margin-top: 129.629%;
    animation: a_fp1 2s linear 0s infinite;
    opacity: 0;
}
#footprint1_2 { position: absolute; width: 22.839%; left: 28.395%; top: 0; margin-top: 96.296%;
    animation: a_fp2 2s linear 0s infinite;
    opacity: 0;
}
#footprint1_3 { position: absolute; width: 22.839%; left: 46.296%; top: 0; margin-top: 40.123%;
    animation: a_fp3 2s linear 0s infinite;
    opacity: 0;
}
#footprint1_4 { position: absolute; width: 20.987%; left: 0%; top: 0; margin-top: 0%;
    animation: a_fp4 2s linear 0s infinite;
    opacity: 0;
}

#footprint2 { position: absolute; width: 7.473%; left:  70.864%; top: 0; margin-top: 184.421%; mix-blend-mode: multiply;
    animation: a_fp 2s linear 1s infinite;
    opacity: 0;
}
#footprint2_1 { position: absolute; width: 26.056%; left: 0%; top: 0; margin-top: 160.563%;
    animation: a_fp1 2s linear 1s infinite;
    opacity: 0;
}
#footprint2_2 { position: absolute; width: 25.352%; left: 59.859%; top: 0; margin-top: 108.45%;
    animation: a_fp2 2s linear 1s infinite;
    opacity: 0;
}
#footprint2_3 { position: absolute; width: 21.83%; left: 24.647%; top: 0; margin-top: 53.521%;
    animation: a_fp3 2s linear 1s infinite;
    opacity: 0;
}
#footprint2_4 { position: absolute; width: 26.056%; left: 73.943%; top: 0; margin-top: 0%;
    animation: a_fp4 2s linear 1s infinite;
    opacity: 0;
}

#footprint3 { position: absolute; width: 7.473%; left: 15.736%; top: 0; margin-top: 264.421%; mix-blend-mode: multiply;
    animation: a_fp 2s linear 1s infinite;
    opacity: 0;
}
#footprint3_1 { position: absolute; width: 26.056%; left: 0%; top: 0; margin-top: 160.563%;
    animation: a_fp1 2s linear 1s infinite;
    opacity: 0;
}
#footprint3_2 { position: absolute; width: 25.352%; left: 59.859%; top: 0; margin-top: 108.45%;
    animation: a_fp2 2s linear 1s infinite;
    opacity: 0;
}
#footprint3_3 { position: absolute; width: 21.83%; left: 24.647%; top: 0; margin-top: 53.521%;
    animation: a_fp3 2s linear 1s infinite;
    opacity: 0;
}
#footprint3_4 { position: absolute; width: 26.056%; left: 73.943%; top: 0; margin-top: 0%;
    animation: a_fp4 2s linear 1s infinite;
    opacity: 0;
}
#special {
    position: relative;
    width: 790px;
    margin: 0 auto;
    z-index: 2;
}
#special:before {
    content: "";
    display: block;
    padding-top: 16.455%;
}
/* -------- コンテンツ_end -------- */
#lovl {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    background: #ffffff;
}
#loadimg {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
}

/* -------- メインビジュアル -------- */
.rblock { position: relative; }
.cont {
    position: relative;
    width: 81.012%;
    margin: 0 auto;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "BIZ UDPGothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "Noto Sans CJK JP", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cont img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}
.cont01 {
    border-radius: 1em 1em 0 0;
    background-color: #fff;
}
.cont01:after {
    content: "";
    display: block;
    padding-bottom: 12.5%
}
.cont01 h1 { position: relative; width: 86.093%; margin: 0 0 9.6875% 9.843%; padding-top: 14.062%; }
.t01 { position: relative; width: 78.593%; margin: 0 0 10.15625% 10.937%; }
.t01_2 { position: relative; width: 59.375%; margin: 0 0 5.156% 20.156%; }

.items { position: relative; width: 90.781%; margin: 0 0 0 4.531%; }
.items li {
    position: relative;
    color: #57341c;
}
.items .itemsbn { position: relative; margin-bottom: 3.95%; }
.item01_p { position: absolute; width: 16.179%; left: 85.542%; top: 0; margin-top: 1.376%; }

.itesminfo {
    margin-bottom: 12.9%;
}
.items dl {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 90.54%;
    padding: 1.5% 0;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #D7D7D7
}
.items dl:last-child {
    border-bottom: none;
}

.items dt {
    display: block;
    padding: 0 4% 0 1.4%;
    width: 17%;
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-align: justify;
    text-align-last:justify;
}
.items dd {
    display: block;
    font-size: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
}
.items h2 {
    text-align: center;
    font-size: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 2px;
    margin-bottom: 6.36%;
}
.kinen .textarea {
    text-align: center;
}
#special .kinen .itemname {
    font-size: 17px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    line-height: 1.23;
    margin-bottom: 1em;
}
#special .kinen .period {
    font-size: 15px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.kinen1 {
    position: relative;
    width: 55%;
    margin: 0 0 5.625% 39.687%;
}
.kinen1 .textarea { position: absolute; width: 76.42%; left: 20.17%; top: 0; margin-top: 15.625%; }
.kinen1 .kpic { position: absolute; width: 81.534%; left: -63.932%; top: 0; margin-top: 2.556%; transform: rotate(-5deg); }

.kinen2 {
    position: relative;
    width: 59.531%;
    margin: 0 0 3.75% 4.531%;
}
.kinen2 .textarea { position: absolute; width: 70.603%; left: 4.986%; top: 0; margin-top: 14.96%; }
.kinen2 .kpic { position: absolute; width: 75.328%; left: 80.065%; top: 0; margin-top: -1.838%; transform: rotate(5deg); }

#special p.itemnotice {
    color: #595757;
    text-align: right;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    margin-right: 2.96%;
}

.dp {
    position: relative;
    width: 100%;
    margin-top: 7%;
}
.dp .dpimg {
    width: 80%;
    margin: 0 auto 0 auto;
}
.dp .dpimg img {
    border-radius: 10px;
}

#special p.dptext {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
}

.t02 { position: relative; width: 55.312%; margin: 0 0 0 21.875%; }
#namisen { position: absolute; width: 23.281%; left: -6.25%; bottom: 0; margin-bottom: 4.0625%; }
#salenamisen { position: absolute; width: 23.125%; left: 87.968%; top: 0; margin-top: 820.468%; z-index: 3; }

.cont04 {
    color: #57341c;
    background-color: #D4ECEA;
}
.cont04:before,
.cont04:after {
    content: "";
    display: block;
    padding-bottom: 12.5%;
}
.cont04 h2 {
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    margin-bottom: 6.36%;
    margin-bottom: 1em;
}
.cont04 .saleitem {
    margin-bottom: 12.5%;
}
.cont04 .saleitem:last-child {
    margin-bottom: 0;
}
.cont04 .saleitems {
    margin-bottom: 8.28%;
}

.cont04 .itempic {
    width: 79.375%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4.6875%;
}
.cont04 .itempics {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90.625%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.78%;
}
.cont04 .itempics .itempic {
    width: 47.586%;
    margin-bottom: 3.793%;
}
.cont04 .itempic img {
    border-radius: 10px;
}
.cont04 h3 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-size: 20px;
    line-height: 1.35;
    text-align: center;
}
#special .cont04 .price {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    text-align: center;
    font-size: 24px;
    margin-bottom: 0.7em;
}
#special .cont04 .price span {
    font-size: 17px;
}
#special .cont04 p.iteminfo {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 17px;
    line-height: 1.35;
}

#special .cont04 p.saletext { width: 80%; margin: 0 auto 0 auto; }


.cont02 {
    background-color: #fff;
    z-index: 2;
}
.cont02:before {
    content: "";
    display: block;
    padding-top: 8%;
}
.cont02:after {
    content: "";
    display: block;
    padding-bottom: 0%;
}
.cont02 h2 { position: relative; width: 30%; margin: 0 0 0 35%; padding-top: 3.437%; padding-bottom: 2.65625%; }
#movieframe {
    position: relative;
    width: 90.625%;
    margin: 0 auto;
    aspect-ratio: 1920 / 1080;
}
#movieframe iframe {
    width: 100%;
    height: 100%;
}

.cont03 {
    position: relative;
    background-color: #fff;
    margin-top: -4%;
}
.cont03:before {
    content: "";
    display: block;
    padding-top: 97.34375%;
}
.envelope_under { position: absolute; width: 107.968%; left: -4.063%; bottom: 0; margin-bottom: 49.618%; z-index: -1; }
.envelope_over { position: absolute; width: 110.46875%; left: -5.234375%; bottom: 0; margin-bottom: -1.406%; }
.stickynote { position: absolute; width: 29.687%; left: -8.594%; top: 0; margin-top: 70.625%; }
.paper { position: absolute; width: 94.687%; left: 2.968%; top: 0; margin-top: 18.593%; }
.paper a { display: block; }
.ptop { position: absolute; width: 21.25%; left: 80.312%; top: 0; margin-top: 56.562%; }
.t04 { position: absolute; width: 27.392%; left: 66.501%; top: 0; margin-top: -9.901%; }
.t04 img { animation: a_t04_img 1.8s ease-out 1.5s; animation-iteration-count: 2;  }

@keyframes a_t04_img {
	0%   { transform: rotate(0deg); }
	3%  { transform: rotate(-5deg); }
	6%   { transform: rotate(0deg); }
	9%   { transform: rotate(5deg); }
	12% { transform: rotate(0deg); }
	15%  { transform: rotate(-4deg); }
	18%   { transform: rotate(0deg); }
	21%   { transform: rotate(3deg); }
	24% { transform: rotate(0deg); }
	27%  { transform: rotate(-2deg); }
	30%   { transform: rotate(0deg); }
	33%   { transform: rotate(1deg); }
    36% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}


.logo_x { position: absolute; width: 6.435%; left: 6.105%; top: 0; margin-top: 7.095%; }
.line_x { position: absolute; width: 1px; left: 14.851%; top: 0; margin-top: 7.095%; background-color: #AEACAC; padding-top: 19.8%; }
.link_x_01 { position: absolute; width: 25.082%; left: 17.161%; top: 0; margin-top: 7.755%; }
.link_x_02 { position: absolute; width: 17.656%; left: 17.161%; top: 0; margin-top: 14.686%; }
.link_x_03 { position: absolute; width: 24.752%; left: 17.161%; top: 0; margin-top: 21.947%; }

.logo_i { position: absolute; width: 7.26%; left: 51.98%; top: 0; margin-top: 7.095%; }
.line_i { position: absolute; width: 1px; left: 61.221%; top: 0; margin-top: 7.095%; background-color: #AEACAC; padding-top: 19.8%; }
.link_i_01 { position: absolute; width: 27.06%; left: 63.366%; top: 0; margin-top: 7.755%; }
.link_i_02 { position: absolute; width: 25.74%; left: 63.366%; top: 0; margin-top: 16.336%; }

.cont05 {
    position: relative;
}
.cont05:before {
    content: "";
    display: block;
    padding-top: 5%;
}
.cont05:after {
    content: "";
    display: block;
    padding-top: 15%;
}
#special .cont05 p.copyright {
    position: relative;
    width: 107.968%; margin-left: -4.063%; 
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    line-height: 1.69;
    font-size: 13px;
    color: #57341c;
    text-shadow: 0 0 3px #fff;
}
#special .cont05 p.copyright span {
    display: inline-block;
}
/* map */
#maparea {
    position: relative;
    width: 169.375%;
    margin: -0.15625% 0 2.34% -33.75%;
    padding-top: 211.5625%;
}

.map { position: absolute; width: 98.8%; left: 1.199%; top: 0; margin-top: 0%; mix-blend-mode: multiply; }
#maparea h1 { position: absolute; width: 42.988%; left: 11.623%; top: 0; margin: 7.472% 0 0 0; padding-top: 0; }

.map_t { position: absolute; width: 40.129%; left: 14.022%; top: 0; margin-top: 38.099%; }
.map_t_f { position: absolute; width: 8.118%; left: 10.147%; top: 0; margin-top: 45.295%; }

.mwave1 { position: absolute; width: 9.317%; left: 40.59%; top: 0; margin-top: 65.129%;
    animation: a_wave 1s ease-in-out 0s alternate infinite;
}
.mwave2 { position: absolute; width: 9.317%; left: 26.568%; top: 0; margin-top: 57.564%;
    animation: a_wave 0.7s ease-in-out 0.1s alternate infinite;
}
.mwave3 { display: none; }

.map_1 { position: absolute; width: 15.959%; left: 62.822%; top: 0; margin-top: 5.719%; }
.map_2 { position: absolute; width: 15.959%; left: 68.634%; top: 0; margin-top: 40.867%; }
.map_3 { position: absolute; width: 21.402%; left: 63.745%; top: 0; margin-top: 65.221%; }
.map_4 { position: absolute; width: 15.959%; left: 44.372%; top: 0; margin-top: 90.867%; }
.map_5 { position: absolute; width: 21.402%; left: 21.863%; top: 0; margin-top: 70.11%; }
.map_6 { position: absolute; width: 15.867%; left: 0%; top: 0; margin-top: 91.051%; }
.map_7 { position: absolute; width: 15.867%; left: 72.785%; top: 0; margin-top: 105.073%; }

.map .circle img { width: 100%; mix-blend-mode: multiply; }

.map_1 .mtxt { position: absolute; width: 59.537%; left: 20.809%; top: 0; margin-top: 14.45%; }
.map_1 .mpic { position: absolute; width: 43.93%; left: 84.971%; top: 0; margin-top: 4.624%; }
.map_1 .mfsn { position: absolute; width: 55.491%; left: 57.225%; top: 0; margin-top: 67.63%; }

.map_2 .mtxt { position: absolute; width: 78.612%; left: 10.982%; top: 0; margin-top: 16.763%; }
.map_2 .mpic { position: absolute; width: 42.196%; left: 77.456%; top: 0; margin-top: 69.364%; }
.map_2 .mfsn { position: absolute; width: 55.491%; left: -12.717%; top: 0; margin-top: 80.924%; }
.map_2 .mshp { position: absolute; width: 62.427%; left: 80.346%; top: 0; margin-top: -10.405%; }

.map_3 .mtxt { position: absolute; width: 52.586%; left: 24.137%; top: 0; margin-top: 27.155%; }
.map_3 .mpic { position: absolute; width: 31.034%; left: 75%; top: 0; margin-top: 65.948%; }
.map_3 .mfsn { position: absolute; width: 41.379%; left: -19.397%; top: 0; margin-top: 68.965%; }

.map_4 .mtxt { position: absolute; width: 78.612%; left: 10.404%; top: 0; margin-top: 16.763%; }
.map_4 .mpic { position: absolute; width: 42.196%; left: 91.329%; top: 0; margin-top: 6.358%; }
.map_4 .mfsn { position: absolute; width: 55.491%; left: 19.075%; top: 0; margin-top: -28.902%; }
.map_4 .mshp { position: absolute; width: 62.427%; left: -9.249%; top: 0; margin-top: 89.017%; }

.map_5 .mtxt { position: absolute; width: 65.948%; left: 17.241%; top: 0; margin-top: 27.155%; }
.map_5 .mpic { position: absolute; width: 33.189%; left: -4.742%; top: 0; margin-top: 24.568%; }
.map_5 .mfsn { position: absolute; width: 41.379%; left: 61.206%; top: 0; margin-top: 74.568%; }

.map_6 .mtxt { position: absolute; width: 79.069%; left: 9.883%; top: 0; margin-top: 16.86%; }
.map_6 .mpic { position: absolute; width: 42.441%; left: 67.441%; top: 0; margin-top: -26.745%; }
.map_6 .mfsn { position: absolute; width: 55.813%; left: 57.558%; top: 0; margin-top: 70.348%; }
.map_6 .mshp { position: absolute; width: 62.79%; left: 0.581%; top: 0; margin-top: -31.977%; }

.map_7 .mtxt { position: absolute; width: 79.069%; left: 10.465%; top: 0; margin-top: 19.767%; }
.map_7 .mpic { position: absolute; width: 50.581%; left: 59.302%; top: 0; margin-top: -21.512%; }
.map_7 .mfsn { position: absolute; width: 55.813%; left: -43.605%; top: 0; margin-top: 27.906%; }


@media screen and (min-width: 1901px) {
    #content {
        width: 100%;
        left: auto;
        margin: 0;
        background-size: 30.73% auto;
    }
    #special {
        width: 41.578%;
    }
    .cont01 {
        border-radius: 0.842vw 0.842vw 0 0;
    }
    .items dt {
        font-size: 1.1vw;
    }
    .items dd {
        font-size: 1.05vw;
    }    

    .items h2,
    .cont04 h2 {
        font-size: 1.57vw;
    }
    #special .kinen .itemname {
        font-size: 0.89vw;
    }
    #special .kinen .period,
    #special p.itemnotice {
        font-size: 0.78vw;
    }

    .cont04 h3 {
        font-size: 1.05vw;
    }
    #special .cont04 .price {
        font-size: 1.263vw;
    }
    #special .cont04 .price span,
    #special .cont04 p.iteminfo,
    #special p.dptext {
        font-size: 0.89vw;
    }

    #special .cont05 p.copyright {
        font-size: 0.68vw;
    }
}
.pc { display: inline-block; }
.sp { display: none; }
.map_pc { display: block; }
.map_sp { display: none; }

@media screen and (max-width:1094px) {
    .map_pc { display: none; }
    .map_sp { display: block; }
    /* map */
    .cont01:before {
        content: "";
        display: block;
        padding-top: 8.59%;
    }
    #maparea {
        position: relative;
        width: 107.812%;
        margin: 0 0 2.34% -2.969%;
        padding-top: 193.437%;
    }

    .map { position: absolute; width: 95.942%; left: 4.057%; top: 0; margin-top: 48.84%; }

    #maparea h1 { position: absolute; width: 66.231%; left: 18.985%; top: 0; margin: 0; padding-top: 0; }

    .map_t { position: absolute; width: 48.115%; left: 5.507%; top: 0; margin-top: 53.623%; }
    .map_t_f { position: absolute; width: 11.594%; left: 0%; top: 0; margin-top: 69.855%; }


    .mwave1 { position: absolute; width: 14.492%; left: 9.275%; top: 0; margin-top: 98.26%;
        animation: a_wave 1s ease-in-out 0s alternate infinite;
    }
    .mwave2 { position: absolute; width: 14.492%; left: 35.507%; top: 0; margin-top: 84.927%;
        animation: a_wave 0.7s ease-in-out 0.1s alternate infinite;
    }
    .mwave3 { position: absolute; width: 14.492%; left: 17.246%; top: 0; margin-top: 49.71%;
        animation: a_wave 1s ease-in-out 0s alternate infinite;
        display: block;
    }

    .map_1 { position: absolute; width: 22.173%; left: 59.565%; top: 0; margin-top: 47.681%; }
    .map_2 { position: absolute; width: 22.318%; left: 67.391%; top: 0; margin-top: 82.173%; }
    .map_3 { position: absolute; width: 29.855%; left: 64.782%; top: 0; margin-top: 110.289%; }
    .map_4 { position: absolute; width: 22.318%; left: 44.927%; top: 0; margin-top: 135.652%; }
    .map_5 { position: absolute; width: 30%; left: 24.637%; top: 0; margin-top: 107.536%; }
    .map_6 { position: absolute; width: 22.173%; left: 0.434%; top: 0; margin-top: 130.434%; }
    .map_7 { position: absolute; width: 22.318%; left: 70.144%; top: 0; margin-top: 157.101%; }

    .map .circle img { width: 100%; mix-blend-mode: multiply; }

    .map_1 .mtxt { position: absolute; width: 59.537%; left: 20.809%; top: 0; margin-top: 14.45%; }
    .map_1 .mpic { position: absolute; width: 43.93%; left: 84.971%; top: 0; margin-top: 4.624%; }
    .map_1 .mfsn { position: absolute; width: 39.215%; left: 59.477%; top: 0; margin-top: 77.777%; }

    .map_2 .mtxt { position: absolute; width: 78.612%; left: 10.982%; top: 0; margin-top: 16.763%; }
    .map_2 .mpic { position: absolute; width: 42.196%; left: 77.456%; top: 0; margin-top: 69.364%; }
    .map_2 .mfsn { position: absolute; width: 38.961%; left: 0.649%; top: 0; margin-top: 85.064%; }
    .map_2 .mshp { position: absolute; width: 62.427%; left: 80.346%; top: 0; margin-top: -10.405%; }

    .map_3 .mtxt { position: absolute; width: 52.586%; left: 24.137%; top: 0; margin-top: 27.155%; }
    .map_3 .mpic { position: absolute; width: 31.034%; left: 75%; top: 0; margin-top: 65.948%; }
    .map_3 .mfsn { position: absolute; width: 29.126%; left: -13.593%; top: 0; margin-top: 54.368%; }

    .map_4 .mtxt { position: absolute; width: 78.612%; left: 10.404%; top: 0; margin-top: 16.763%; }
    .map_4 .mpic { position: absolute; width: 42.196%; left: 91.329%; top: 0; margin-top: 6.358%; }
    .map_4 .mfsn { position: absolute; width: 38.961%; left: 18.181%; top: 0; margin-top: -13.637%; }
    .map_4 .mshp { position: absolute; width: 62.427%; left: -9.249%; top: 0; margin-top: 89.017%; }

    .map_5 .mtxt { position: absolute; width: 65.948%; left: 17.241%; top: 0; margin-top: 27.155%; }
    .map_5 .mpic { position: absolute; width: 33.189%; left: -4.742%; top: 0; margin-top: 24.568%; }
    .map_5 .mfsn { position: absolute; width: 28.985%; left: 40.579%; top: 0; margin-top: 83.091%; }

    .map_6 .mtxt { position: absolute; width: 79.069%; left: 9.883%; top: 0; margin-top: 16.86%; }
    .map_6 .mpic { position: absolute; width: 42.441%; left: 67.441%; top: 0; margin-top: -26.745%; }
    .map_6 .mfsn { position: absolute; width: 39.215%; left: 50.98%; top: 0; margin-top: 79.738%; }
    .map_6 .mshp { position: absolute; width: 62.79%; left: 0.581%; top: 0; margin-top: -31.977%; }

    .map_7 .mtxt { position: absolute; width: 79.069%; left: 10.465%; top: 0; margin-top: 19.767%; }
    .map_7 .mpic { position: absolute; width: 50.581%; left: 59.302%; top: 0; margin-top: -21.512%; }
    .map_7 .mfsn { position: absolute; width: 38.961%; left: -18.832%; top: 0; margin-top: 31.818%; }
}
@media screen and (max-width:767px) {
    .pc { display: none; }
    .sp { display: inline-block; }

    body #wrap footer .box {
        width: 100%;
    }
    footer {
        padding: 3% 0;
        box-sizing: border-box;        
    }
    footer #box_inner {width: 100%;}
    footer #box_inner #footer_sns {
        position: relative;
        top: auto;
        left: auto;
        padding-top: 2%;
    }
    #content {
        width: 100%;
        left: auto;
        margin: 0;
        background-size: 73.924% auto;
    }
    #bg_rt { width: 127.341%; left: 48.354%; top: 0; margin-top: -7.975%; }
    #bg_lb { width: 169.367%; left: -98.102%; bottom: 0; margin-bottom: -25.44%; }
    #route { width: 170.253%; left: -37.722%; top: 0; margin-top: 68.86%; }

    /*
    #wave01,
    #wave02,
    #wave03,
    #wave04,
    #pointer,
    #footprint1,
    #footprint2 { display: none; }
    */
    #wave01 { width: 15.473%; left: 73.947%; margin-top: 2%; }
    #wave02 { width: 15.473%; left: 85.894%;  margin-top: 9%; }
    #wave03 {  width: 9.842%;  left: 17%; margin-bottom: 15%; }
    #wave04 { width: 17.842%; left: 4.157%; }
    #footprint1 {width: 10%; left: 90%;  margin-top: 175%; }
    #footprint2 { width: 10%; left: 90%;  margin-top: 275%; }
    #footprint3 { width: 10%; left: 0%;  margin-top: 375%; }

    #special { min-width: initial; min-width: auto; width: 100%; }
    .cont01 {
        border-radius: 2.02vw 2.02vw 0 0;
    }
    .items dl {
        width: 95%;
    }
    .items dt {
        font-size: 2.7vw;
    }
    .items dd {
        font-size: 2.6vw;
    }    

    .items h2,
    .cont04 h2 {
        font-size: 4.16vw;
    }
    .kinen1 {
        width: 60%;
        margin: 0 0 5.625% 37.187%;
    }

    .kinen2 {
        width: 64.531%;
        margin: 0 0 3.75% 0.031%;
    }
    #special .kinen .itemname {
        font-size: 2.3vw;
    }
    #special .kinen .period,
    #special p.itemnotice {
        font-size: 2.3vw;
    }

    .cont04 h3 {
        font-size: 3vw;
    }
    #special .cont04 .price {
        font-size: 4.2vw;
    }
    #special .cont04 .price span,
    #special .cont04 p.iteminfo,
    #special p.dptext {
        font-size: 2.7vw;
    }

    #salenamisen { margin-top: 840.468%;  }

    #special .cont05 p.copyright {
        font-size: 1.69vw;
    }

}