#wrapper {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    background: gold;
}

div#fullsize_01 {
    position: absolute;
    top: 1%;
    /* left: 8%; */
    z-index: 10;
    width: 100%;
}

div#fullsize_01 img {
    width: 100%;
}

div#container2 {
    min-width: 1200px;
    width: 100%;
    margin: auto;
}

div#box2 {
    margin-top: 2%;
}

#key{
height: 760px;
    width: 100%;
    position: relative;
    z-index: 0;
}

.content{
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.bx-wrapper,.bx-viewport,.bx-viewport li{
	width: 100%;
	height: 760px;
}
#slide_img1{
    background: url("../img/concept/concept1.jpg") no-repeat center / cover;
}
#slide_img2{
    background:url("../img/concept/concept2.jpg") no-repeat center / cover;

}
#slide_img3{
	background:url("../img/concept/concept3.jpg") no-repeat center / cover;
}
#slide_img4{
    background:url("../img/concept/concept4.jpg") no-repeat center / cover;

}
#slide_img5{
	background:url("../img/concept/concept5.jpg") no-repeat center / cover;
}
#slide_img6{
	background:url("../img/concept/concept6.jpg") no-repeat center / cover;
}
#slide_img7{
	background:url("../img/concept/concept7.jpg") no-repeat center / cover;
}
#slide_img8{
	background:url("../img/concept/concept8.jpg") no-repeat center / cover;
}
#slide_img9{
	background:url("../img/concept/concept9.jpg") no-repeat center / cover;
}
#slide_img10{
	background:url("../img/concept/concept11.jpg") no-repeat center / cover;
}
#slide_img11{
	background:url("../img/concept/concept10.jpg") no-repeat center / cover;
}
#slide_img12{
	background:url("../img/gift/gift6.jpg") no-repeat center / cover;
}
#container{
    background-size: 100%;
}
#lead{
	height: 493px;
}

div#fullsize_01 {
    position: absolute;
    top: 1%;
    /* left: 8%; */
    z-index: 6;
    width: 100%;
}

div#fullsize_01 img {
    width: 100%;
}


#leadInfo{
	position: absolute;
    right: -20px;
    top: -50px;
    width: 564px;
    z-index: 120;
    background-size: cover;
    /* height: 383px; */
    font-family: "��������", "Yu Mincho", YuMincho, serif;
}

#leadInfo3 {
   position: absolute;
    right: 0;
    top: 780px;
    z-index: 120;
    font-family: "��������", "Yu Mincho", YuMincho, serif;
}

#leadInfo4 {
    position: absolute;
    right: -20px;
    top: 125px;
    width: 520px;
    z-index: 120;
    background-size: cover;
    height: 383px;
    font-family: "��������", "Yu Mincho", YuMincho, serif;
}

div#sidebar_brown2 img {
    width: 34%;
}

#leadInfo2 {
   position: absolute;
    right: 0;
    top: 780px;
    z-index: 120;
}

#leadInfo5 {
    position: absolute;
    left: -15px;
    top: 780px;
    z-index: 8;
}

#leadInfo6 {
    position: absolute;
    right: 30vw;
    top: 13vh;
    width: 22vw;
    z-index: 8;
}

#leadInfo7 {
   position: absolute;
    right: 19vw;
    top: 15vh;
    width: 21vw;
    z-index: 8;
    background-size: cover;
    font-family: "��������", "Yu Mincho", YuMincho, serif;
}

div#leadInfo2 img {
    width: 103%;
}
div#leadInfo5 img {
    width: 100%;
}

div#leadInfo3 img {
    width: 100%;
}

div#leadInfo6 img {
    width: 100%;
}


div#leadInfo7 img {
    width: 100%;
}

#leadInfo99 {
    position: absolute;
    right: -167px;
    top: -26px;
    width: 500px;
    z-index: 121;
}

#leadInfo99 img {
    width: 51%;
}

#leadInfo p{
    margin-left: 49px;
    margin-top: 45px;
    letter-spacing: 1.5px;
    width: 410px;
    text-align: left;
    line-height: 31px;
    font-size: 15px;
    padding: 9px 0px 0px 10px;
    color: #978383;
}

#leadInfo span {
    font-size: 12px;
    padding-top: 10px;
}

#leadInfo3 p{
    letter-spacing: 1.5px;
    width: 353px;
    text-align: left;
    line-height: 31px;
    font-size: 15px;
    padding: 9px 0px 0px 10px;
    color: #978383;
}

#leadInfo5 p{
    letter-spacing: 1.5px;
    width: 353px;
    text-align: left;
    line-height: 31px;
    font-size: 15px;
    padding: 9px 0px 0px 10px;
    color: #978383;
}

#leadInfo3 span {
    font-size: 13px;
    padding-top: 10px;
}

#leadInfo4 p{
    margin-left: 64px;
    margin-top: 36px;
    letter-spacing: 1.5px;
    width: 410px;
    text-align: left;
    line-height: 31px;
    font-size: 15px;
    padding: 44px 0px 0px 10px;
    color: #978383;
}

