body{
font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, sans-serif;
}

#contents{
	margin:8px auto 0;
	max-width:980px;
	padding:0;
	color:#333333;
	/*background: #ffffff;*/
}

.mv{
	margin: 0 10px;
	text-align: center;
}


#sweets_index_contents_list{
	margin:30px 0 0 0;
}


#sweets_index_contents_list h3{
	margin: 5px 10px 10px;
	font-size:14px;
	font-weight: normal;
	color: #000;
}

#sweets_index_contents_list li p{
	margin: 5px 10px;
	text-align:left;
	font-size: 14px;
	word-break: break-all;
	text-decoration: none;
}

#sweets_index_contents_list li{
	margin: 0 0 50px 0;
}

#sweets_index_contents_list02 {
    max-width: 940px;
    margin: 20px auto 30px;
    padding: 2px 0;
    overflow: hidden;
}

#sweets_index_contents_list03 {
    max-width: 940px;
    margin: 20px auto 30px;
    padding: 2px 0;
    overflow: hidden;
}

#sweets_index_contents_list02 li {
	height: 280px;
	margin: 0 10px 20px 10px;
	padding: 0;
	background-color: #fff;
	box-shadow: 0px 1px 3px 1px #888888;
	-moz-box-shadow: 0px 1px 3px 1px #888888;
	-webkit-box-shadow: 0px 1px 3px 1px #888888;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

}

#sweets_index_contents_list02 li a{
    text-decoration: none;
    color: #55332b;

}


#sweets_index_contents_list03 li {
	height: 325px;
	margin: 0 10px 20px 10px;
	padding: 0;
	background-color: #fff;
	box-shadow: 0px 1px 4px 1px #888888;
	-moz-box-shadow: 0px 1px 4px 1px #888888;
	-webkit-box-shadow: 0px 1px 4px 1px #888888;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

}

#sweets_index_contents_list03 li a{
    text-decoration: none;
    color: #55332b;

}


.note_bg01{
	background-color: #fdfdfd;
	margin: 0 0 20px;
	padding: 20px 0 0;
}

.note_bg02{
	background-color: #f8f8f8;
	margin: 0;
	padding: 20px 0 30px;
}

.note_bg03{
	background-color: #f8f8f8;
	margin: 0 0 20px;
	padding: 20px 0;
}

.note_bg04{
	background-color: #fdfdfd;
	margin: 0 0 20px;
	padding: 20px 0 0;
}

.spices{
	margin:0 auto;
	max-width:200px;

}


hr {
	border-top: 1px solid #444444;
	max-width:166px;
	margin: 0 auto;
}

.comingsoon {
    opacity: 0.4;
}

/* page top */

.toPageTop {
	text-align: center;
	margin:50px 0;
	clear: both;
}

.pagetop {
    width: 30px;
    margin: 0 auto;
}


.mobileHidden { display:none;}

/*768px 以上の画面幅て適用する CSS*/
@media screen and (min-width:768px){

  .desktopHidden { display:none;}
    .mobileHidden { display:inline;}

#contents{
	margin:8px auto;
	max-width:980px;
	padding:0;
	color:#333333;
	background: url(../images/bg_simplesand.gif) repeat left top;
}

.spices{
	margin:30px 0;
	max-width:100%;

}

#sweets_index_contents_list{
	max-width:980px;
	margin:50px 20px 30px;
}

.note_bg01{
	background-color: #fdfdfd;
	margin: 0 0 20px;
	padding: 50px 0 10px;
}

.note_bg02{
	background-color: #f8f8f8;
	margin: 0;
	padding: 50px 0 30px;
}

.note_bg03{
	background-color: #f8f8f8;
	margin: 0 0 20px;
	padding: 30px 0;
}

.note_bg04{
	background-color: #fdfdfd;
	margin: 0 0 20px;
	padding: 30px 0 10px;
}

