@charset "utf-8";

* {
    line-height: 1.6em !important;
}
h2 {
  position: relative;
    text-align: center;
    width: 100%;
}
h2 img {
    width: 100%;
}
h2 span {
  position: absolute;
  visibility: hidden;
  z-index: 3;
}
h2 p {
    position: absolute;
    right: 5%;
    bottom: -30%;
}
h2 p img {
    max-width: 70%;
}
section #shopdata {
    width: 95%;
    max-width: 1200px;
    margin: 10% auto 10%;
    text-align: center;
    font-size: 70%;
}
section #shopdata .left {
    width: 90%;
    padding: 2%;
    margin: 0 auto;
}
section #shopdata .left img {
    width: 100%;
}
section #shopdata .right {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto 1%;
}
section #shopdata .right dl {
    display: table;
    border-bottom: solid 1px #000;
    width: 100%;
    padding: 1.5% 0;
}
section #shopdata .right dt {
    display: table-cell;
    width: 40%;
    font-weight: 700;
    vertical-align: middle;
}
section #shopdata .right dd {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
}
section #shopdata .link {
    width: 100%;
    padding: 0 5% 5% 0;
}
section #shopdata .link span::after {

}
section .border {
    width: 85%;
    margin: 6% auto 0;
    text-align: center;
}
section .border img {
    width: 100%;
    margin: 5% 0 5%;
    object-fit: cover;
}
section .logo {
    width: 90%;
    margin: 5% auto 2%;
    text-align: center
}
section .logo a {
    width: 100%;
    margin: 5% auto 2%;
    text-align: center;
}
section .logo img {
   /* display: inline-block;*/
}
section .logo p {
    margin: 4% 0 0;
    font-size: 70%;
}
section .merchandise {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 8% auto 0;
    padding: 0 5%;
}
section .merchandise .image {
    width: 45%;
    margin: 0 auto;
}
section .merchandise .image img {
/*    width: 100%;*/
    zoom: 0.4;
}
section .merchandise .text {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    font-size: 100%;
}
section .merchandise .text .textbox{
    margin-top: 10%;
}
section .merchandise .text .textbox .imgbox {
    padding: 2% 0;
    margin-left: 2em;
	text-indent: -1.6em;
}
section .merchandise .text .textbox .imgbox img {
    width: 100%;
}
section .merchandise .text .textbox p {
    padding: 0.5em 0 3%;
    font-size: 70%;
}

.box1 {
    text-align: center;
    font-size: 120%!important;
    font-weight: 700;
    margin-bottom: 5%;
}
.box1 span {
    display: inline-block;
    text-align: left!important;
}
/*section .merchandise .text .textbox .imgbox::before {
    content:'Q';
}*/
section .merchandise .text .textbox .border {
    height: 7px;
  background-image:url("../image/border.png");
  background-repeat: repeat-x;
}
section .merchandise .text .textbox .answer {
    padding: 4% 0 0;
}
.mb7 {
    margin-bottom: 7%;
    /*zoom: 0.3;*/
    width: 50%;
}
.mb8 {
    margin-bottom: 7%;
    /*zoom: 0.3;*/
    width: 75%;
}
.area {
    width: 25%;
}
.border2 {
    width: 90%;
    height: 30px;
    background-image: url(../image/border_xmas_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10% auto;
}
.scroll2 {
    width: 15%;
    display: block;
    margin: 0 auto 5%;
}
.midashi {
    display: block;
    width: 100%;
    border: solid 1px;
    padding: 1% 0;
    font-weight: 700;
    color: #000;
}

.border3 img {
    zoom: 0.6!important;
}
.imagewid {
    width: 100%!important;
}
.max_w500 {
    width: 100%!important;
}


/*2022/03/01追加*/

#contentsarea {
    width: 90%;
    display: block;
    margin: 0 auto;
}
#contentsarea .titlearea {
    margin-top: 5%;
}
#contentsarea .titlearea .date {
    
}
#contentsarea .titlearea h2 {
    text-align: left;
    font-size: 5vw;
    font-weight: bold;
}
#contentsarea .titlearea .picture {
    width: 100%;
    margin-top: 5%;
}
#contentsarea .titlearea .picture2 {
    width: 100%;
    margin-top: 15%;
}
#contentsarea .titlearea .picture img,#contentsarea .titlearea .picture2 img {
    width: 100%;
}
#contentsarea .titlearea .textarea {
    display: block;
    margin-top: 3%;
    color: #808080;
    font-size: 4.2vw;
}
#contentsarea .itemarea h3 {
    text-align: center;
    font-size: 4.7vw;
    font-weight: bold;
    margin-top: 15%;
}
#contentsarea .itemarea .picture {
    width: 100%;
    margin-top: 5%;
}
#contentsarea .itemarea .picture_l {
    width: 48%;
    float: left;
}
#contentsarea .itemarea .picture_r {
    width: 48%;
    float: right;
}
#contentsarea .itemarea .picture img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.ip70 {
    width: 70%!important;
}
#contentsarea .itemarea .textarea {
    display: block;
    margin-top: 3%;
    font-size: 4.2vw;
}
#contentsarea .itemarea .textarea span {
    display: block;
    border-top: 2px solid;
    margin-top: 3%;
    padding-top: 3%;
    font-weight: bold;
}
#contentsarea .info h3 {
    text-align: center;
    font-size: 8vw;
    font-weight: bold;
    margin-top: 10%;
}
#contentsarea .info .shop_data {
    display: block;
    width: 100%;
    border: solid 1px;
    margin: 1% auto;
    padding: 30% 8.5% 10%;
}
#contentsarea .info .shop_data h4 {
    text-align: center;
    font-size: 2.5vw;
    font-weight: bold;
}
#contentsarea .info .shop_data h4 img {
    max-width: 100%;
}
#contentsarea .info .shop_data p {
    font-size: 4.1vw;
    margin-top: 30%;
}
section #links {
    max-width: 1110px;
    margin: 7% auto 3%;
    text-align: center;
}
footer .footerbody {
  width: 100%;
  background: #d5d5d5;
  text-align: center;
  padding: 30px 0;
  font-size: 1vw;
  line-height: 2em;
  color: #000!important;
}
footer .footerbody a,footer .footerbody p {
  color: #000!important;
}
footer .footerbody .menu li {
    border-right: solid 1px #000;
}
.mainvisual {
    margin: 0 auto 10%;
    display: block;
    text-align: center;
}
.mainvisual img {
    width: 100%;
}

/* 追従バナーsp */
.floating-banner {
	display: none; /*最初は非表示に */
    position: fixed;/* 追従 */
    z-index: 99999;/* 他の要素の下に隠れないように */
    bottom: 0;/* バナーの上下の位置 */
    right: 0;/* バナーの左右の位置 */
}
.pc_f {
	display: none;/* SPではPC用のバナーは非表示に */
}
.floating-banner:hover {
    opacity: .9;/* ホバーで少し透過 */
}
.sp_f {
    width: 100vw;/* バナーの横幅を指定 */
}