#leadInfo4 span {
    font-size: 13px;
    padding-top: 10px;
}

p.price {
    position: absolute;
    bottom: 117px;
    font-size: 19px;
    font-family: "��������", "Yu Mincho", YuMincho, serif;
}

#conceptTop{
	background: url("../img/shared/bar_1.png") no-repeat top center;
    width: 100%;
    display: block;
    height: 100px;
    background-size: cover;
}

#conceptTop2 {
   background: url("../img/gift/giftbarback.png") no-repeat top center;
    width: 100%;
    display: block;
    height: 76px;
    background-size: cover;
}

div#conceptTop2 img {
    width: 100%;
    /* margin: 0 auto; */
    height: auto;
}


#concept{
	background:url("../img/concept/sasasa.jpg") no-repeat top center;
	background-size: cover;
    width: 100%;
}

.conceptCol{
	position: relative;
	width: 500px;
	margin-left: -20px;
}
#concept .left_col{
}
#concept .left_col h2{
	top: 3px;
    left: -106px;
}

#concept .right_col h2{
	top: -63px;
	left:43px;
}
#concept h2{
	position: absolute;	
}
#concept .right_col{
	padding-top: 57px;
	margin-right: -29px;
}
.concept_txt1{
    width: 405px;
    height: 306px;
    margin-top: 197px;
    margin-left: 46px;
    letter-spacing: 1.2px;
    color: #978383;
    background: url("../img/index/text_back.png") no-repeat;
    background-size: cover;
    font-size: 15px;
    line-height: 27px;
    text-align: center;
}
.concept_txt2{
	margin:9px 0 0 20px;
}

p.concept_txt3 {
   margin-top: -7px;
   margin-left: 108px;
   font-family: "��������", "Yu Mincho", YuMincho, serif;
}

.concept_txt22 {
    margin: 124px 0 0 0;
    background: url("http://happyfield-chinon.com/lechinon/shared/img/gift/sleeve.png") no-repeat;
    background-position: 1px 150px;
}

#concept .left_col .concept_btn{
    margin: -69px 0 0 58px;
}
#concept .right_col .concept_btn{
    margin-left: 87px;
    margin-top: 10px;
}
.concept_img{
    position: relative;
    z-index: 1;
    margin-left: -80px;
    margin-top: 177px;
   background: url("http://happyfield-chinon.com/lechinon/shared/img/gift/sleeve.png") no-repeat;
    background-position: 6px 89px;
}
#concept dl{
	margin:23px 0 0 65px;
	width: 435px;
}
#concept dd{
    width: 405px;
    height: 306px;
    margin-top: 11px;
    margin-left: 8px;
    letter-spacing: 1.2px;
    color: #978383;
    background: url("../img/index/text_back.png") no-repeat;
    background-size: cover;
    font-size: 15px;
    line-height: 27px;
    text-align: center;
}

.text_cake{
  padding-top: 32px;
  font-family: "��������", "Yu Mincho", YuMincho, serif;
}

.text_cake_gift {
    padding-top: 37px;
    font-family: "��������", "Yu Mincho", YuMincho, serif;
    text-align: left;
    padding-left: 43px;
}

.text_cake2 {
    padding-top: 60px;
    font-family: "��������", "Yu Mincho", YuMincho, serif;
}

dl.gift_margin{
  margin-top: 134px !important;
}

#delivery{
	/* background: url("../img/gift/gift_back.jpg") no-repeat;*/
	padding-top: 39px;
	text-align:center;
    background-size: cover;
    position: relative;
    height: 88vh;
}

.bg_box1 {
    width: 100vw;
    height: 80vh;
    background: #ffec3c;
    -webkit-clip-path: polygon(0 85%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%);
    position: absolute;
    bottom: 0;
    display: block;
    z-index: 8;
 }   

.bg_box2 {
    width: 100vw;
    height: 80vh;
    background: #ffc433;
    -webkit-clip-path: polygon(0 0, 100% 100%, 0% 100%, 0% 0);
　　clip-path: polygon(0 0, 100% 100%, 0% 100%, 0% 0);
    position: absolute;
    bottom: 0;
    display: block;
    z-index: 9;
 } 




.bg_box3 {
    width: 100vw;
    height: 80vh;
    background: #ffec3c;
    -webkit-clip-path: polygon(0 85%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%);
    position: absolute;
    bottom: 0;
    display: block;
    z-index: 10;
 }   

.bg_box4 {
    width: 100vw;
    height: 80vh;
    background: #ffc433;
    -webkit-clip-path: polygon(0 0, 100% 100%, 0% 100%, 0% 0);
　　clip-path: polygon(0 0, 100% 100%, 0% 100%, 0% 0);
    position: absolute;
    bottom: 0;
    display: block;
    z-index: 10;
 } 


.bg_box5 {
    width: 100vw;
    height: 80vh;
    background: #ffec3c;
    -webkit-clip-path: polygon(0 85%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%);
    position: absolute;
    bottom: 0;
    display: block;
    z-index: 8;
 }   

