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

/*====================
reset
====================*/
.contents_wrap figure {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol {
	margin: 0;
	padding: 0;
}
div::after, dl::after, ul::after {
	content: none;
}
*:focus {
	outline: none;
}

/*====================
loading
====================*/
#loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background:url("/sweets/chocolate/nicolate/images/bg_pink.png");
}
#loading img {
	width: 280px;
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 140px);
	-webkit-animation: zoomIn 0.8s ease-in-out alternate;
	-moz-animation: zoomIn 0.8s ease-in-out alternate;
	animation: zoomIn 0.8s ease-in-out alternate;
}
/* ズーム */
@-webkit-keyframes zoomIn {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
@keyframes zoomIn {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}

/*====================
basic
====================*/
.isPC {
    display: none;
}
body{
	position: relative;
}
.contents_wrap {
	font-size: 14px;
	line-height: 1.6;
	color: #3d3d3d;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
.contents_wrap * {
	box-sizing: border-box;
}
.contents_wrap img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
}
.contents_wrap a:hover img {
	opacity: 0.75;
}

/*====================
header
====================*/
.contents_wrap header {
	background: #501410;
	text-align: center;
}
.contents_wrap header p.logo_bland {
	line-height: 1;
	padding: 2vw 0;
}
.contents_wrap header p.logo_bland img {
	height: 6.8vw;
}

/*====================
フッターバナー
====================*/
.foot_area {
	padding: 13vw 0 20vw;
}

.sns ul {
	display: flex;
	justify-content: center;
	margin-bottom: 10vw;
}
.sns ul li {
	width: 13vw;
}
.sns ul li:not(:first-child) {
	margin-left: 6vw;
}
ul.bnr_list {
	margin: 0 5vw;
}
ul.bnr_list li:not(:first-child) {
	margin-top: 4vw;
}
ul.bnr_footer {
	margin: 0 5vw;
}
ul.bnr_footer li:not(:first-child) {
	margin-top: 4vw;
}

/* 641px～ For PC
====================================================*/

@media screen and (min-width: 641px), print {

/*====================
basic
====================*/
body {
	min-width: 950px;
}
.isSP {
    display: none;
}
.isPC {
    display: block;
}

/*====================
loading
====================*/
#loading img {
	width: 400px;
	top: calc(50% - 50px);
	left: calc(50% - 200px);
}

/*====================
header
====================*/
.contents_wrap header p.logo_bland {
	padding: 14px 0 16px;
}
.contents_wrap header p.logo_bland img {
	height: auto;
}

/*====================
フッターバナー
====================*/
.foot_area {
	padding: 50px 0 120px;
}

.sns ul {
	margin-bottom: 80px;
}
.sns ul li {
	width: 60px;
}
.sns ul li:not(:first-child) {
	margin-left: 30px;
}
ul.bnr_list {
	width: 540px;
	margin: 0 auto;
}
ul.bnr_list li:not(:first-child) {
	margin-top: 30px;
}
.bnr_list a[href*="nicolate"] img {
	width: 500px;
}
ul.bnr_footer {
	margin: 0 auto;
}
ul.bnr_footer li {
	margin: 0 auto;
}
ul.bnr_footer li:not(:first-child) {
	margin: 40px auto 0;
}
}