@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: -10%;
}
section #shopdata {
    display: block;
    text-align: center;
    width: 100%;
    max-width: 1200px;
    margin: 5% auto 10%;
}
section .border {
    width: 90%;
    margin: 6% auto 0;
    text-align: center;
}
section .border img {
    max-width: 100%;
}
section .logo {
    width: 90%;
    margin: 5% auto 2%;
    text-align: center
}
section .logo img {
    display: inline-block;
    max-width: 45%;
    zoom: 0.75;
}
section .logo p {
    margin: 3% 0 0;
    line-height: 1.6em;
}

section .merchandise {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  /*align-items: flex-end;*/
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0;
}
section .merchandise .image {
    width: 45%;
    text-align: center;
    margin: 0 auto;
}
section .merchandise .image img {
 
}
.max_w500 {
    width: 100%;
    max-width: 500px;
}
section .merchandise .text {
    width: 75%;
    padding: 0 4%;
    box-sizing: border-box;
    font-size: 100%;
    text-align: left;
    margin: 0 auto;
}
section .merchandise .text .textbox{
    margin-top: 10%;
}
section .merchandise .text .textbox .imgbox {
    padding: 2% 0;
}
section .merchandise .text .textbox p {
    line-height: 1.5em;
}
.box1 {
    text-align: center;
    font-size: 140%;
    font-weight: 700;
    margin-bottom: 10%;
}
.box1 span {
    display: inline-block;
    text-align: left!important;
}
section .merchandise .text .textbox .imgbox img {
    width: 100%;
}
/*section .merchandise .text .textbox .question::before {
    content:'Q';
}*/
section .merchandise .text .textbox .border {
    height: 7px;
  background-image:url("../image/border.png");
  background-repeat: repeat-x;
}
section .merchandise .text .textbox p {
    
    font-size: 75%;
}
.odr1 {
    order: 1;
}

.odr2 {
    order: 2;
}

section #links ul li img {
    max-width: 100%;
    width: 320px;
}

section #links p {
    font-size: 47%;
    width: 70%;
    margin: 0 auto 5%;
}

.mb7 {
    margin-bottom: 7%;
}
.mb8 {
    margin-bottom: 7%;
    /*zoom: 0.3;*/
    max-width: 100%;
}
.border2 {
    width: 90%;
    height: 50px;
    background-image:url("../image/border_xmas.png");
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 10% auto;
}
.scroll2 {
    width: 7%;
    display: block;
    margin: 0 auto 5%;
}
.w50 {
    width: 50%!important;
}

.border3 img {
    max-width: 100%;
    margin: 5% 0;
    zoom: 0.85;
}
.imagewid {
    max-width: 70%!important;
}

/*2022/03/01追加*/

#contentsarea {
    width: 70%;
    display: block;
    margin: 0 auto;
}
#contentsarea .titlearea {
    margin-top: 10%;
}
#contentsarea .titlearea .date {
    
}
#contentsarea .titlearea p {
    font-size: 1.7vw;
    margin-top: 5%
}
#contentsarea .titlearea h2 {
    text-align: left;
    font-size: 3.7vw;
    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: 1.2vw;
}
#contentsarea .itemarea h3 {
    text-align: center;
    font-size: 3vw;
    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: 1.2vw;
}
#contentsarea .itemarea .textarea span {
    display: block;
    border-top: 2px solid;
    margin-top: 5%;
    padding-top: 5%;
    font-weight: bold;
}
#contentsarea .info h3 {
    text-align: center;
    font-size: 2vw;
    font-weight: bold;
    margin-top: 10%;
    letter-spacing: 0.3em;
}
#contentsarea .info .shop_data {
    display: block;
    width: 80%;
    border: solid 1px;
    margin: 1% auto;
    padding: 6% 8.5% 5%;
}
#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: 1.1vw;
    margin-top: 10%;
}
section #links {
    max-width: 1110px;
    margin: 4% 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%;
}

/*追従バナーpc*/
.floating-banner {
	display: none; /*最初は非表示に */
    position: fixed;/* 追従 */
    z-index: 99999;/* 他の要素の下に隠れないように */
    bottom: 0;/* バナーの上下の位置 */
    right: 0;/* バナーの左右の位置 */
}
.pc_f {
    width: 100vw;/* バナーの横幅を指定 */
}
.floating-banner:hover {
    opacity: .9;/* ホバーで少し透過 */
}
.sp_f {
    display: none;/* PCではスマホ用のバナーは非表示に */
}
.bold {
	font-weight: bold;
}
.sns {
	font-weight: bold;
	font-size: 1vw;
}
.management {
	
	margin: 20px auto;
	
}
.management img {
	width: 14%;
}