.bg_box6 {
    width: 100vw;
    height: 80vh;
    background: #ffc433;
    -webkit-clip-path: polygon(0 0, 100% 100%, 0% 100%, 0% 0);
　　clip-path: polygon(0 0, 100% 100%, 0% 100%, 0% 0);
    position: absolute;
    bottom: 0;
    display: block;
    z-index: 9;
 } 




#delivery2 {
    background: url("../img/index/uchima_back.jpg") no-repeat;
    padding-top: 0px;
    text-align: center;
    background-size: 100%;
    position: relative;
    background-size: cover;
}

#delivery2 .content{
	height: 676px;
}

#delivery2 h2 {
    height: 50px;
    margin-top: -8px;
    position: absolute;
}

#delivery .content{
	height: 551px;
}

#delivery .content3{
	height: 465px;
}

.cake_postion1{
   position: absolute;
   top: 215px;
   left: -6px;
}

.cake_postion1 img {
    width: 82%;
}

.cake_postion2{
   position: absolute;
   top: 376px;
   left: 137px;
}

.cake_postion2 img {
    width: 82%;
}


.cake_postion3{
   position: absolute;
   top: 132px;
   right: 18px;
}

.cake_postion3 img {
    width: 82%;
}


.cake_postion4{
   position: absolute;
   top: 376px;
   right: 108px;
}

.cake_postion4 img {
    width: 82%;
}

#saltpudding {
    text-align: center;
    background-size: cover;
    position: relative;
    height: 158vh;
}

div#cakes li {
    float: left;
    width: 20%;
}

div#cakes li img {
    width: 100%;
}

#cakes .content2 {
    height: 551px;
}


.delivery_btn{
	margin-top: 26px;
    float: right;
    margin-right: 37px;
}
.delivery_txt{
    font-family: "��������", "Yu Mincho", YuMincho, serif;
    color: #978383;
    font-size: 27px;
    /* margin: 0 auto; */
    position: absolute;
    bottom: 0;
    /* top: 0; */
    left: 0;
    right: 0;
    bottom: -77px;
    margin: auto;
}

.delivery_txt2 {
    font-family: "��������", "Yu Mincho", YuMincho, serif;
    color: #978383;
    font-size: 27px;
    /* margin: 0 auto; */
    position: absolute;
    bottom: 0;
    /* top: 0; */
    left: 0;
    right: 0;
    bottom: -177px;
    margin: auto;
}

.delivery_txt3 {
    font-family: "��������", "Yu Mincho", YuMincho, serif;
    color: #978383;
    font-size: 27px;
    /* margin: 0 auto; */
    position: absolute;
    bottom: 0;
    /* top: 0; */
    left: 0;
    right: 0;
    bottom: 87px;
    margin: auto;
}

.dropdown.right_side a {
    text-decoration: none;
}


#night{
	background: url("../img/concept/concept_back.jpg") no-repeat top center;
    padding-top: 64px;
    background-attachment: fixed;
    background-size: cover;
    background-position: 0px -61px;
}

/*ここから追加*/
#night h2{
	margin-left:-50px;
	position:relative;
	z-index:0;	
}
#night_txt{
	margin-top:-77px;
	width: 407px;
	height: 323px;
	position:relative;
	z-index:1000;
}
/*ここまで*/



/*#night h2{
	margin-left: -7px;
}
#night_txt{
	margin-top: 2px;
letter-spacing: 1.5px;
padding-bottom: 27px;
}*/
#night .content{
	height: 450px;
	color:#ffffff
}
#night_txt p{
	width: 407px;
	margin-bottom: 20px;
}
.night_chat{
	position: absolute;
	bottom: 31px;
	left: 362px;
}
#info{
	background:url("../img/index/access_back.jpg") repeat-x top center;
}
#info .content2{
	height: 560px;
}

.infoCol{
	width: 500px;
}
#info .infoLeft{
	margin-left: -34px;
}
#info .infoRight{
	background: url("../img/index/blackboard.png") no-repeat;
    height: 520px;
    background-size: contain;
    margin-top: 30px;
}


.infoRight p {
    padding-top: 51px;
    padding-left: 80px;
    color: #fff;
    line-height: 33px;
    font-family: "��������", "Yu Mincho", YuMincho, serif;
}

.map {
    margin-top: 15px;
    margin-left: 59px;
}

#sidebar_white {
    position: absolute;
    height: 313px;
    width: 280px;
    top: 106px;
    right: 98px;
    padding-top: 40px;
    z-index: 8;
}

#sidebar_brown {
    position: absolute;
    width: 16vw;
    top: 47vh;
    right: 0;
    z-index: 130;
    left: 0;
    margin: 0 auto;
}

#sidebar_brown1 {
  position: absolute;
    width: 30vw;
    top: -92px;
    right: -96px;
    padding-top: 40px;
    z-index: 150;
}

div#sidebar_brown img {
    width: 100%;
}

div#sidebar_brown1 img {
    width: 100%;
}


