@charset "utf-8";




/* ----------------------------------------------------------------------
 * RESET
 * ---------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
input,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
:before,
:after {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	vertical-align: bottom;
	box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
	display: block;
}

html {
	font-size: 62.5%;
	background: #fff;
}

.g-body {
	color: #5d330e;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: Roboto, 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-feature-settings:pkna;
	line-height: 1;
	letter-spacing: .075em;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	background: #f0efe8 url(/contents/nishikawa-chain/special/oichii/assets/img/main-bg-02.png) no-repeat center top / 100% auto;
	position: relative;
	cursor: default;
	overflow-x: hidden;
}

input,
textarea {
	font-family: Roboto, 'Noto Sans JP', sans-serif;
	margin: 0;
	padding: 0;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

a,
a:before,
a:after,
a img,
input[type="image"] {
	color: #eb6100;
	text-decoration: underline;
	transition: .2s;
}

.js-link-invalid {
	cursor: default;
}

.no-touch a:hover,
.no-touch a:hover img,
.no-touch input[type="image"]:hover {
	text-decoration: none;
	opacity: .8;
}

a:focus {
	outline: none;
}

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

button {
	margin:0;
	padding:0;
	border:0;
	background:transparent;
}

::selection {
	color: #fff;
	background: #eb6100;
}

::-moz-selection {
	color: #fff;
	background: #eb6100;
}

.nicescroll-rails {
	z-index: 1000 !important;
}

.nicescroll-rails-vr {
	right: 3px !important;
}

.nicescroll-cursors {
	border-color: rgba(255,255,255,.35) !important;
}



/* ----------------------------------------------------------------------
 * GLOBAL - UTILITY
 * ---------------------------------------------------------------------- */
.u-inner {
	max-width: 970px;
	margin: 0 auto;
	padding: 0 0 30px;
	position: relative;
}

.u-show-media {
	display: none;
}

.u-hide-media {
	display: inline-block;
}

.u-contents {
	margin: 0 0 60px;
}









/* ====================================================================================================
	layout
==================================================================================================== */
.g-container {
	background: #fff;
}




/* ====================================================================================================
	entry
==================================================================================================== */
.c-entry-main {
	margin: 0 0 100px;
	background: #f0efe8;
}

.c-entry-main .u-inner {
	padding-bottom: 120px;
	transform: translateY(-30px);
}

.c-entry-main-info {
	text-align: center;
	margin: 0 0 35px;
}

.c-entry-main-info-title {
	color: #fff;
	line-height: 1;
	padding: 9px 30px;
	background: #2dac6d;
	border-radius: 1.25em;
	display: inline-block;
	transform-origin: center;
	transform: rotate(.05deg);
}

.c-entry-main-info-title .is-update {
	margin: 0 1em 0 0;
	display: inline-block;
}

.c-entry-main-title {
	font-size: 2.4rem;
	line-height: 1.35;
	text-align: center;
	margin: 0 0 45px;
	transform-origin: center;
	transform: rotate(.05deg);
}

.c-entry-main-image {
	margin: 0 0 50px;
	padding: 45.375% 0 0;
	border-radius: 30px;
	box-shadow: 30px 30px 30px 0 rgba(93,51,14,.2);
	background: #fff;
	position: relative;
	overflow: hidden;
}

.c-entry-main-image:after {
	content: '';
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	border: 25px solid #fff;
	border-radius: 45px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
}

