@charset "UTF-8";

/*----------------------------------------------------*/
/* CSS StyleSheet
------------------------------------------------------*/


/*--------------------------------------------------*/
/* Base
----------------------------------------------------*/
body {
	background:#fff;
	margin:0px;
	padding:0;
	text-align:left;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#1F1F1F;
	font-size:12px;	
	color: #333;
}



/*--------------------------------------------------*/
/* common (since 202101)
----------------------------------------------------*/

#wrap{
  text-align:center;
  line-height: 180%;
  font-size:20px;
}
#container{
  margin:0 auto;
  padding-top:0;
  text-align:center;
  max-width:960px;
}

#login + #wrap { padding-top: 50px; }

.w100 { width:100%; }
img { width:100%; }

article ul{
display: flex;
}


.flex2column {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-top:50px;
  padding:0 30px;
}

.noPadding { padding:0; }
.fullBox { margin-left:10px; margin-right:10px; }
.fullGraphic { margin:30px; }
.marginBdr { margin:30px 10px; }
.marginCart { margin:10px auto !important;}
.marginDivision { margin-top:120px;}

.flexItem {
  width:48%;
  margin:0px auto;
  padding-top:10px;
  padding-bottom:10px;
}

.flexItem img{
  width:90%;
  margin:0px auto;
}

.viewPc { display: block !important; }
.viewSp { display: none !important; }

.notice {
  text-align:left;
  font-size:15px;
  line-height:20px;
  text-indent: -1em;
  padding-left: 1em;
  margin:0 15px;
}

.adjust { margin-right:15em; }
.noticeOutside { margin-top:15px; margin-bottom:15px;}

/*--------------------------------------------------*/
/* New Responsive (since 202101)
----------------------------------------------------*/

/*スマホ向け767px以下の場合*/
@media all and (max-width: 767px) {
  
  .flex2column{
    flex-direction:column;
    flex-wrap:nowrap;
  }
  
  .flexItem{
    width:96%;
    margin:10px 2%;
  }
  
  .viewPc { display: none !important; }
  .viewSp { display: block !important; }
  .smallSp {
    width:90%;
    margin:30px 5% 10px;
  }
  
  .noSp { display:none; }
  
  .notice {
    font-size:12px;
    line-height:15px;
  }
  .adjust { margin-right:0; }

 article ul{
   display: block;
 }
	
  .btnsp li{
	  margin-bottom: 10px;
  }

}


/*--------------------------------------------------*/
/* color (since 202101)
----------------------------------------------------*/

/*背景1（金）*/
.bg1 {
  background:url("./../../../../../../public/shopping/camp/honey/202101/img/bg_01.jpg");
  background-size:cover;
}

/*背景2（模様）*/
.bg2 {
  background-color:#FFF1DB;
}

/*背景色*/
.bgWhite { background-color:#FFFFFF; }
.bgGreen { background-color:#EDF3EB; }
.bgGinger { background-color:#FFF8E7; }
.bgPink { background-color:#FFE6E6; }

/*線（緑）*/
.bdGreen {
  border:solid 6px green;
  border-radius: 10px;
}

/*フォント赤*/
.ftRed { color:red; }













/*--------------------------------------------------*/
/* style login
----------------------------------------------------*/

#login {
    position: fixed;
    width: 100%;
    height: 50px;
    background-color: #FF9C00;
    z-index: 100;
}
#login p {
    color: #FFF;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}
#login a {
    color: #00F;
    font-weight: normal;
}
#login + #container {
    padding-top: 50px;
}


#btn--page-top {
    position: fixed;
    display: none;
    right: 50px;
    bottom: 50px;
    z-index: 5;
}

/*--------------------------------------------------*/
/* footer
----------------------------------------------------*/
.footer {
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	font-size: 12px;
	line-height: 1.5;
	color: #996600;
}
.footer a {
	color: #996600;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.footer__top {
	padding: 10px 0;
	border-top: 1px solid #CCB27F;
	text-align: center;
	background: #FFFFFF;
}
.footer__middle {
	padding: 10px 0;
	border-top: 1px solid #CCB27F;
	text-align: center;
	background: #FFFFFF;
}
.footer__middle li {
	display: inline-block;
	padding: 0 10px;
	border-left: 1px solid #CCB27F;
}
.footer__middle li:first-child {
	border-left: none;
}
.footer__bottom {
	padding: 10px 0;
	border-top: 1px solid #CCB27F;
	font-style: normal;
	text-align: center;
	background-color: #F7F2DA;
}
#btn--page-top {
	position: fixed;
	display: none;
	right: 50px;
	bottom: 50px;
	z-index: 5;
}


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