#sidebar_brown3 {
    position: absolute;
    width: 38vw;
    top: -26vh;
    right: -6vw;
    /* padding-top: 40px; */
    z-index: 9;
    transform: rotate(-18deg);
}

div#sidebar_brown3 img {
    width: 100%;
}


#sidebar_pudding {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 40px;
    z-index: 10;
}


#sidebar_gift {
    position: absolute;
    top: 13vh;
    right: -1vw;
    padding-top: 64px;
    z-index: 133;
    width: 21vw;
}

div#sidebar_gift img {
    width: 100%;
    height: auto;
}


#sidebar_gift2 {
  position: absolute;
    top: 60vh;
    right: -2vw;
    z-index: 10;
    width: 45vw;
    transform: rotate(-13deg);
}

div#sidebar_gift2 img {
    width: 100%;
    height: auto;
}

#sidebar_gift3 {
    position: absolute;
    top: 611px;
    right: -78px;
    z-index: 19;
    width: 19%;
}

div#sidebar_gift3 img {
    width: 100%;
    height: auto;
}


#sidebar_gift4 {
    position: absolute;
    top: 650px;
    right: -10%;
    padding-top: 65px;
    z-index: 20;
    width: 31%;
}

div#sidebar_gift4 img {
    width: 100%;
    height: auto;
}

#sidebar_gift5 {
   position: absolute;
    bottom: 247px;
    right: 135px;
    padding-top: 65px;
    z-index: 10;
}

div#sidebar_gift5 img {
    width: 100%;
    height: auto;
}


#sidebar_gift6 {
    position: absolute;
    bottom: 0;
    right: -51px;
    padding-top: 65px;
    z-index: 1000;
    width: 36%;
}

div#sidebar_gift6 img {
    width: 100%;
    height: auto;
}

#sidebar_gift7 {
   position: absolute;
    top: 620px;
    left: -45px;
    z-index: 7;
    width: 30%;
}

div#sidebar_gift7 img {
    width: 100%;
    height: auto;
    filter: drop-shadow(6px 0px 5px yellow);
}


#sidebar_gift8 {
  position: absolute;
    left: 5vw;
    z-index: 8;
    width: 33vw;
    top: -19vh;
    transform: rotate(26deg);
}

div#sidebar_gift8 img {
    width: 100%;
    height: auto;
}


#sidebar_gift9 {
    position: absolute;
    top: 18vh;
    left: 0vw;
    z-index: 300;
    width: 29vw;
    transform: rotate(-11deg);
}

div#sidebar_gift9 img {
   width: 100%;
    height: auto;
}

#sidebar_gift10 {
    position: absolute;
    bottom: 0;
    left: -147px;
    padding-top: 65px;
    z-index: 1000;
    width: 46%;
}

div#sidebar_gift10 img {
    width: 100%;
    height: auto;
}


#sidebar_gift11 {
    position: absolute;
    top: -50px;
    left: 0px;
    z-index: 10;
    width: 40%;
}

div#sidebar_gift11 img {
    width: 100%;
    height: auto;
}


#sidebar_gift12 {
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 10;
    width: 40%;
}

div#sidebar_gift12 img {
    width: 100%;
    height: auto;
}

#sidebar_gift13 {
    position: absolute;
    top: 32vh;
    left: 20vw;
    z-index: 149;
    width: 15vw;
}

div#sidebar_gift13 img {
    width: 100%;
    height: auto;
}

div#sidebar_gift15 {
    position: absolute;
    top: -3vh;
    left: -2vw;
    z-index: 6;
    width: 26vw;
}

div#sidebar_gift15 img {
    width: 100%;
    height: auto;
}


div#sidebar_gift16 {
   position: absolute;
    bottom: 57vh;
    left: -1vw;
    z-index: 9;
    width: 45vw;
    transform: rotate(22deg);
}

div#sidebar_gift16 img {
    width: 100%;
    height: auto;
}


div#sidebar_gift17 {
   position: absolute;
    bottom: 0;
    left: 35%;
    z-index: 212;
    width: 16%;
}

div#sidebar_gift17 img {
    width: 100%;
    height: auto;
}

div#sidebar_gif18 {
   position: absolute;
    bottom: 0;
    right: 30%;
    z-index: 38;
    width: 19%;
}

div#sidebar_gif18 img {
    width: 100%;
    height: auto;
}


div#sidebar_gift19 {
    position: absolute;
    top: 6%;
    left: 8%;
    z-index: 221;
    width: 12%;
}

div#sidebar_gift19 img {
    width: 100%;
    height: auto;
}

div#sidebar_gift20 {
    position: absolute;
    top: 6%;
    left: 8%;
    z-index: 221;
    width: 12%;
}

div#sidebar_gift20 img {
    width: 100%;
    height: auto;
}

#sidebar_gift21 {
    position: absolute;
    top: 9Vw;
    left: 0;
    z-index: 7;
    width: 30vw;
}

div#sidebar_gift21 img {
    width: 100%;
    height: auto;
}