.c-entry-main-image .e-img {
	border-radius: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.c-entry-main-text {
	line-height: 2;
	text-align: center;
	margin: 0 0 35px;
}

.c-entry-main-text.is-last {
	margin-bottom: 0;
}

.c-entry-navigator {
	padding: 0 25px 0 310px;
	position: relative;
}

.c-entry-navigator-image {
	width: 220px;
	position: absolute;
	top: 0;
	left: 50px;
}

.c-entry-navigator-title {
	max-width: 230px;
	margin: 0 0 15px;
}

.c-entry-navigator-name {
	margin: 0 0 10px;
}

.c-entry-navigator-name .is-large {
	font-size: 2rem;
}

.c-entry-navigator-name .is-large:before {
	content: '／';
	font-size: 1.5rem;
	margin: 0 .25em;
	display: inline-block;
}

.c-entry-navigator-name .is-large:after {
	content: 'さん';
	font-size: 1.5rem;
}

.c-entry-navigator-text {
	font-size: 1.3rem;
	line-height: 1.75;
}

.c-entry-title {
	text-align: center;
	margin: 0 0 40px;
	padding: 95px 0 0;
	position: relative;
}

.c-entry-title:before {
	content: attr(data-number)'';
	color: #2dac6d;
	font-size: 2.2rem;
	text-align: center;
	width: 102px;
	height: 68px;
	padding: 22.5px 0 0 .15em;
	display: block;
	background: url(/contents/nishikawa-chain/special/oichii/assets/img/entry-title-01.png) no-repeat center / 100% auto;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

.c-entry-title .e-title {
	color: #2dac6d;
	font-size: 2rem;
	line-height: 1.5;
	letter-spacing: .1em;
	max-width: 970px;
	display: inline-block;
	position: relative;
	transform-origin: center;
	transform: rotate(.05deg);
}

.c-entry-title .e-title:before,
.c-entry-title .e-title:after {
	content: '';
	width: 380px;
	height: 12px;
	background: url(/contents/nishikawa-chain/special/oichii/assets/img/entry-title-02.png) no-repeat center / auto 100%;
	display: block;
	position: absolute;
	top: -70px;
}

.c-entry-title .e-title:before {
	left: 50%;
	transform: translateX(calc(-100% - 105px));
}

.c-entry-title .e-title:after {
	right: 50%;
	transform: translateX(calc(100% + 105px));
}

.c-entry-title2 {
	text-align: center;
	padding: 50px 0 0;
}

.c-entry-title2 .e-title {
	color: #2dac6d;
	font-size: 2rem;
	line-height: 1.5;
	letter-spacing: .1em;
	max-width: 970px;
	display: inline-block;
	position: relative;
	transform-origin: center;
	transform: rotate(.05deg);
}

.c-entry {
	padding: 20px 0 0;
}

.c-entry-image {
	margin: 0 0 20px;
}

.c-entry-image .e-img {
	border-radius: 20px;
}

.c-entry-image figcaption {
 line-height: 1.4;
	text-align: center;
 margin-top: 0.8em;
}

.c-entry-text {
	line-height: 2;
	margin: 0 0 25px;
	transform-origin: center;
	transform: rotate(.05deg);
	backface-visibility: hidden;
}

.c-entry-note {
 font-size: 13px;
}

.c-entry .u-inner .c-entry-image:nth-of-type(n + 2) {
	padding: 30px 85px 0;
}


.c-entry .u-inner .c-entry-text:nth-of-type(n + 2) {
	padding: 0 85px;
}

.c-entry .is-padding-none {
	padding: 0 !important;
}

.c-entry-shopinfo {
	margin: 0;
	padding: 60px 0 0;
	background: #e8f1ec;
}

.c-entry-shopinfo .u-inner {
	min-height: 260px;
	padding: 0 0 0 330px;
}

.c-entry-shopinfo-title {
	text-align: center;
	margin: 0 0 35px;
	position: relative;
}

.c-entry-shopinfo-title:after {
	content: '';
	max-width: 970px;
	height: 17px;
	margin: 0 auto;
	background: url(/contents/nishikawa-chain/special/oichii/assets/img/entry-shopinfo-title-02.png) no-repeat center / 100% auto;
	display: block;
}

.c-entry-shopinfo-title .e-img {
	max-width: 320px;
	margin: 0 0 20px;
}

.c-entry-shopinfo-image {
	max-width: 290px;
	position: absolute;
	top: 0;
	left: 0;
}

.c-entry-shopinfo-image .e-img {
	border-radius: 20px;
}

.c-entry-shopinfo-name {
	color: #eb6100;
	font-size: 2rem;
	margin: 0 0 20px;
	padding: 10px 0 0;
}

.c-entry-shopinfo-text {
	line-height: 1.2;
	padding: 10px 0 0 80px;
	position: relative;
}

.c-entry-shopinfo-text.is-address {
	padding-left: 0;
}

.c-entry-shopinfo-text:before {
	content: attr(data-title)'';
	font-weight: 700;
	width: 75px;
	position: absolute;
	left: 0;
}

.c-entry-shopinfo-map {
	padding: 16.75% 0 0;
	position: relative;
}

.c-entry-shopinfo-map .e-map {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}




/* ====================================================================================================
	topage
==================================================================================================== */
.c-home-main {
	min-height: 375px;
	background: #f0efe8;
}

.is-home-page .g-container {
	background: transparent;
}




.c-map-corner {
	width: 100%;
	padding: 40px 0 0;
	position: absolute;
	top: -390px;
	left: 0;
}

.c-map-corner:before {
	content: url(/contents/nishikawa-chain/special/oichii/assets/img/home-main-bg-02.png);
	position: absolute;
	top: 150px;
	left: 50%;
	transform-origin: top center;
	transform: translate(-50%,0) scale(.95);
	z-index: 10;
}

.c-map-corner:after {
	content: url(/contents/nishikawa-chain/special/oichii/assets/img/home-main-bg-01.png);
	position: absolute;
	top: 75px;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 0;
}

.c-map-corner-title {
	text-align: center;
}

.c-map-corner-title .e-img {
	max-width: 490px;
}

.c-map-items {
	width: 100%;
	min-height: 420px;
	padding: 0 0 0 160px;
	background: url(/contents/nishikawa-chain/special/oichii/assets/img/home-main-bg-03.png) no-repeat left 160px top;
	position: absolute;
	top: 160px;
	left: 0;
	z-index: 20;
}

.c-map-item {
	width: 100%;
	min-height: 420px;
}

.c-map-item .e-link {
	color: #5d330e;
	text-decoration: none;
	max-width: 328px;
	min-height: 212px;
	padding: 140px 0 0 40px;
	display: block;
}

.c-map-item .e-link:after {
	content: url(/contents/nishikawa-chain/special/oichii/assets/img/icon-pin-01.png);
	position: absolute;
	top: 0;
	left: 0;
	animation: anim-pin-bound .75s infinite ease-in-out;
}

@keyframes anim-pin-bound {
	0% { transform: translateY(-5px)}
	50% { transform: translateY(0px)}
	100% { transform: translateY(-5px)}
}

/* Pin setting */
.c-map-item.is-aichi .e-link:after { top: 55%; left: 40%; }
.c-map-item.is-shizuoka .e-link:after { top: 56%; left: 46%; }
.c-map-item.is-shiga .e-link:after { top: 51%; left: 36%; }
.c-map-item.is-osaka .e-link:after { top: 55%; left: 32.5%; }
.c-map-item.is-tokyo .e-link:after { top: 52.5%; left: 50%; }
.c-map-item.is-saitama .e-link:after { top: 48%; left: 52%; }
.c-map-item.is-chiba .e-link:after { top: 50%; left: 54%; }
.c-map-item.is-fukuoka .e-link:after { top: 54%; left: 14%; }

.no-touch .c-map-item .e-link:hover {
	opacity: 1;
}

.c-map-number {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1;
	position: absolute;
	top: 55px;
	left: 40px;
}

.c-map-number:before {
	content: 'Vol.';
	font-size: 2rem;
	vertical-align: .025em;
}

.c-map-number:after {
	content: '';
	width: 30px;
	height: 4px;
	display: block;
	background: #eb6100;
	position: absolute;
	bottom: -12.5px;
	left: 50%;
	transform: translateX(-50%);
}

.c-map-image {
	position: absolute;
	top: 35px;
	left: 140px;
}

.c-map-image .e-img {
	max-width: 150px;
	border-radius: 10px;
}

.c-map-title {
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.5;
	max-width: 260px;
	transform: rotate(.05deg);
}




.c-about {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	position: absolute;
	top: 180px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
}

.c-about-title .e-img {
	max-width: 250px;
	margin: 0 0 15px;
}

.c-about-text {
	line-height: 2;
	transform: rotate(.05deg)
}




/* ====================================================================================================
	news - toppage
==================================================================================================== */
.c-news {
	margin: 0 0 70px;
}

.c-news-title {
	max-width: 970px;
	margin: 0 auto 15px;
}

.c-news-title .e-img {
	max-width: 220px;
}

.c-news-items {
	padding: 0 0 5px;
	background: url(/contents/nishikawa-chain/special/oichii/assets/img/news-bg-01.png) no-repeat center bottom / 100% auto;
}

.c-news-item {
	line-height: 1.5;
	padding: 20px 0 15px;
	display: flex;
	background: url(/contents/nishikawa-chain/special/oichii/assets/img/news-bg-01.png) no-repeat center top / 100% auto;
}

.c-news-item .is-update {
	color: #f84139;
	font-weight: 700;
	padding: 0 25px 0 20px;
	display: inline-block;
}

.c-news-item .e-text {
	padding: 0 20px 0 0;
	display: inline-block;
	transform: rotate(.05deg);
	backface-visibility: hidden;
}

.c-news-item .e-link {
	color: #5d330e;
	text-decoration: none;
}

.no-touch .c-news-item .e-link:hover {
	text-decoration: underline;
}




/* ====================================================================================================
	log - toppage
==================================================================================================== */
.c-log {
	max-width: calc(970px + 300px);
	margin: 0 auto;
	padding: 40px 40px 120px 40px;
	border-radius: 20px;
	background: url(/contents/nishikawa-chain/special/oichii/assets/img/log-bg-01.jpg) repeat-y center top / 100% auto;
	position: relative;
}

.c-log:after {
	content: '';
	width: calc(100% - 80px);
	height: calc(100% - 80px);
	background: #fff;
	display: block;
	border-radius: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 0;
}

.c-log-title {
	text-align: center;
	padding: 55px 0 0;
	position: relative;
	z-index: 10;
}

.c-log-title:before {
	content: url(/contents/nishikawa-chain/special/oichii/assets/img/log-title-02.png);
	position: absolute;
	bottom: -25px;
	left: calc(50% - 240px);
	transform-origin: left bottom;
	transform: scale(.5);
}

.c-log-title:after {
	content: url(/contents/nishikawa-chain/special/oichii/assets/img/log-title-03.png);
	position: absolute;
	top: 25px;
	right: calc(50% - 300px);
	transform-origin: right bottom;
	transform: scale(.5);
}

.c-log-title .e-title {
	padding: 0 0 60px;
	display: block;
	background: url(/contents/nishikawa-chain/special/oichii/assets/img/entry-shopinfo-title-02.png) no-repeat center bottom / 800px auto;
}

.c-log-title .e-img {
	max-width: 375px;
	margin: 0 0 0 25px;
}

.c-log-item {
	padding: 100px 0 0 365px;
	position: relative;
	z-index: 10;
}

.c-log-entry-image {
	max-width: 220px;
	position: absolute;
	top: 115px;
	left: 60px;
}

.c-log-entry-image:after {
	content: url(/contents/nishikawa-chain/special/oichii/assets/img/log-bg-01.png);
	position: absolute;
	top: -85px;
	left: -30px;
	transform-origin: left top;
	transform: scale(.5) rotate(10deg);
}

.c-log-entry-image .e-link {
	display: block;
}

.c-log-entry-image .e-img {
	border-radius: 10px;
	position: relative;
	z-index: 10;
}

.c-log-entry-title {
	font-size: 2.2rem;
	line-height: 1.35;
	margin: 0 0 10px;
	padding: 0 0 0 4em;
	position: relative;
	transform: rotate(.05deg);
}

.c-log-entry-title:before {
	content: attr(data-number)'';
	position: absolute;
	left: 0;
}

.c-log-entry-data {
	color: #eb6100;
	line-height: 1.35;
	margin: 0 0 10px;
	transform: rotate(.05deg);
}

.c-log-entry-text {
	line-height: 1.5;
	margin: 0 0 15px;
	transform: rotate(.05deg);
}

.c-log-entry-button .e-link {
	color: #5d330e;
	text-decoration: none;
	min-height: 30px;
	background: #eeeae6;
	display: block;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}

.c-log-entry-button .e-link .e-name {
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 10;
}

.no-touch .c-log-entry-button .e-link:hover {
	color: #fff;
	opacity: 1;
}

.c-log-entry-button .e-link:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background: #eb6100;
	border-radius: 6px;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0,1);
	opacity: 0;
	transition: .4s;
}

