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

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

    #loading{
    position: absolute;
    left: 50%;
    top: 30%;
    }

body{
margin: 0;
padding: 0;
margin: auto;
text-align: center;
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 15px;
letter-spacing: 0.1em;
line-height: 200%;
font-weight:300;
color: #fff;
background-color: #000;
/*font-feature-settings : "palt";*/
}

#slideshow {
/*		margin-bottom: 55px;*/
}


.slideshow {
	position: relative;
	/*width: 100%;  画像の横幅 */
	/*height: 480px;  画像の縦幅 */
}

.slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 5s; /* フェードの時間(秒) */
}

.slideshow .show {
	opacity: 1;
	z-index: 1;
}


@media only screen and (max-width: 1000px){
	.slideshow {
		width: 1000px;
		height: 575px;
	}
	.spacer {
	display: none;
	}
}

#sec{
width: 1000px;
padding: 0;
margin: auto;
text-align: center;
font-size: 15px;
letter-spacing: 0.1em;
line-height: 200%;
font-weight:300;
color: #ff3366;
}

.topimage{
margin-top: 50px;
position: relative;
}

.topimage p {
position: absolute;/*絶対配置*/
font-size: 14px;
letter-spacing: 0.1em;
line-height: 190%;
text-align: left;
top: 200px;
left: 140px;
}

.topimage span {
display: block;
padding-bottom: 10px;
}

strong {
font-size: 20px;
font-weight:400;
color: #C9BC9C;
}

small {
font-size: 11px;
margin: 0px;
}

#sec2{
width: 790px;
margin: auto;
}
.sec2box{
clear: both;
padding: 0px;
margin-bottom: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec2box img{
float: left;
/*margin-bottom: 50px;*/
}
.sec2box strong {
font-size: 20px;
font-weight:300;
color: #C9BC9C;
}
.sec2box p{
float: left;
width: 400px;
text-align: left;
margin-top: 20px;
margin-right: 35px;
margin-left: 26px;
}

/**/
.sec2box2{
clear: both;
padding: 0px;
margin-bottom: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec2box2 img{
float: left;
/*margin-bottom: 50px;*/
}
.sec2box2 strong {
font-size: 20px;
font-weight:300;
color: #C9BC9C;
}
.sec2box2 p{
float: left;
width: 400px;
text-align: left;
margin-top: 20px;
margin-right: 35px;
margin-left: 26px;
}
/**/

#itemlist {
margin: auto;
}
.sec3box1{
float: left;
padding: 0px;
line-height: 120%;
margin-bottom: 40px;
margin-right: 45px;
margin-left: 60px;
}
.sec3box2{
float: left;
padding: 0px;
line-height: 120%;
margin-bottom: 40px;
margin-right: 70px;
}
.sec3box3{
float: left;
padding: 0px;
line-height: 120%;
margin-bottom: 40px;
}

.sec3box1 img{
margin-bottom: 4px;
}
.sec3box2 img{
margin-bottom: 17px;
}
.sec3box3 img{
margin-bottom: 4px;
}

.itemCopy{
font-size: 14px;
font-weight:400;
color: #C9BC9C;
letter-spacing: 0.07em;
line-height: 180%;
border-bottom: 1px solid #C9BC9C;
padding-bottom: 0px;
display: inline;
}
.itemCopy2{
font-size: 14px;
font-weight:400;
color: #C9BC9C;
letter-spacing: 0.07em;
line-height: 180%;
padding-bottom: 0px;
margin-bottom: 11px;
}
.itemName{
font-size: 21px;
font-weight:400;
letter-spacing: 0.07em;
line-height: 160%;
padding-bottom: 0px;
height: 97px;
  display: flex;
  justify-content: center;
  align-items: center;
}



.sec3box2 strong{
font-size: 14px;
letter-spacing: 0.15em;
line-height: 200%;
}
.sec3box3 strong{
font-size: 14px;
letter-spacing: 0.15em;
line-height: 200%;
}

#sec3txt{
margin: auto;
width: 760px;
clear: both;
text-align: left;
margin-bottom: 60px;
}
#sec3txt p{
font-size: 11px;
letter-spacing: 0.15em;
line-height: 150%;
font-weight:400;
}
#sec3txt strong{
font-size: 14px;
letter-spacing: 0.15em;
line-height: 220%;
}

#sec4{
width: 700px;
margin: auto;
}
#sec4 p{
font-size: 18px;
letter-spacing: 0.15em;
line-height: 180%;
}
.imagephoto{
clear: both;
}
.imagephoto img{
float: left;
}

#sns{
clear: both;
padding-top: 65px;
margin-bottom: 77px;
margin-left: 4px;
font-size: 15px;
letter-spacing: 0.1em;
}
#sns img{
vertical-align: middle;
margin-bottom: 8px;
margin-right: 5px;
}

.sec2_heading{
margin-top: 25px;
margin-bottom: 33px;
}

.logo_b{
margin-top: 56px;
margin-bottom: 47px;
}

.sec3_heading{
margin-top: 75px;
margin-bottom: 17px;
}

.sec3_gift{
margin-top: 7px;
margin-bottom: 30px;
}

.sec4_heading{
margin-top: 70px;
margin-bottom: 40px;
}

.sec4_name{
margin-top: 30px;
}

.sec4txt{
margin-top: 30px;
margin-bottom: 30px;
margin-left: 4px;
}

#map-canvas{
margin-top: 25px;
}