#sidebar_pilling {
    position: absolute;
    bottom: -90px;
    right: -10px;
    padding-top: 40px;
    z-index: 9;
}

#sidebar_pilling3 {
    position: absolute;
    bottom: 0;
    right: -80px;
    padding-top: 40px;
    z-index: 999;
    width: 34%;
}
	
div#sidebar_pilling4 {
   position: absolute;
    bottom: 0;
    left: -78px;
    padding-top: 40px;
    z-index: 999;
    width: 34%;
	}
	
div#leadInfo p img {
    width: 148%;
}

#sidebar_pilling2 {
    position: absolute;
    bottom: -215px;
    right: -10px;
    padding-top: 40px;
    z-index: 9;
}


#sidebar_salting {
    position: absolute;
    bottom: 157px;
    left: 425px;
    padding-top: 40px;
    z-index: 9;
}

.lechinon_mango {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 80px;
    margin: auto;
    width: 360px;
    height: 120px;
}

.lechinon_gift {
    position: absolute;
    z-index: 100;
    top: 0;
    /* left: 0; */
    right: 100px;
    bottom: 473px;
    margin: auto;
    width: 360px;
    height: 120px;
}

.tate {
    position: absolute;
    right: 26px;
    top: 660px;
    border-left: 1px solid;
    padding-left: 10px;
    margin-top: -20px;
    z-index: 20;
}

.tate img {
    width: 78%;
}

.tate2 {
    position: absolute;
    right: -133px;
    top: 1148px;
    border-left: 1px solid;
    padding-left: 10px;
    margin-top: -20px;
}

.tate2 img {
    width: 66%;
}

#delivery_pudding {
    background: url("../img/gift/kodawri.png") no-repeat;
    padding-top: 39px;
    text-align: center;
    background-size: cover;
    background-size: contain;
}

#delivery_pudding .content {
    height: 551px;
}

.spoon_id {
        position: absolute;
    right: 15%;
    top: 320px;
    z-index: 30;
    width: 13%;
}

.spoon_id2 {
    position: absolute;
    right: 7px;
    top: -219px;
    z-index: 30;
}

.spoon_id img {
    width: 100%;
}
#sidebar_gift30 {
position: absolute;
    top: 66vh;
    right: 31vw;
    z-index: 1;
    width: 12vw;
    transform: rotate(-13deg);
    font-size: 50px;
    font-weight: bolder;
}

.bg2 {
    position: relative;
    padding-top: 110px;
    background-size: auto auto;
    padding-bottom: 110px;
}

.bg23 {
    position: relative;
    padding-bottom: 100px;
}

.text_cake span {
    font-size: 18px;
}

.text_cake2 span {
    font-size: 18px;
}

.maincalender {
    width: 560px;
    margin: 0 auto;
    padding-top: 1%;
    z-index: 20;
    position: relative;
}

.maincalender img {
    width: 100%;
}


#click-btn {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 81px;
}

#popup-wrapper {
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
      z-index: 10000;
}

#click-btn_2 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 81px;
}

#popup-wrapper_2 {
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
      z-index: 10000;
}

#click-btn_3 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 81px;
}

#popup-wrapper_3 {
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
      z-index: 10000;
}


#click-btn_4 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 81px;
}

#popup-wrapper_4 {
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
      z-index: 10000;
}


#click-btn_5 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 81px;
}

#popup-wrapper_5 {
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
      z-index: 10000;
}


#click-btn_6 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 81px;
}

#popup-wrapper_6 {
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
      z-index: 10000;
}


#click-btn_7 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 60px;
}

#popup-wrapper_7 {
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
      z-index: 10000;
}

#click-btn_8 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 81px;
}

#popup-wrapper_8 {
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
      z-index: 10000;
}

#click-btn_9 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 60px;
}

#popup-wrapper_9 {
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
      z-index: 10000;
}

#click-btn_10 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 81px;
}

#popup-wrapper_10 {
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
      z-index: 10000;
}
#popup-inside {
   text-align: left;
    width: 70%;
    background: mintcream;
    margin: 2% auto;
    padding: 51px;
    position: relative;
    height: auto;
    line-height: 26px;
    border-radius: 10px;
    overflow-y: auto;
    max-height: 90%;
}

div#popup-inside p {
    margin-bottom: 20px;
}

#message a {
  color: white;
  text-decoration: none;
  padding: 6px 10px;
}

#close {
     position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
    font-size: 21px;
    /* font-weight: 600; */
    background: #999;
    padding: 0px 7px;
    color: #fff;
}

#close_2 {
   position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
    font-size: 21px;
    /* font-weight: 600; */
    background: #999;
    padding: 0px 7px;
    color: #fff;
}

#close_3 {
   position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
    font-size: 21px;
    /* font-weight: 600; */
    background: #999;
    padding: 0px 7px;
    color: #fff;;
}

#close_4 {
    position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
    font-size: 21px;
    /* font-weight: 600; */
    background: #999;
    padding: 0px 7px;
    color: #fff;
}

