@charset "UTF-8";

/*====================年末年始====================*/
#nann{
	display: flex;
  align-items: center;
  justify-content: center;
	margin-top: 5%;
}

#nann img{
	max-width: 700px;
	width: 100%;
	height: auto;
}


/*====================キャンペーン====================*/
#campaign{
	text-align: center;
  align-items: center;
  justify-content: center;
	max-width: 1280px;
	width: 100%;
	height: 0 auto;
	margin-top: 5%;
}

#campaign a{
	display: inline-block;
}

#campaign img{
	display: block;
	max-width: 1000px;
	width: 100%;
	height: 0 auto
}

/*====================トップロゴ====================*/
#toplogo{
	margin:0 auto;
}

#toplogo video{
	max-width:1280px;
	width:100%;
	height:auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*====================トップ画像====================*/
#mainpc{
	margin:0 auto;
}

#mainpc img{
	max-width:1280px;
	width:100%;
	height:auto;
}


#mainsp{
	margin:0 auto;
}

#mainsp img{
	max-width:599px;
	width:100%;
	height:auto;
}


/*====================コンセプト====================*/


#consept{
	max-width: 1280px;
	width: 100%;
	height: 0 auto;
	justify-content: center;
	background:#FFA2C3;
	 border-radius: 10px;
	margin-top: 10%;
}

#consept h1{
	color:#FF3C91;
}

#consept h2{
	color:#434343;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";

}

.haikei1{
	background: #FFFFFF;
	 display: flex; 
	justify-content: center;
	margin:5%;
}

.honbun{
	max-width: 400px;
	width: 100%;
	height: 0 auto;
	padding: 5%;
}


.honbun p{
    line-height:2.0;
}

.makaron{
	margin: 5%;
}

.makaron img{
	max-width: 500px;
	width:100%;
	height: 0 auto;
}



/*====================佐田岬====================*/

#sadamisaki{
	max-width: 1280px;
	width: 100%;
	height: 0 auto;
	justify-content: center;
	background:#FFE9AD;
	 border-radius: 10px;
	margin-top: 10%;
}

#sadamisaki h1{
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	color: #FFBD3F;
}

#sadamisaki h2{
	color:#434343;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";

}

.tokuchou{
	background: #FFFFFF;
	 display: flex; 
	justify-content: center;
	margin:5%;
}


.toha{
	max-width: 400px;
	width: 100%;
	height: 0 auto;
	padding: 5%;
}

.toha p{
    line-height:2.0;
}


.sada{
	margin:5%;
}


.sada img{
	max-width: 500px;
	width:100%;
	height: 0 auto;
}



/*====================香り====================*/
#kaori{
	justify-content: center;
	max-width:1280px;
	width:100%;
	height: 0 auto;
	background:#9DE0E8;
	 border-radius: 10px;
	margin-top: 10%;
}

#kaori h1{
    color:#05CAFF;
}


.blend{
	max-width: 400px;
	width: 100%;
	height: 0 auto;
	margin: 5%;
	line-height: 2.0;
}


.mikan{
	display: flex;
	background: #FFFFFF;
	margin: 5%;
}


.orenge{
	margin: 5%;
}

.orenge img{
	max-width: 500px;
	width:100%;
	height: 0 auto;
	
}



/*====================カテゴリ====================*/


#category{
	box-sizing: border-box;
	 display: flex; 
	justify-content: center; 
	align-items: center;
	text-align: center;
	max-width: 1280px;
    width: 100%; 
	margin-left: -1.5%; 
}

#category h2{
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.list1{
	width: 300px;
    height: auto; 
	background:#00BFFF;
	color: #FFFFFF;
	margin: 2%;
	 border-radius: 10px;
}

.list2{
	width: 300px;
    height: auto; 
	background:#EC75A9;
	color: #FFFFFF;
	margin: 2%;
	 border-radius: 10px;
}

.list3{
	width: 300px;
    height: auto; 
	background:#FFCC33;
	color: #FFFFFF;
	margin: 2%;
	 border-radius: 10px;
}

.setumei{
	margin:5%;
	font-size: 14pt;
}

.janru img{
	max-width: 200px;
	width: 100%;
	height: 0 auto;
}


/*====================コピー====================*/
.copy{
	max-width: 1280px;
	width: 100%;
	height: 0 auto;
	text-align: center;
    color:#05CAFF;
	margin-top: 10%;
	line-height: 0.8;
}


/*====================問い合わせ====================*/
#insta{
	justify-content: center; 
	align-items: center;
	text-align: center;
	max-width: 1280px;
    width: 100%;
}


#insta a{
	display: inline-block;
}

#insta h1{
	margin-top: 10%;
	color: #FFBE3F;
}

#insta img{
	max-width: 500px;
	height: auto;
	
}#toiawase{
	margin: 5%;
	text-align: center;
	
}

#toiawase p{
    line-height:1.0;
}

.gaiyou{
}

.gaiyou ul {
    display: inline-block;
    margin-top: 25px;
    float: right;
}

.gaiyou li {
    display: inline-block;
    list-style: none;
    padding: 10px;
}

.gaiyou a{
	color: gray;
	text-decoration: none;
}