.no-touch .c-log-entry-button .e-link:hover:after {
	transform: scale(1);
	opacity: 1;
}




/* photo right */
.c-log-item:nth-child(even) {
	padding: 100px 365px 0 0;
}

.c-log-item:nth-child(even) .c-log-entry-image {
	left: auto;
	right: 60px;
}

.c-log-item:nth-child(even) .c-log-entry-image:after {
	top: -30px;
	left: -70px;
	transform: scale(.5) rotate(-10deg);
}




/* ====================================================================================================
	header
==================================================================================================== */
.g-header {
	width: 100%;
	min-height: 210px;
	background: url(/contents/nishikawa-chain/special/oichii/assets/img/main-bg-01.png) no-repeat left 50% bottom -5px;
	position: relative;
}

.is-home-page .g-header {
	min-height: 390px;
}

.g-header-logo-contents {
	padding: 30px 0 0 40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.g-header-logo-contents .e-link {
	display: block;
	position: relative;
	z-index: 10;
	transform: scale(1);
}

.no-touch .g-header-logo-contents .e-link:hover {
	opacity: 1;
	animation: anim-logo-contents .4s both ease-in-out;
}

@keyframes anim-logo-contents {
	0% { transform: scale(1); }
	25% { transform: scale(1.1); }
	50% { transform: scale(1); }
	75% { transform: scale(1.05); }
	100% { transform: scale(1); }
}

.g-header-logo-contents .e-img {
	max-width: 160px;
}

.g-header-logo-ca {
	max-width: 180px;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 100;
}




/* ====================================================================================================
	main illust setting
==================================================================================================== */
.c-illust-main {
	width: 100%;
	height: 300px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	overflow: hidden;
}

.is-home-page .c-illust-main {
	height: 850px;
}

.c-illust-main:after {
	content: url(/contents/nishikawa-chain/special/oichii/assets/img/header-img-01.png);
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: left top;
}

.c-illust-main-parts {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 100;
	opacity: 0;
}




/* トップページのイラスト位置 */
.c-illust-main-parts.is-parts-01 {
	width: 100px;
	top: 295px;
	margin-left: -470px;
	z-index: 110;
}

.c-illust-main-parts.is-parts-02 {
	width: 70px;
	top: 275px;
	margin-left: -525px;
	transform-origin: right bottom;
	transform: rotate(-5deg);
}

.c-illust-main-parts.is-parts-03 {
	width: 185px;
	top: 318px;
	margin-left: -780px;
}

.c-illust-main-parts.is-parts-04 {
	width: 160px;
	top: 460px;
	margin-left: -535px;
}

.c-illust-main-parts.is-parts-05 {
	width: 120px;
	top: 415px;
	margin-left: -720px;
}

.c-illust-main-parts.is-parts-06 {
	width: 292px;
	top: 570px;
	margin-left: -625px;
}

.c-illust-main-parts.is-parts-07 {
	width: 160px;
	top: 700px;
	margin-left: -730px;
}

.c-illust-main-parts.is-parts-08 {
	width: 135px;
	top: 240px;
	margin-left: 340px;
}

.c-illust-main-parts.is-parts-09 {
	width: 135px;
	top: 300px;
	margin-left: 480px;
}

.c-illust-main-parts.is-parts-10 {
	width: 90px;
	top: 485px;
	margin-left: 370px;
}

.c-illust-main-parts.is-parts-11 {
	width: 221px;
	top: 725px;
	margin-left: 325px;
}

.c-illust-main-parts.is-parts-12 {
	width: 54px;
	top: 190px;
	margin-left: 615px;
}

.c-illust-main-parts.is-parts-13 {
	width: 42px;
	top: 280px;
	margin-left: 675px;
}

.c-illust-main-parts.is-parts-14 {
	width: 366px;
	top: 465px;
	margin-left: 545px;
}

.c-illust-main-parts.is-parts-15 {
	width: 185px;
	top: 635px;
	margin-left: 540px;
}




/* 下層ページのイラスト位置 */
.is-entry-page .c-illust-main-parts.is-parts-01 {
	width: 80px;
	top: 110px;
	margin-left: -315px;
}

.is-entry-page .c-illust-main-parts.is-parts-02 {
	width: 97px;
	top: 105px;
	margin-left: -420px;
}

.is-entry-page .c-illust-main-parts.is-parts-03 {
	width: 120px;
	top: 170px;
	margin-left: -640px;
}

.is-entry-page .c-illust-main-parts.is-parts-04 {
	width: 55px;
	top: 140px;
	margin-left: -715px;
}

.is-entry-page .c-illust-main-parts.is-parts-05 {
	width: 140px;
	top: 85px;
	margin-left: 240px;
}

.is-entry-page .c-illust-main-parts.is-parts-06 {
	width: 65px;
	top: 120px;
	margin-left: 470px;
}

.is-entry-page .c-illust-main-parts.is-parts-07 {
	width: 30px;
	top: 65px;
	margin-left: 450px;
}

.is-entry-page .c-illust-main-parts.is-parts-08 {
	width: 150px;
	top: 160px;
	margin-left: 570px;
}




/* イラスト出現 */
.is-anim-on .c-illust-main-parts.is-parts-02,
.is-anim-on .c-illust-main-parts.is-parts-06,
.is-anim-on .c-illust-main-parts.is-parts-08,
.is-anim-on .c-illust-main-parts.is-parts-12,
.is-anim-on .c-illust-main-parts.is-parts-14,
.is-anim-on .is-entry-page .c-illust-main-parts.is-parts-01,
.is-anim-on .is-entry-page .c-illust-main-parts.is-parts-07,
.is-anim-on .is-entry-page .c-illust-main-parts.is-parts-05 {
	animation: anim-illust-on-1 .6s .5s both ease-out;
}

@keyframes anim-illust-on-1 {
	0% { opacity: 0; margin-top: 20px; }
	100% { opacity: 1; margin-top: 0; }
}

.is-anim-on .c-illust-main-parts.is-parts-01,
.is-anim-on .c-illust-main-parts.is-parts-03,
.is-anim-on .c-illust-main-parts.is-parts-05,
.is-anim-on .c-illust-main-parts.is-parts-09,
.is-anim-on .c-illust-main-parts.is-parts-11,
.is-anim-on .c-illust-main-parts.is-parts-15,
.is-anim-on .is-entry-page .c-illust-main-parts.is-parts-08,
.is-anim-on .is-entry-page .c-illust-main-parts.is-parts-03 {
	animation: anim-illust-on-2 .5s .8s both ease-out;
}

@keyframes anim-illust-on-2 {
	0% { opacity: 0; margin-top: 20px; }
	100% { opacity: 1; margin-top: 0; }
}

.is-anim-on .c-illust-main-parts.is-parts-04,
.is-anim-on .c-illust-main-parts.is-parts-07,
.is-anim-on .c-illust-main-parts.is-parts-10,
.is-anim-on .c-illust-main-parts.is-parts-13,
.is-anim-on .is-entry-page .c-illust-main-parts.is-parts-02,
.is-anim-on .is-entry-page .c-illust-main-parts.is-parts-06,
.is-anim-on .is-entry-page .c-illust-main-parts.is-parts-04 {
	animation: anim-illust-on-3 .4s 1.1s both ease-out;
}

@keyframes anim-illust-on-3 {
	0% { opacity: 0; margin-top: 20px; }
	100% { opacity: 1; margin-top: 0; }
}


















/* ====================================================================================================
	footer
==================================================================================================== */
.g-footer {
	padding: 100px 0 50px;
}

.c-pagetop-button {
	max-width: 90px;
	position: fixed;
	right: 60px;
	transition: .4s;
	transform: translateY(-25%) scale(-1,1);
	opacity: 0;
	z-index: 9999;
}

.c-pagetop-button.is-on {
	transform: none;
	opacity: 1;
}

.c-copyright {
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	display: block;
	transform-origin: center;
	transform: rotate(.05deg);
}