#close_5 {
   position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
    font-size: 21px;
    /* font-weight: 600; */
    background: #999;
    padding: 0px 7px;
    color: #fff;
}

#close_6 {
    position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
    font-size: 21px;
    /* font-weight: 600; */
    background: #999;
    padding: 0px 7px;
    color: #fff;
}

#close_7 {
    position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
    font-size: 21px;
    /* font-weight: 600; */
    background: #999;
    padding: 0px 7px;
    color: #fff;
}

#close_8 {
   position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
    font-size: 21px;
    /* font-weight: 600; */
    background: #999;
    padding: 0px 7px;
    color: #fff;
}

#close_9 {
    position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
    font-size: 21px;
    /* font-weight: 600; */
    background: #999;
    padding: 0px 7px;
    color: #fff;
}

#close_10 {
   position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
    font-size: 21px;
    /* font-weight: 600; */
    background: #999;
    padding: 0px 7px;
    color: #fff;
}

.gallery {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
      gap: 10px;
      padding: 10px;
    }

    .gallery img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 8px;
    }

    .detail_book {
    display: inline-flex;
}

div#popup-inside p {
    margin-bottom: 20px;
}
.detail_book p {
    width: 50%;
}

.detail_book p img {
    width: 100%;
    margin-left: 20px;
}

    @media (min-width: 768px) {
      .gallery {
        grid-template-columns: repeat(auto-fill, minmax(8%, 1fr));
      }
    }

    @media (min-width: 1024px) {
      .gallery {
        grid-template-columns: repeat(auto-fill, minmax(8%, 1fr));
      }
    }


@media screen and (max-width: 747px) {
  .bg_box1 {
    height: 60vh; /* 高さを80vhから60vhに変更 */
    clip-path: polygon(0 90%, 100% 0, 100% 100%, 0% 100%); /* クリップパスの形を調整 */
    -webkit-clip-path: polygon(0 90%, 100% 0, 100% 100%, 0% 100%);
  }
}

@media screen and (max-width: 747px) {
    #sidebar_gift11 {
    top: 30px;
    width: 48%;
}

#sidebar_gift12 {
    top: 30px;
    width: 48%;
}

.bg2 {
    padding-top: 55px;
}

div#sidebar_gift20 {
    top: 10%;
}

div#box1 {
    width: 89%;
    margin: 0 auto;
    font-size: 28px;
    margin-bottom: 40px;
    margin-top: 9px;
}

div#box1 span {
    font-weight: 500;
    font-family: Tw Cen MT;
    font-style: italic;
    letter-spacing: -1px;
    color: rgba(37, 85, 158, 1);
    font-size: 47px;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    filter: drop-shadow(1px 2px 2px navy);
}

span.since_year {
    font-size: 46px !important;
    color: #ff361e !important;
}

.mv__description {
    line-height: 2.1;
    padding: 0 25px;
    font-size: 4.3vw;
    font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
    text-align: center;
}



div#box1 span {
    font-weight: 500;
    font-family: Tw Cen MT;
    font-style: italic;
    letter-spacing: -1px;
    color: rgba(37, 85, 158, 1);
    font-size: 47px;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    filter: drop-shadow(1px 2px 2px navy);
}




.mv__logo {
    width: 100%;
    font-size: 107px;
    font-weight: 500;
    font-family: "Tw Cen MT", "Century Gothic", "Arial", sans-serif;
    font-style: italic;
    letter-spacing: -8px;
    color: rgba(37, 85, 158, 1);
    text-decoration-line: underline;
    text-decoration-thickness: 6px;
    animation: fadeIn 8s;
    text-align: center;
}