#sweets_index_contents_list h3{
	margin: 10px 10px 5px;
	font-size: 16px;
	font-weight: normal;
	max-width: 282px;
}


#sweets_index_contents_list li{
	margin: 0 0 50px 0;
}

#sweets_index_contents_list li p{
	margin: 5px 10px;
	text-align:left;
	font-size: 14px;
	text-decoration: none;
}

#sweets_index_contents_list02 {
    max-width: 940px;
    margin: 0 auto;
    padding: 2px 0;
    overflow: hidden;
}

#sweets_index_contents_list03 {
    max-width: 940px;
    margin: 0 auto;
    padding: 2px 0;
    overflow: hidden;
}

#sweets_index_contents_list02 .simplesand_gutters{
	margin: 0 30px;
}

#sweets_index_contents_list03 .simplesand_gutters{
	margin: 0 30px;
}

#sweets_index_contents_list02 li {
	margin: 0 16px 30px 16px;
	padding: 0;
	height: 340px;
	background-color: #fff;
	box-shadow: 0px 1px 4px 1px #888888;
	-moz-box-shadow: 0px 1px 4px 1px #888888;
	-webkit-box-shadow: 0px 1px 4px 1px #888888;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}



#sweets_index_contents_list02 li a{
    text-decoration: none;
    color: #55332b;

}

#sweets_index_contents_list03 li {
	margin: 0 16px 30px 16px;
	padding: 0;
	height: 350px;
	background-color: #fff;
	box-shadow: 0px 1px 4px 1px #888888;
	-moz-box-shadow: 0px 1px 4px 1px #888888;
	-webkit-box-shadow: 0px 1px 4px 1px #888888;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}



#sweets_index_contents_list03 li a{
    text-decoration: none;
    color: #55332b;

}


hr {
	border-top: 1px solid #444444;
	max-width:260px;
	margin: 0 auto;
}



#footerInner01 {
    margin: 0;
    padding: 0;
    background: #ffffff;
}

#footerInner01_02 {
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
}

#footerNav01 li {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
}

#topicPath {
    min-height: 44px;
    margin: 0;
    padding: 0 0 0 50px;
    clear: both;
    background: url(/entertainment/panlife/common/images/bg_footer01.jpg) no-repeat left bottom;
    overflow: hidden;
}



/* page top \*/

.toPageTop {
	text-align: center;
	margin:50px 0;
	clear: both;
}

.pagetop {
    width: 50px;
    margin: 0 auto;
}

#snsBox {
    float: right;
    width: 220px;
    margin: 0;
    padding: 16px 0 0 0;
}

}
/*768px 以上の画面幅て適用する CSSここまで*/


/*980px 以下の画面幅て適用する CSS*/
@media screen and (max-width:980px){

#sweets_index_contents_list02 .simplesand_gutters{
	margin: 0 34px;
}

#sweets_index_contents_list03 .simplesand_gutters{
	margin: 0 34px;
}



}


/*780px 以下の画面幅て適用する CSS*/
@media screen and (max-width:780px){

#sweets_index_contents_list02 .simplesand_gutters{
	margin: 0 34px;
}

#sweets_index_contents_list03 .simplesand_gutters{
	margin: 0 34px;
}

#sweets_index_contents_list02 li {
	margin: 0 0 30px 4px;
	padding: 0;
	height: 340px;
	background-color: #fff;
	box-shadow: 0px 1px 4px 1px #888888;
	-moz-box-shadow: 0px 1px 4px 1px #888888;
	-webkit-box-shadow: 0px 1px 4px 1px #888888;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#sweets_index_contents_list03 li {
	margin: 0 0 30px 4px;
	padding: 0;
	height: 350px;
	background-color: #fff;
	box-shadow: 0px 1px 4px 1px #888888;
	-moz-box-shadow: 0px 1px 4px 1px #888888;
	-webkit-box-shadow: 0px 1px 4px 1px #888888;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

}



