/*---------------------------------------------------------------
 common
-------------------------------------------------------------- */
html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}

body {
	margin:0;
	padding:0;
	color:#333;
	font-family: 'Noto Sans JP', 'Yu Gothic Medium', YuGothic,  'Hiragino Kaku Gothic ProN',  Meiryo, 'MS PGothic', sans-serif;
	font-feature-settings : "palt";
	letter-spacing:1px;
	font-size: 1.6rem;/* 16px */
	font-weight:400;
	line-height:1.8;
}
#container {
	width: 100%;
	margin: 0;
	padding: 0;
}
ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
img{
	width:100%;
	background-color:transparent;
	-webkit-backface-visibility: hidden;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/*---------------------------------------------------------------
main
-------------------------------------------------------------- */
#wrapper{
	width:80%;
	max-width:1060px;
	margin:25% auto;
	padding:0;
	text-align:center;
}
#concept{
	width:100%;
	margin:0 auto;
	padding:0;
}
#concept h2{
	margin:0 0 40px 0;
	font-size:2.3rem;
	letter-spacing:0.1em;
	display:block;
	text-align:center;
	font-family: 'Playfair Display', serif;
}
#concept figure{
	width:100%;
	max-width:500px;
	margin:0 auto 40px auto;
	padding:0;
}
#concept>div {
	margin:0 0 40px 0;
	padding:0;
}
#concept>div>div {
	margin:0 0 15px 0;
	padding:0;
} 
#concept .season {
	margin:0;
	padding:0;
	font-size:1.4rem;
	letter-spacing:0.1em;
	font-style:italic;
	font-family: 'Playfair Display', serif;

} 
#concept .theme {
	margin:0 0 2px 0;
	padding:0;
	font-size:1.8rem;
	letter-spacing:0.1em;
	font-style:italic;
	font-family: 'Playfair Display', serif;

} 
#concept .txt {
    margin: 18px 0 2px 0;
    padding: 0;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 2.4;
} 


/*---------------------------------------------------------------
footer
-------------------------------------------------------------- */
footer {
	width:100%; 
	padding:0;
	position: absolute;
    bottom: 0;
}
footer #copyright {
	width:100%; 
	margin:0;
	padding:3% 0;
	background:#fff;
	border-top:dotted 1px #ccc;
	font-size:1.0rem;
	text-align:center;
}


/* ============================================================

	PC

============================================================ */

@media screen and (min-width:768px) {

#concept .txt {
	margin:15px 0 2px 0;
	padding:0;
	font-size:1.4rem;
	letter-spacing:0.1em;
	text-align:center;
} 
.pc_none {
	display: none;
}
#wrapper{
	margin:10% auto;
}
#concept h2{
	font-size:2.5rem;

}

}