.spoon_id {
    top: 19vh;
}
    #popup-inside {
    padding: 50px 20px;
}

    #wrapper {
        width: 100%;
        min-width: 100%;
        overflow: hidden;
        background: gold;
    }

    div#fullsize_01 {
        position: relative;
        top: 0;
        z-index: 10;
        width: 100%;
    }

    div#fullsize_01 img {
        width: 100%;
    }

    div#container2 {
        min-width: 100%;
        width: 100%;
        margin: auto;
    }

    div#box2 {
        margin-top: -60%;
    }

    #key {
        height: auto;
        width: 100%;
        position: relative;
        z-index: 0;
    }

    .content {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .bx-wrapper,
    .bx-viewport,
    .bx-viewport li {
        width: 100%;
        height: auto;
    }

    /* スライド画像の調整 */
    #slide_img1,
    #slide_img2,
    #slide_img3,
    #slide_img4,
    #slide_img5,
    #slide_img6,
    #slide_img7,
    #slide_img8,
    #slide_img9,
    #slide_img10,
    #slide_img11,
    #slide_img12 {
        background-size: cover;
        background-position: center;
    }

    #container {
        background-size: cover;
    }

    #lead {
        height: auto;
    }

    #leadInfo,
    #leadInfo3,
    #leadInfo4,
    #leadInfo5,
    #leadInfo6,
    #leadInfo7 {
        margin: 0 auto;
        text-align: center;
    }

    #leadInfo p,
    #leadInfo3 p,
    #leadInfo5 p,
    #leadInfo4 p {
        width: auto;
        margin: 10px;
    }

    .bg_box1,
    .bg_box2,
    .bg_box3,
    .bg_box4,
    .bg_box5,
    .bg_box6 {
        width: 100%;
        height: auto;
        -webkit-clip-path: none;
        clip-path: none;
    }

    .conceptCol {
        width: 100%;
        margin-left: 0;
    }

    .concept_txt1,
    .concept_txt2 {
        width: 90%;
        margin: 20px auto;
        text-align: center;
    }

    .delivery_txt,
    .delivery_txt2,
    .delivery_txt3 {
        font-size: 16px;
        text-align: center;
    }

    #concept,
    #night,
    #info {
        background-size: cover;
        background-position: center;
    }

    .infoRight {
        background-size: cover;
        margin-top: 10px;
    }

    .infoRight p {
        padding: 10px;
        font-size: 14px;
        line-height: 24px;
    }

    .cake_postion1,
    .cake_postion2,
    .cake_postion3,
    .cake_postion4 {
        position: static;
        width: 100%;
        margin: 20px 0;
    }

    .cake_postion1 img,
    .cake_postion2 img,
    .cake_postion3 img,
    .cake_postion4 img {
        width: 100%;
    }

    #cakes .content2 {
        height: auto;
    }

    .text_cake,
    .text_cake_gift,
    .text_cake2 {
        padding-top: 20px;
        font-size: 14px;
        text-align: center;
    }

    .text_cake span,
    .text_cake2 span {
        font-size: 16px;
    }

    .maincalender {
        width: 90%;
        margin: 0 auto;
        padding-top: 2%;
    }

    .maincalender img {
        width: 100%;
    }


    #delivery,
    #delivery2,
    #delivery_pudding {
        padding-top: 10px;
        text-align: center;
        height: auto;
    }

    /* テキスト要素のスタイルを調整 */
    .text_cake,
    .text_cake_gift,
    .text_cake2 {
        font-size: 14px;
        padding: 20px;
        text-align: center;
    }

    .text_cake span,
    .text_cake2 span {
        font-size: 16px;
    }

    /* メインカレンダーの調整 */
    .maincalender {
        width: 90%;
        margin: 0 auto;
        padding-top: 2%;
    }

    .maincalender img {
        width: 100%;
    }

#popup-inside {
    text-align: left;
    width: 91%;
    background: mintcream;
    margin: 2% auto;
    padding: 50px 20px;
    position: relative;
    height: auto;
    line-height: 32px;
    border-radius: 10px;
    overflow-y: auto;
    max-height: 90%;
    font-size: 2rem;
}
.gallery img {
    width: 26%;
    height: auto;
    display: inherit;
    border-radius: 8px;
}

.gallery {
    display: flow;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    padding: 10px;
}


#click-btn {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 20px;
  font-size: 21px;
}

#click-btn_3 {
    display: block;
    margin: 20px auto;
    background-color: rgba(30, 167, 222, 1);
    color: white;
    border: 0;
    padding: 20px 20px;
    font-size: 21px;
}

#click-btn_2 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 20px;
  font-size: 21px;
}

#click-btn_4 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 20px;
  font-size: 21px;
}

#click-btn_7 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 20px;
  font-size: 21px;
}

#click-btn_5 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 20px;
  font-size: 21px;
}

#click-btn_6 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 20px;
  font-size: 21px;
}

#click-btn_8 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 20px;
  font-size: 21px;
}

#click-btn_9 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 20px;
  font-size: 21px;
}

#click-btn_10 {
  display: block;
  margin: 20px auto;
  background-color: rgba(30, 167, 222, 1);
  color: white;
  border: 0;
  padding: 20px 20px;
  font-size: 21px;
}

.page-pagetop {
    display: block;
    position: fixed;
    bottom: -1px;
    right: 12px;
    z-index: 1000;
    width: 90px;
    transition: opacity 300ms;
    display: none;
}
.detail_book {
    display: block;
}

.detail_book p {
    width: 100%;
}

.detail_book p img {
    width: 100%;
    margin-left: 0px;
}

.after_space {
    padding-bottom: 120px;
}

#saltpudding {
    text-align: center;
    background-size: cover;
    position: relative;
    height: auto;
}

#sidebar_gift7 {
    position: absolute;
    top: 48%;
    left: -14px;
    z-index: 7;
    width: 30%;
}

#sidebar_gift3 {
    position: absolute;
    top: 48%;
    right: -17px;
    z-index: 19;
    width: 19%;
}

#sidebar_gift4 {
    position: absolute;
    top: 46%;
    right: -9%;
    padding-top: 65px;
    z-index: 20;
    width: 31%;
}

div#sidebar_pilling4 {
    position: absolute;
    bottom: 0;
    left: 0px;
    padding-top: 40px;
    z-index: 999;
    width: 34%;
}