/*767px 以下の画面幅て適用する CSS*/
@media screen and (max-width:767px){

#sweets_index_contents_list02 .simplesand_gutters{
	margin: 0 0 20px 6px;
}

#sweets_index_contents_list03 .simplesand_gutters{
	margin: 0 0 20px 8px;
}

#sweets_index_contents_list h3{
	margin: 5px 10px 10px;
	font-size: 16px;
	font-weight: normal;
	/* max-width:32%; */
}

#sweets_index_contents_list02 li {
	height: 280px;
	margin: 0 8px 20px 8px;
	padding: 0;
	background-color: #fff;
	box-shadow: 0px 1px 4px 1px #888888;
	-moz-box-shadow: 0px 1px 4px 1px #888888;
	-webkit-box-shadow: 0px 1px 4px 1px #888888;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

}

#sweets_index_contents_list03 li {
	height: 325px;
	margin: 0 8px 20px 8px;
	padding: 0;
	background-color: #fff;
	box-shadow: 0px 1px 4px 1px #888888;
	-moz-box-shadow: 0px 1px 4px 1px #888888;
	-webkit-box-shadow: 0px 1px 4px 1px #888888;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

}

#footerInner01 {
    margin: 0;
    padding: 0 0 15px;
    background: #ffffff;
}

#footerInner01_02 {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 ;
    overflow: hidden;
}


#footerNav01 li {
    float: left;
    margin: 0 15px 0 5px;
    padding: 0;
}

#topicPath {
    min-height: 44px;
    margin: 0;
    padding: 0 0 0 50px;
    clear: both;
    background: url(/entertainment/panlife/common/images/bg_footer01.jpg) no-repeat left bottom;
    overflow: hidden;
    display: none;
}

#snsBox {
    width: 220px;
    margin: 0;
    padding: 16px 0 0 0;
}

}
/*767px 以内の画面幅て適用する CSSここまで*/


/*350px 以下の画面幅て適用する CSS*/
@media screen and (max-width:350px){

#sweets_index_contents_list03 li {
	height: 360px;
	margin: 0 7px 20px 7px;
	padding: 0;
	background-color: #fff;
	box-shadow: 0px 1px 4px 1px #888888;
	-moz-box-shadow: 0px 1px 4px 1px #888888;
	-webkit-box-shadow: 0px 1px 4px 1px #888888;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#sweets_index_contents_list02 li {
	margin: 0 7px 20px 7px;
}


#sweets_index_contents_list02 .simplesand_gutters{
	margin: 0 0 20px 6px;
}
#sweets_index_contents_list03 .simplesand_gutters{
	margin: 0 0 20px 8px;
}

}

/*350px 以内の画面幅て適用する CSSここまで*/

#footer {
    margin: 0;
    padding: 0;
}



#footerNav01 {
    float: left;
    max-width: 630px;
    margin: 20px 0 14px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0;
}

#footerNav01 li {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
}



.snsBtn {
    float: left;
    margin: 20px 15px 0;
    height: 20px;
}

.snsLine {
    float: left;
    width: 47px;
    padding-left: 10px;
}

#topicPath li.current {
    background: none;
    color: #e78200;
}

#topicPath li {
    float: left;
    margin: 15px 0 0 0;
    padding: 0 20px 0 10px;
    background: url(/entertainment/panlife/common/images/img_arrow02.png) no-repeat right .4em;
}


#footerInner03 {
    margin: 0;
    padding: 35px 0 88px 0;
    border-top: 1px solid #dec172;
    clear: both;
}

#footerInner03 p {
    margin: 0;
    padding: 0;
    text-align: center;
}

#footerInner03 p#copyright {
    margin: 0;
    padding: 10px 0 0 0;
}

.toPageTop {
	text-align: center;
	margin:50px 0;
	clear: both;
}


img{
max-width: 100%;
height: auto;
}