@charset "utf-8";
/* CSS Document */

/*fade-in*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


.topimg{
    width: 100vw;
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
}
.contents_wrap{color: #000000;}
.contents_wrap h2{font-family: mrs-eaves-xl-serif, serif;text-align: center;font-size: 230%;letter-spacing: 0.2em;line-height: 1.3em;font-weight: bold;margin: 0 0 20px;}
.contents_wrap p {font-family: 'Noto Serif JP', serif;}
.text_center {text-align: center;}

/*限定カラー*/
.box {position: relative; margin: 50px 0;}
.box p{color: #666;}
/* .box .product:first-child {margin: 0 50px 0 0;}
.box .product:last-child {margin: 0;} */
.box.img_beside {z-index: 1;}
.box.img_vertical {z-index: 2; margin: -150px 0 150px;}
.box.img_beside_01 {max-width: 600px;}
.box.img_beside_02 .img_01 {max-width: 620px;}
.box.img_vertical .img_01 , .box.img_vertical .img_02 {max-width: 410px;}
.box.img_vertical .img_01 {margin: 0 0 0 510px;}
.box.img_vertical .img_02 {margin: -100px 500px 0 0;}
.imagebox {margin: 100px 0;}
.img_01 {padding: 0; width: 100%;}
.img_02 {padding: 0; width: 100%; margin: 50px auto 0;}

/*リード*/
.lead {margin-top: 30px;}
.lead p {text-align: center;font-size: 100%;line-height: 2em; font-family: 'Noto Serif JP', serif;}


/*ノベルティ部分*/
.novelty,.presale { width: 80%;margin: 0 auto;}
.novelty p,.presale p {text-align: center; font-size: 100%; margin:0 0 20px 0; font-family: 'Noto Serif JP', serif;}
.novelty h3,.presale h3, .movie h3 {font-family: mrs-eaves-xl-serif, serif; font-weight: 700;font-style: normal;font-size: 200%; color: #504946; text-align: center; padding: 0.3rem;  border-top: 3px double #666;  border-bottom: 3px double #666;margin: 50px 0 20px;}
.novelty p.small,.presale p.small {margin-top: 0; text-align: center; font-size: 80%; color: #666666;}

/*動画*/
.video {text-align: center; margin: 50px auto 0; width: 50%;}

/*注意事項*/
.caution {text-align: center; font-size: 100%;border: dashed 1px #999; margin: 50px auto; width: 50%;}
.caution p {color: #333; padding: 10px; margin: 0; text-align: center;}

/*スマホのみ改行*/
.btn_buy a {
	text-decoration: none;
}

/*スペシャル*/
.special h3 {
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    color: #333;
    font-family: mrs-eaves-xl-serif, serif;
    font-size: 150%;
}

.special {
    margin: 50px auto;
    border-top: solid #999 2px;
    border-bottom: solid #999 2px;
    padding: 5px;
    text-align: center;
	width: 40%;
	font-family: 'Noto Serif JP', serif;
}

.special p {
    margin: 0 10px 10px;
}

span.bgcolor {
    background-color: #8bc34a3b;
}
.novelty_img {
    margin: 0 auto 30px;
	width: 50%;
}
.map_img {
    width: 50%;
    text-align: center;
    margin: 5px auto;
}
/* Google Mapを囲う要素 */
.map {
    position: relative;
    max-width: 896px;
    width: 100%;
    height: 0;
    padding-top: 35%; /* 比率を4:3に固定 */
}
   
/* Google Mapのiframe */
.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* youtube */
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 40px;
  }
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


/*---------スマホ設定ここから---------*/
@media (max-width: 768px) {

/*限定カラー*/
.box {display: block;margin: 10px 0; margin: 0;}
.box p {letter-spacing: 0.1em;}
.box.img_vertical {margin: 0;}
.box.img_beside_01 {max-width: 100%; margin:0 30px 0 0;}
.box.img_beside_02 {margin:0 0 0 30px;}
.box.img_beside_02 .img_01 {max-width: 100%;}
.box.img_vertical .img_01 , .box.img_vertical .img_02 {max-width: 90%;}
.box.img_vertical .img_01 {margin: 0 0 0 30px;}
.box.img_vertical .img_02 {margin: 0 30px 0 0;}


.br::before {
    content: "\A";
    white-space: pre;
}

.topimg{
margin: 0 calc(50% - 50vw);
width: 100vw;
max-width: inherit;
}

/*リード*/
.lead p {text-align: center;font-size: 100%;line-height: 2em;}


/*ノベルティ部分*/
.novelty,.presale { width: 100%;margin: 0 auto;}
.novelty p,.presale p {font-size: 100%; letter-spacing: 0.1em;}
.novelty p.small,.presale p.small {margin-top: 0; text-align: left; font-size: 80%;}
.novelty_img { margin: 0 auto 30px; width: 80%;}

/*動画*/
.video {text-align: center; margin: 50px auto 0; width: 100%;}

/*注意事項*/
.caution {text-align: center; font-size: 100%;border: dashed 1px #999; margin: 50px auto; width: 100%;}

/*スペシャル*/
.special h3 {
    margin: 0 auto;
    padding: 5px;
    color: #333;
    font-family: mrs-eaves-xl-serif, serif;
    font-size: 190%;
	line-height: 1.2em
}

.special {
    margin: 30px auto;
    border-top: solid #999 2px;
	border-bottom: solid #999 2px;
    padding: 10px 0;
    text-align: left;
    font-size: 110%;
	width: 100%;
}

.map_img {width: 100%; margin: 5px 0;}

.kome {
    font-size: 80%;
}
/* Google Mapを囲う要素 */
.map {
    padding-top: 75%;
}
.lead p.txt_left {
    text-align: left;
}
}

/* body {
    padding-left: 20px;
    padding-right: 20px;
} */