#sidebar_pilling3 {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-top: 40px;
    z-index: 999;
    width: 34%;
}

#sidebar_gift6 {
    position: absolute;
    bottom: 0;
    right: -30px;
    padding-top: 65px;
    z-index: 1000;
    width: 36%;
}

#sidebar_gift10 {
    position: absolute;
    bottom: 0;
    left: -45px;
    padding-top: 65px;
    z-index: 1000;
    width: 46%;
}

#sidebar_gift2 {
   position: absolute;
        top: -22vh;
        right: -3vw;
        z-index: 10;
        width: 45vw;
        transform: rotate(-13deg);
}

div#sidebar_gift16 {
    position: absolute;
    bottom: 12vh;
    left: 0vw;
    z-index: 9;
    width: 45vw;
    transform: rotate(22deg);
}

#sidebar_gift21 {
    position: absolute;
    top: -70Vw;
    left: 0;
    z-index: 7;
    width: 30vw;
}

div#sidebar_gift15 {
    position: absolute;
    top: -43vh;
    left: -2vw;
    z-index: 6;
    width: 26vw;
}

#sidebar_gift9 {
    position: absolute;
    top: 27vh;
    left: 0vw;
    z-index: 300;
    width: 29vw;
    transform: rotate(-11deg);
}

#sidebar_gift13 {
    position: absolute;
    top: 30vh;
    left: 20vw;
    z-index: 149;
    width: 15vw;
}

#sidebar_brown3 {
    position: absolute;
    width: 38vw;
    top: -43vh;
    right: -6vw;
    /* padding-top: 40px; */
    z-index: 9;
    transform: rotate(-18deg);
}



#sidebar_brown {
    position: absolute;
    width: 16vw;
    top: 37vh;
    right: 0;
    z-index: 130;
    left: 0;
    margin: 0 auto;
}

div#sidebar_brown2 {
    position: absolute;
    bottom: 19vh;
}

#sidebar_gift {
    position: absolute;
    top: 22vh;
    right: -1vw;
    padding-top: 64px;
    z-index: 133;
    width: 21vw;
}

#sidebar_gift8 {
    position: absolute;
    left: 5vw;
    z-index: 8;
    width: 33vw;
    top: 20vh;
    transform: rotate(26deg);
}

#sidebar_brown1 {
    position: absolute;
    width: 30vw;
    top: 113px;
    right: -22px;
    padding-top: 40px;
    z-index: 150;
}

#delivery .content3 {
    height: 660px;
}

#leadInfo6 {
    position: absolute;
    right: 30vw;
    top: 20vh;
    width: 22vw;
    z-index: 8;
}

#leadInfo7 {
    position: absolute;
    right: 19vw;
    top: 21vh;
    width: 21vw;
    z-index: 8;
    background-size: cover;
    font-family: "��������", "Yu Mincho", YuMincho, serif;
}

#leadInfo5 {
    position: absolute;
    left: -22px;
    top: 350px;
    z-index: 8;
    width: 39vw;
}

#leadInfo3 {
    position: absolute;
    right: -5px;
    top: 343px;
    z-index: 120;
    font-family: "��������", "Yu Mincho", YuMincho, serif;
    width: 30vw;
}


}

.top-ttl{
            width: 100%;
        }
        .textanimation{
        }
        @keyframes showTextFromBottom{
      0%{
         transform: translateY( 100% );
      
      }
      100%{
          transform: translateY( 0px );
      }
    }
    .textanimation span{
     animation: showText 1s backwards;
     display: inline-block;
         padding-top: 3px;
    }
    .textanimation > span{
      overflow: hidden;
    }
    .textanimation > span > span{
      animation: showTextFromBottom 0.5s backwards;
    }

    .phone_img {
    position: absolute;
    width: 6.2%;
    right: -522px;
    bottom: 122px;
    left: 0;
    margin: 0 auto;
    z-index: 1;
    animation-iteration-count: 3;
}

.cast_img_01 {
    position: absolute;
    width: 5.5%;
    right: -573px;
    bottom: 287px;
    left: 0;
    margin: 0 auto;
    z-index: 1;
}

.cast_img_02 {
    position: absolute;
    width: 5.7%;
    right: -627px;
    bottom: 412px;
    left: 0;
    margin: 0 auto;
    z-index: 1;
}

.cast_img_03 {
    position: absolute;
    width: 4.9%;
    right: -750px;
    bottom: 470px;
    left: 0;
    margin: 0 auto;
    z-index: 1;
}

.cast_img_04 {
    position: absolute;
    width: 5%;
    right: -1094px;
    bottom: 451px;
    left: 0;
    margin: 0 auto;
    z-index: 1;
}

.cast_img_05 {
    position: absolute;
    width: 5.9%;
    right: -1107px;
    bottom: 291px;
    left: 0;
    margin: 0 auto;
    z-index: 1;
}

.cast_img_06 {
    position: absolute;
    width: 5.2%;
    right: -880px;
    bottom: 192px;
    left: 0;
    margin: 0 auto;
    z-index: 1;
}