@charset "UTF-8";


/* top hero
================================================== */
#hero {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

/* BIG VIDEO BACKGROUND */
.big-background {
    z-index:-1;
    /*text-align:center;*/
    /*width: 1920px;*/
    height:100%;
    min-height:100%;
    position:relative;
    overflow:hidden;
}
.big-background video,
.big-background img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50% !important;
	width: 1920px;
/*	max-height: 100%;
	min-height: 100%;*/
	/*margin: auto;*/
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.wrapper {
    z-index:600;
    position:relative;
}

.videoWrap {
	position: fixed !important;
}

/*head inner*/
.main_logo {
	position: absolute;
	width: 400px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-top: -160px;
	margin-left: -200px;
	z-index: 1;
}
.main_copy {
	font-size: 22px;
	font-size: 2.2rem;
	letter-spacing: 2px;
	color: #C8161D;
	text-align: center;
	position: absolute;
	width: 300px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top: 80px;
	margin-left: -150px;
	z-index: 3;
	background: #fff;
}
.main_access {
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	color: #C8161D;
	position: absolute;
	bottom: 4%;
	left: 4%;
	z-index: 1;
	border-bottom: 2px solid #C8161D;
	padding-bottom: 4px;
}
.main_yp {
	position: absolute;
	bottom: 4%;
	right: 20px;
	z-index: 1;
}
	.main_yp ul li {
		margin-top: 10px;
		position: relative;
	}
	.main_yp ul li.bnr-yp:before {
		display: block;
		width: 26px;
		height: 28px;
		content:"";
		position: absolute;
		top: -4px;
		left: -30px;
		background: url(../../img/index/bg--bnr-01.png) no-repeat 50% 50%;
		-webkit-background-size: 26px 28px;
		background-size: 26px 28px;
		z-index: -1;
	}
	.main_yp ul li.bnr-ev:before {
		display: block;
		width: 26px;
		height: 32px;
		content:"";
		position: absolute;
		top: -6px;
		left: -30px;
		background: url(../../img/index/bg--bnr-02.png) no-repeat 50% 50%;
		-webkit-background-size: 26px 32px;
		background-size: 26px 32px;
		z-index: -1;
	}
/*
.main_yp {
	position: absolute;
	bottom: 20%;
	right: -120px;
	z-index: 1;
}
	.main_yp ul {
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.main_yp ul li {
		float: left;
		margin-right: 50px;
	}
	.main_yp ul:before {
		display: block;
		width: 80px;
		height: 80px;
		content:"";
		position: absolute;
		top: -10px;
		left: -80px;
		background: url(../../img/index/hero_line.png) no-repeat 50% 50%;
		-webkit-background-size: 80px 80px;
		background-size: 80px 80px;
		z-index: -1;
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.main_yp ul li a {
		color: #bd1d21;
		background: #fff;
		border-top: 2px solid #bd1d21;
		border-right: 2px solid #bd1d21;
		border-bottom: 2px solid #bd1d21;
		display: block;
		width: 100%;
		height: 36px;
		line-height: 36px;
		font-weight: 700;
		font-size: 12px;
		font-size: 1.2rem;
		letter-spacing: 1px;
		text-align: left;
		position: relative;
		padding: 0 0 0 10px;
	}
	.main_yp ul li a:before {
		display: block;
		width: 40px;
		height: 40px;
		content:"";
		position: absolute;
		top: -2px;
		left: -40px;
	}
	.main_yp ul li.bnr-yp a:before {
		background: url(../../img/index/icon/takeout.svg) no-repeat 50% 50% #bd1d21;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
	}
	.main_yp ul li.bnr-ev a:before {
		background: url(../../img/index/icon/event.svg) no-repeat 50% 50% #bd1d21;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
	}
	.main_yp ul li a:hover {
		background: #f8e8e9;
	}
*/

.pattern {
    background-image:url(../img/pattern.png);
    background-repeat: repeat;
    background-attachment:scroll;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
	z-index: 0;
}

/*gmic-scroll*/
div.gmic-scroll {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: #C8161D;
	margin-left: -20px;
	text-align: center;
}
div.gmic-scroll:before {
	display: block;
	position: absolute;
	bottom: 40px;
	left: 50%;
	width: 2px;
	height: 180px;
	margin-left: -1px;
	content:"";
	background: #C8161D;
}
div.gmic-scroll a {
	margin-left: 0;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 3px;
}
div.gmic-scroll a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 8px;
	height: 8px;
	margin-left: -4px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(-4px, 4px);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-16px, 16px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(-4px, 4px);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-16px, 16px);
		opacity: 0;
	}
}

@media screen and (max-width:720px){
	#hero {
		background: url(../../img/index/mise.png) no-repeat 50% 50%;
	}

	/*head inner*/
	.main_logo {
		position: absolute;
		width: 240px;
		height: 120px;
		top: 50%;
		left: 50%;
		margin-top: -160px;
		margin-left: -120px;
		z-index: 1;
	}
	.main_copy {
		font-size: 16px;
		font-size: 1.6rem;
		letter-spacing: 1px;
		line-height: 24px;
		width: 230px;
		height: 24px;
		top: 50%;
		left: 50%;
		margin-top: -10px;
		margin-left: -115px;
	}
	.main_access {
		display: none;
	}
	.main_yp {
		display: none;
	}
	/*gmic-scroll*/
	div.gmic-scroll:before {
		height: 160px;
	}
}



/* top concept
================================================== */
.bg-wh {
	background: #ffffff;
	padding-bottom: 120px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.index-pdt20 {
	padding-top: 20px;
}

.img-TopConcept {
	float: left;
	width: 492px;
	position: relative;
	margin-top: 106px;
}
.txt-TopConcept {
	float: right;
	width: 492px;
}
.txt-TopConcept h2 {
	color: #C8161D;
	font-weight: 700;
	font-size: 72px;
	font-size: 7.2rem;
	letter-spacing: 0.2rem;
	position: relative;
	z-index: 2;
}
.txt-TopConcept h2:first-letter {
	font-size: 80px;
	font-size: 8.0rem;
}
.txt-TopConcept h2:after {
	display: block;
	content:"";
	background: url(../../img/index/ttl-fukky.png) no-repeat 0 0;
	width: 38px;
	height: 44px;
	-webkit-background-size: 38px 44px;
	background-size: 38px 44px;
	position: absolute;
	top: 36px;
	left: -20px;
	z-index: 99;
}
.txt-TopConcept h2 small {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 1px;
	margin-left: 4px;
	margin-top: 0;
	font-weight: 700;
}
.txt-TopConcept p {
	position: relative;
	z-index: 2;
	background: url(../../img/index/top-lead-txt.png) no-repeat top right;
	width: 446px;
	height: 262px;
	margin-top: 40px;
	margin-left: 46px;
	text-indent: -9999px;
}
.txt-TopConcept p:before {
	position: absolute;
	bottom: -106px;
	right: -120px;
	-webkit-background-size: 252px 266px;
	background-size: 252px 266px;
	width: 252px;
	height: 266px;
	background: url(../../img/index/top-lead-bg.png) no-repeat top right;
	display: block;
	content:"";
	z-index: 3;
}
.txt-TopConcept .btn-s {
	margin-top: 30px;
	margin-left: 46px;
}

	.mask_book {
		background: url(../../img/index/mask_book.png) no-repeat 50% 50%;
        width: 492px;
        height: 332px;
		z-index: 9;
		position: absolute;
		top: 0;
		left: 0;
	}
    .swiper-container {
        width: 492px;
        height: 332px;
    }
    .swiper-slide {
        text-align: center;
        background: #bbb;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.bg-hero-01 {
		background: url(../../img/index/mise.png) no-repeat 50% 50%;
		background-size: cover ;
	}
	.bg-hero-02 {
		background: url(../../img/index/kitchen.png) no-repeat 50% 50%;
		background-size: cover ;
	}
	.bg-hero-03 {
		background: url(../../img/index/hasira.png) no-repeat 50% 50%;
		background-size: cover ;
	}



@media screen and (max-width:720px){
	.bg-wh {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.bg-wh .img-TopConcept {
		float: none;
		width: auto;
		position: static;
		margin-top: 0;
	}
	.bg-wh .txt-TopConcept {
		float: none;
		width: auto;
	}
	.bg-wh .txt-TopConcept h2 {
		font-size: 24px;
		font-size: 2.4rem;
		letter-spacing: 0.2rem;
	}
	.bg-wh .txt-TopConcept h2:first-letter {
		font-size: 30px;
		font-size: 3rem;
	}
	.bg-wh .txt-TopConcept h2:after {
		width: 19px;
		height: 22px;
		-webkit-background-size: 19px 22px;
		background-size: 19px 22px;
		top: 8px;
		left: -12px;
	}
	.bg-wh .txt-TopConcept h2 small {
		font-size: 13px;
		font-size: 1.3rem;
		letter-spacing: 1px;
		margin-left: 2px;
	}
	.bg-wh .txt-TopConcept p {
		background: url(../../img/index/top-lead-txt-sp.png) no-repeat 0 0;
		width: 100%;
		height: 140px;
		-webkit-background-size: contain;
		background-size: contain;
		margin-top: 12px;
		margin-left: 0;
		margin-bottom: 12px;
	}
	.bg-wh .txt-TopConcept p:before {
		display: none;
	}
	.txt-TopConcept .btn-s {
		margin-top: 0px;
		margin-bottom: 12px;
		margin-left: 0;
	}

		.mask_book {
			display: none;
		}
		.swiper-container {
			width: 100%;
			height: 140px;
		}
}



/* top news
================================================== */
ul.top-news li {
	margin-top: 32px !important;
	position: relative;
	z-index: 1;
}
ul.top-news li img {
	display: block;
	width: 160px;
	float: left;
}
ul.top-news li a:before {
	display: block;
	width: 160px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-background-size: 160px 120px;
	background-size: 160px 120px;
	background: url(../../img/index/mask.png) no-repeat 0 0;
	content:" ";
	z-index: 2;
}
ul.top-news li span {
	display: block;
	margin: 0 0 2px;
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: 2px;
	color: #666;
	font-weight: 700;
}
ul.top-news li time {
	display: block;
	margin: 0 0 6px;
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 2px;
	color: #aaa;
}
ul.top-news li p {
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 1px;
	line-height: 1.8;
	color: #c8161d;
	margin-left: 180px;
}
ul.top-news li:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: "";
}
.index-news + .btn-50 {
	margin-top: 60px;
	width: 30%;
}
@media screen and (max-width:720px){
	ul.top-news li {
		margin-top: 12px !important;
	}
	ul.top-news li:nth-child(n+5) {
		display: none;
	}
	ul.top-news li img {
		display: block;
		width: 100px;
		float: left;
	}
	ul.top-news li a:before {
		width: 100px;
		height: 75px;
		-webkit-background-size: 100px 75px;
		background-size: 100px 75px;
		background: url(../../img/index/mask_sp.png) no-repeat 0 0;
	}
	ul.top-news li time {
		margin: 0 0 2px;
		letter-spacing: 1px;
	}
	ul.top-news li p {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6;
		margin-left: 116px;
	}
	.index-news + .btn-50 {
		width: 100%;
		margin-top: 20px;
	}
}



/* top col
================================================== */
.index-col_vs {
	position:relative;
	padding-top: 60px;
}
/*imgL descR*/
.index-col_vs.imgLdescR .col-ttl {
	position: absolute;
	top: 50px;
	left: -108px;
	font-size: 72px;
	font-size: 7.2rem;
	letter-spacing: 2px;
	line-height: 1;
	color: #c8161d;
	z-index: 9;
	font-weight: 700;
}
.index-col_vs.imgLdescR .col-ttl:first-letter {
	font-size: 80px;
	font-size: 8.0rem;
}
.index-col_vs.imgLdescR .col-ttl:after {
	display: block;
	content:"";
	background: url(../../img/index/ttl-fukky.png) no-repeat 0 0;
	width: 38px;
	height: 44px;
	-webkit-background-size: 38px 44px;
	background-size: 38px 44px;
	position: absolute;
	top: 24px;
	right: -22px;
	z-index: 99;
}
.index-col_vs.imgLdescR .col-ttl small {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 1px;
	margin-left: 4px;
	margin-top: 6px;
	font-weight: 700;
}
.index-col_vs.imgLdescR .col-img {
	float: left;
	width: 652px;
	margin-left: 40px;
	margin-top: 110px;
}
.index-col_vs.imgLdescR .col-desc {
	float: right;
	width: 332px;
	position: relative;
}
.index-col_vs.imgLdescR .col-desc .index-col_ttl {
	position: absolute;
	top: 200px;
	left: 60px;
	width: 332px;
	color: #000;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	line-height: 2.4;
}
.index-col_vs.imgLdescR .col-desc .index-col_ttl:before {
	position: absolute;
	top: -220px;
	right: 0;
	width: 200px;
	height: 186px;
	-webkit-background-size: 200px 186px;
	background-size: 200px 186px;
	content:"";
}


/*imgR descL*/
.index-col_vs.imgRdescL {
	margin: 60px 0;
}
.index-col_vs.imgRdescL:last-child {
	margin-bottom: 0;
}
.index-col_vs.imgRdescL .col-ttl {
	position: absolute;
	top: 50px;
	right: -108px;
	font-size: 72px;
	font-size: 7.2rem;
	letter-spacing: 2px;
	line-height: 1;
	color: #c8161d;
	z-index: 9;
	font-weight: 700;
}
.index-col_vs.imgRdescL .col-ttl:first-letter {
	font-size: 80px;
	font-size: 8.0rem;
}
.index-col_vs.imgRdescL .col-ttl:after {
	display: block;
	content:"";
	background: url(../../img/index/ttl-fukky.png) no-repeat 0 0;
	width: 38px;
	height: 44px;
	-webkit-background-size: 38px 44px;
	background-size: 38px 44px;
	position: absolute;
	top: 24px;
	left: -24px;
	z-index: 99;
}
.index-col_vs.imgRdescL .col-ttl small {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 1px;
	margin-top: 6px;
	margin-right: 4px;
	font-weight: 700;
	text-align: right;
}
.index-col_vs.imgRdescL .col-img {
	float: right;
	width: 652px;
	margin-right: 40px;
	margin-top: 110px;
}
.index-col_vs.imgRdescL .col-desc {
	float: left;
	width: 332px;
	position: relative;
}
.index-col_vs.imgRdescL .col-desc .index-col_ttl {
	position: absolute;
	top: 200px;
	left: -60px;
	width: 332px;
	color: #000;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	line-height: 2.4;
}
.index-col_vs.imgRdescL .col-desc .index-col_ttl:before {
	position: absolute;
	top: -220px;
	left: 0;
	width: 200px;
	height: 186px;
	-webkit-background-size: 200px 186px;
	background-size: 200px 186px;
	display: block;
	content:"";
}

.index-col_vs.imgLdescR .col-desc .index-col_ttl.img-menu:before {
	background: url(../../img/index/bg-menu.png) no-repeat;
}
.index-col_vs.imgRdescL .col-desc .index-col_ttl.img-cafe:before {
	background: url(../../img/index/bg-cafe.png) no-repeat;
}
.index-col_vs.imgLdescR .col-desc .index-col_ttl.img-party:before {
	background: url(../../img/index/bg-party.png) no-repeat;
}
.index-col_vs.imgRdescL .col-desc .index-col_ttl.img-gallery:before {
	background: url(../../img/index/bg-gallery.png) no-repeat;
}

.index-col_vs .index-col_ttl h3{
	display: block;
	color: #000;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 2px;
	margin-bottom: 24px;
}
@media screen and (max-width:720px){
	.index-col_vs {
		padding-top: 20px;
	}
	.index-col_vs:first-child {
		padding-top: 0;
	}
	/*imgL descR*/
	.index-col_vs.imgLdescR .col-ttl {
		position: static;
		top: inherit;
		left: inherit;
		font-size: 22px;
		font-size: 2.2rem;
		letter-spacing: 2px;
	}
	.index-col_vs.imgLdescR .col-ttl:first-letter {
		font-size: 26px;
		font-size: 2.6rem;
	}
	.index-col_vs.imgLdescR .col-ttl:after {
		display: none;
	}
	.index-col_vs.imgLdescR .col-ttl small {
		font-size: 12px;
		font-size: 1.2rem;
		letter-spacing: 0px;
		margin: 0 0 0 6px;
		display: inline;
	}
	.index-col_vs.imgLdescR .col-img {
		float: none;
		width: auto;
		margin-left: 0;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.index-col_vs.imgLdescR .col-desc {
		float: none;
		width: auto;
		position: relative;
	}
	.index-col_vs.imgLdescR .col-desc .index-col_ttl {
		position: static;
		top: inherit;
		left: inherit;
		width: auto;
		letter-spacing: 1px;
		line-height: 1.8;
	}
	.index-col_vs.imgLdescR .col-desc .index-col_ttl:before {
		position: absolute;
		top: 0;
		filter:alpha(opacity=20);
		-moz-opacity: 0.2;
		opacity: 0.2;
	}

	/*imgR descL*/
	.index-col_vs.imgRdescL {
		margin: 10px 0;
	}
	.index-col_vs.imgRdescL .col-ttl {
		position: static;
		top: inherit;
		right: inherit;
		font-size: 22px;
		font-size: 2.2rem;
		letter-spacing: 1px;
	}
	.index-col_vs.imgRdescL .col-ttl:first-letter {
		font-size: 26px;
		font-size: 2.6rem;
	}
	.index-col_vs.imgRdescL .col-ttl:after {
		display: none;
	}
	.index-col_vs.imgRdescL .col-ttl small {
		font-size: 12px;
		font-size: 1.2rem;
		letter-spacing: 1px;
		margin: 0 0 0 6px;
		text-align: left;
		display: inline;
	}
	.index-col_vs.imgRdescL .col-img {
		float: none;
		width: auto;
		margin-right: 0;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.index-col_vs.imgRdescL .col-desc {
		float: none;
		width: auto;
		position: relative;
	}
	.index-col_vs.imgRdescL .col-desc .index-col_ttl {
		position: static;
		top: inherit;
		left: inherit;
		width: auto;
		letter-spacing: 1px;
		line-height: 1.8;
	}
	.index-col_vs.imgRdescL .col-desc .index-col_ttl:before {
		position: absolute;
		top: 0;
		left: inherit;
		right: 0;
		filter:alpha(opacity=20);
		-moz-opacity: 0.2;
		opacity: 0.2;
	}

	.index-col_vs.imgLdescR .col-desc .index-col_ttl.img-menu:before,
	.index-col_vs.imgRdescL .col-desc .index-col_ttl.img-cafe:before,
	.index-col_vs.imgLdescR .col-desc .index-col_ttl.img-party:before,
	.index-col_vs.imgRdescL .col-desc .index-col_ttl.img-gallery:before {
		-webkit-background-size: 50%;
		background-size: 50%;
		background-position: 100% 0;
	}

	.index-col_vs .index-col_ttl h3{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.6;
		letter-spacing: 1px;
		margin-bottom: 6px;
		text-align: left;
	}
}


/* top social
================================================== */
.ttl_social {
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 1px;
	color: #bd1d21;
	text-align: center;
	position: relative;
	margin-bottom: 14px;
	font-weight: 700;
}
.ttl_social:before {
	display: block;
	content:"";
	width: 32px;
	height: 32px;
	-webkit-background-size: 32px 32px;
	background-size: 32px 32px;
	position: absolute;
	left: 50%;
	margin-left: -16px;
	top: -40px;
}
.ttl_social.ts_insta:before { background: url(../img/icon/zn-insta.svg) no-repeat 0 0;}
.ttl_social.ts_fb:before { background: url(../img/icon/zn-fb.svg) no-repeat 0 0;}
.ttl_social.ts_tw:before { background: url(../img/icon/zn-tw.svg) no-repeat 0 0;}

/*box-insta*/
.box-insta li {
	float: left;
	width: 100px;
	height: 100px;
}
.box-insta li:first-child {
	width: 300px;
	height: 300px;
}
@media screen and (max-width:720px){
	.ttl_social {
		position: static;
		margin-bottom: 12px;
		text-align: center;
	}
	.ttl_social:before {
		width: 26px;
		height: 26px;
		-webkit-background-size: 26px 26px;
		background-size: 26px 26px;
		position: static;
		left: inherit;
		margin: 0 auto 6px;
		top: inherit;
	}

	.box-insta li,
	.box-insta li:first-child {
		width: 50%;
		height: 50%;
	}
}

.wid-twitter {
	border: 1px solid #e9ebee;
}

@media screen and (max-width:720px){
.fb-page {
	width: 100% !important;
}
}
@media screen and (min-width:721px){
.fb-page {
	width: 310px !important;
}
}














/* SMALL VIDEO BACKGROUND
================================================== */
.small-background-section {
    padding:100px 0;
    position:relative;
    width:100%;
    overflow:hidden
}
.small-background-container {
    position:relative;
    text-align:center
}
.bottom_copy {
	font-size: 22px;
	font-size: 2.2rem;
	letter-spacing: 2px;
	color: #C8161D;
	text-align: center;
	position: absolute;
	width: 600px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -300px;
	z-index: 1;
}
@media screen and (max-width:720px){
	.small-background-section {
		display: none;
	}
}




/* preload
================================================== */
#loader-bg{display:none;position:fixed;width:100%;height:100%;top:0px;left:0px;background:#ffffff;z-index:10000;}
#loader{display:none;position:fixed;top:50%;left:50%;width:164px;height:164px;margin-top:-82px;margin-left:-82px;text-align:center;z-index:100001;}

.cssload-preload-juggle {
	width: 164px;
	height: 164px;
	position: absolute;
	margin-top: -82px;
	left: 50%;
	margin-left: -82px;
}
.cssload-preload-juggle div {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 5.5px;
	background: rgb(27,188,155);
	margin-top: 82px;
	margin-left: 82px;
	animation: cssload-juggle 2.42s linear infinite;
		-o-animation: cssload-juggle 2.42s linear infinite;
		-ms-animation: cssload-juggle 2.42s linear infinite;
		-webkit-animation: cssload-juggle 2.42s linear infinite;
		-moz-animation: cssload-juggle 2.42s linear infinite;
}
.cssload-preload-juggle div:nth-child(1) {
	animation-delay: -0.81s;
		-o-animation-delay: -0.81s;
		-ms-animation-delay: -0.81s;
		-webkit-animation-delay: -0.81s;
		-moz-animation-delay: -0.81s;
}
.cssload-preload-juggle div:nth-child(2) {
	animation-delay: -1.61s;
		-o-animation-delay: -1.61s;
		-ms-animation-delay: -1.61s;
		-webkit-animation-delay: -1.61s;
		-moz-animation-delay: -1.61s;
}
@keyframes cssload-juggle {
	0% {
		transform: translateX(0px) translateY(0px);
	}
	12.5% {
		transform: translateX(15.5px) translateY(-31px) scale(1.1);
		background: rgb(54,215,183);
	}
	25% {
		transform: translateX(30px) translateY(0px);
		animation-timing-function: ease-out;
	}
	37.5% {
		transform: translateX(15.5px) translateY(31px);
	}
	50% {
		transform: translateX(0px) translateY(0px);
	}
	62.5% {
		transform: translateX(-15.5px) translateY(-31px) scale(1.1);
		animation-timing-function: ease-in;
	}
	75% {
		transform: translateX(-30px) translateY(0px);
		animation-timing-function: ease-out;
	}
	87.5% {
		transform: translateX(-15.5px) translateY(31px);
	}
	100% {
		transform: translateX(0px) translateY(0px);
	}
}

@-o-keyframes cssload-juggle {
	0% {
		-o-transform: translateX(0px) translateY(0px);
	}
	12.5% {
		-o-transform: translateX(15.5px) translateY(-31px) scale(1.1);
		background: rgb(54,215,183);
	}
	25% {
		-o-transform: translateX(30px) translateY(0px);
		-o-animation-timing-function: ease-out;
	}
	37.5% {
		-o-transform: translateX(15.5px) translateY(31px);
	}
	50% {
		-o-transform: translateX(0px) translateY(0px);
	}
	62.5% {
		-o-transform: translateX(-15.5px) translateY(-31px) scale(1.1);
		-o-animation-timing-function: ease-in;
	}
	75% {
		-o-transform: translateX(-30px) translateY(0px);
		-o-animation-timing-function: ease-out;
	}
	87.5% {
		-o-transform: translateX(-15.5px) translateY(31px);
	}
	100% {
		-o-transform: translateX(0px) translateY(0px);
	}
}

@-ms-keyframes cssload-juggle {
	0% {
		-ms-transform: translateX(0px) translateY(0px);
	}
	12.5% {
		-ms-transform: translateX(15.5px) translateY(-31px) scale(1.1);
		background: rgb(54,215,183);
	}
	25% {
		-ms-transform: translateX(30px) translateY(0px);
		-ms-animation-timing-function: ease-out;
	}
	37.5% {
		-ms-transform: translateX(15.5px) translateY(31px);
	}
	50% {
		-ms-transform: translateX(0px) translateY(0px);
	}
	62.5% {
		-ms-transform: translateX(-15.5px) translateY(-31px) scale(1.1);
		-ms-animation-timing-function: ease-in;
	}
	75% {
		-ms-transform: translateX(-30px) translateY(0px);
		-ms-animation-timing-function: ease-out;
	}
	87.5% {
		-ms-transform: translateX(-15.5px) translateY(31px);
	}
	100% {
		-ms-transform: translateX(0px) translateY(0px);
	}
}

@-webkit-keyframes cssload-juggle {
	0% {
		-webkit-transform: translateX(0px) translateY(0px);
	}
	12.5% {
		-webkit-transform: translateX(15.5px) translateY(-31px) scale(1.1);
		background: rgb(54,215,183);
	}
	25% {
		-webkit-transform: translateX(30px) translateY(0px);
		-webkit-animation-timing-function: ease-out;
	}
	37.5% {
		-webkit-transform: translateX(15.5px) translateY(31px);
	}
	50% {
		-webkit-transform: translateX(0px) translateY(0px);
	}
	62.5% {
		-webkit-transform: translateX(-15.5px) translateY(-31px) scale(1.1);
		-webkit-animation-timing-function: ease-in;
	}
	75% {
		-webkit-transform: translateX(-30px) translateY(0px);
		-webkit-animation-timing-function: ease-out;
	}
	87.5% {
		-webkit-transform: translateX(-15.5px) translateY(31px);
	}
	100% {
		-webkit-transform: translateX(0px) translateY(0px);
	}
}

@-moz-keyframes cssload-juggle {
	0% {
		-moz-transform: translateX(0px) translateY(0px);
	}
	12.5% {
		-moz-transform: translateX(15.5px) translateY(-31px) scale(1.1);
		background: rgb(54,215,183);
	}
	25% {
		-moz-transform: translateX(30px) translateY(0px);
		-moz-animation-timing-function: ease-out;
	}
	37.5% {
		-moz-transform: translateX(15.5px) translateY(31px);
	}
	50% {
		-moz-transform: translateX(0px) translateY(0px);
	}
	62.5% {
		-moz-transform: translateX(-15.5px) translateY(-31px) scale(1.1);
		-moz-animation-timing-function: ease-in;
	}
	75% {
		-moz-transform: translateX(-30px) translateY(0px);
		-moz-animation-timing-function: ease-out;
	}
	87.5% {
		-moz-transform: translateX(-15.5px) translateY(31px);
	}
	100% {
		-moz-transform: translateX(0px) translateY(0px);
	}
}



@keyframes cssload-juggle {
	0% {
		transform: translateX(0px) translateY(0px);
	}
	12.5% {
		transform: translateX(24.5px) translateY(-51px) scale(1.1);
		background: rgba(202,74,76,0.98);
	}
	25% {
		transform: translateX(49px) translateY(0px);
		animation-timing-function: ease-out;
	}
	37.5% {
		transform: translateX(24.5px) translateY(51px);
	}
	50% {
		transform: translateX(0px) translateY(0px);
	}
	62.5% {
		transform: translateX(-24.5px) translateY(-51px) scale(1.1);
		animation-timing-function: ease-in;
	}
	75% {
		transform: translateX(-49px) translateY(0px);
		animation-timing-function: ease-out;
	}
	87.5% {
		transform: translateX(-24.5px) translateY(51px);
	}
	100% {
		transform: translateX(0px) translateY(0px);
	}
}

@-o-keyframes cssload-juggle {
	0% {
		-o-transform: translateX(0px) translateY(0px);
	}
	12.5% {
		-o-transform: translateX(24.5px) translateY(-51px) scale(1.1);
		background: rgba(202,74,76,0.98);
	}
	25% {
		-o-transform: translateX(49px) translateY(0px);
		-o-animation-timing-function: ease-out;
	}
	37.5% {
		-o-transform: translateX(24.5px) translateY(51px);
	}
	50% {
		-o-transform: translateX(0px) translateY(0px);
	}
	62.5% {
		-o-transform: translateX(-24.5px) translateY(-51px) scale(1.1);
		-o-animation-timing-function: ease-in;
	}
	75% {
		-o-transform: translateX(-49px) translateY(0px);
		-o-animation-timing-function: ease-out;
	}
	87.5% {
		-o-transform: translateX(-24.5px) translateY(51px);
	}
	100% {
		-o-transform: translateX(0px) translateY(0px);
	}
}

@-ms-keyframes cssload-juggle {
	0% {
		-ms-transform: translateX(0px) translateY(0px);
	}
	12.5% {
		-ms-transform: translateX(24.5px) translateY(-51px) scale(1.1);
		background: rgba(202,74,76,0.98);
	}
	25% {
		-ms-transform: translateX(49px) translateY(0px);
		-ms-animation-timing-function: ease-out;
	}
	37.5% {
		-ms-transform: translateX(24.5px) translateY(51px);
	}
	50% {
		-ms-transform: translateX(0px) translateY(0px);
	}
	62.5% {
		-ms-transform: translateX(-24.5px) translateY(-51px) scale(1.1);
		-ms-animation-timing-function: ease-in;
	}
	75% {
		-ms-transform: translateX(-49px) translateY(0px);
		-ms-animation-timing-function: ease-out;
	}
	87.5% {
		-ms-transform: translateX(-24.5px) translateY(51px);
	}
	100% {
		-ms-transform: translateX(0px) translateY(0px);
	}
}

@-webkit-keyframes cssload-juggle {
	0% {
		-webkit-transform: translateX(0px) translateY(0px);
	}
	12.5% {
		-webkit-transform: translateX(24.5px) translateY(-51px) scale(1.1);
		background: rgba(202,74,76,0.98);
	}
	25% {
		-webkit-transform: translateX(49px) translateY(0px);
		-webkit-animation-timing-function: ease-out;
	}
	37.5% {
		-webkit-transform: translateX(24.5px) translateY(51px);
	}
	50% {
		-webkit-transform: translateX(0px) translateY(0px);
	}
	62.5% {
		-webkit-transform: translateX(-24.5px) translateY(-51px) scale(1.1);
		-webkit-animation-timing-function: ease-in;
	}
	75% {
		-webkit-transform: translateX(-49px) translateY(0px);
		-webkit-animation-timing-function: ease-out;
	}
	87.5% {
		-webkit-transform: translateX(-24.5px) translateY(51px);
	}
	100% {
		-webkit-transform: translateX(0px) translateY(0px);
	}
}

@-moz-keyframes cssload-juggle {
	0% {
		-moz-transform: translateX(0px) translateY(0px);
	}
	12.5% {
		-moz-transform: translateX(24.5px) translateY(-51px) scale(1.1);
		background: rgba(202,74,76,0.98);
	}
	25% {
		-moz-transform: translateX(49px) translateY(0px);
		-moz-animation-timing-function: ease-out;
	}
	37.5% {
		-moz-transform: translateX(24.5px) translateY(51px);
	}
	50% {
		-moz-transform: translateX(0px) translateY(0px);
	}
	62.5% {
		-moz-transform: translateX(-24.5px) translateY(-51px) scale(1.1);
		-moz-animation-timing-function: ease-in;
	}
	75% {
		-moz-transform: translateX(-49px) translateY(0px);
		-moz-animation-timing-function: ease-out;
	}
	87.5% {
		-moz-transform: translateX(-24.5px) translateY(51px);
	}
	100% {
		-moz-transform: translateX(0px) translateY(0px);
	}
}










/* second-hero
================================================== */
#second-hero {
	padding-top: 40px;
	padding-bottom: 36px;
	position: relative;
	background: url(../img/hero_bod.png) repeat-x 0 bottom;
}
#second-hero > div {
	width: 100%;
	height: 600px;
}
#second-hero .PG-ttl {
	position: absolute;
	bottom: -40px;
	left: 50%;
	margin-left: 412px;
	width: 200px;
	display: block;
	z-index: 999;
}
	#second-hero .PG-info {	background: url(../../img/info/hero.png) no-repeat 50% 50%;}
	#second-hero .PG-menu {	background: url(../../img/food/hero.png) no-repeat 50% 50%;}
	#second-hero .PG-cafe { background: url(../../img/cafe/hero.png) no-repeat 50% 50%;}
	#second-hero .PG-party { background: url(../../img/party/hero.png) no-repeat 50% 50%;}
	#second-hero .PG-gallery { background: url(../../img/gallery/hero.png) no-repeat 50% 50%;}
	#second-hero .PG-news {	background: url(../../img/news/hero.png) no-repeat 50% 50%;}
	#second-hero .PG-recruit { background: url(../../img/recruit/hero.png) no-repeat 50% 50%;}
	#second-hero .PG-contact { background: url(../../img/contact/hero.png) no-repeat 50% 50%;}
	#second-hero .PG-info,
	#second-hero .PG-menu,
	#second-hero .PG-cafe,
	#second-hero .PG-party,
	#second-hero .PG-gallery,
	#second-hero .PG-news,
	#second-hero .PG-recruit,
	#second-hero .PG-contact {
		-webkit-background-size: cover;	background-size: cover;
	}

@media screen and (max-width:720px){
	#second-hero {
		padding-bottom: 20px;
	}
	#second-hero > div {
		width: 100%;
		height: 220px;
	}
	#second-hero .PG-ttl {
		position: absolute;
		bottom: -10px;
		left: inherit;
		right: 20px;
		margin-left: 0;
		width: 80px;
		height: auto;
	}
}



/* second-para
================================================== */
.bg-info,
.bg-menu,
.bg-party,
.bg-gallery {
	overflow: hidden;
    position: relative;
}
.para-info,
.para-menu,
.para-party,
.para-gallery {
	background-position: 50%;
	background-size: cover;
	display: none;
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	z-index: -1;
}
.para-info { background: url(../../img/info/about_bg.png) no-repeat 50% 50%;}
.para-menu { background: url(../../img/food/menu_bg.png) no-repeat 50% 50%;}
.para-party { background: url(../../img/party/party_bg.png) no-repeat 50% 50%;}
.para-gallery { background: url(../../img/gallery/gallery_bg.png) no-repeat 50% 50%;}

@media screen and (max-width:720px){
	.para-info,
	.para-menu,
	.para-party,
	.para-gallery {
		display: none;
	}
}



/* PG-info
================================================== */
.info-col_vs-01 .col-r { width: 640px;}
.info-col_vs-01 .col-l { width: 320px;}
.info-col_vs-02 .col-r { width: 500px;}
.info-col_vs-02 .col-l { width: 420px;}
.info-col_vs-03 .col-r { width: 460px;}
.info-col_vs-03 .col-l { width: 500px;}
.info-col_vs-01 .info-col_ttl h3:before { content:"01."; padding-left: 20px;}
.info-col_vs-02 .info-col_ttl h3:before { content:"02."; padding-left: 18px;}
.info-col_vs-03 .info-col_ttl h3:before { content:"03."; padding-left: 18px;}

.info-col_vs-01 .col-r,
.info-col_vs-02 .col-l,
.info-col_vs-03 .col-r { position: relative;}
.info-col_vs-01 .col-r:after,
.info-col_vs-02 .col-l:after,
.info-col_vs-03 .col-r:after { display: block; position: absolute; background: url(../img/img_bg.png) no-repeat 0 0; bottom: -20px;right: -20px; width: 40px; height: 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; content:""; z-index: 0;}
.info-col_vs-01 .col-r img,
.info-col_vs-02 .col-l img,
.info-col_vs-03 .col-r img { z-index: 1; position: relative;}


.info-col_ttl {
	color: #c8161d;
}
.info-col_ttl h3 {
	position: relative;
	margin-bottom: 24px;
	z-index: 1;
}
.info-col_ttl h3:before {
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	text-shadow: 2px 4px rgba(50,50,150,.2);
	font-weight: 700;
	position: absolute;
	top: -32px;
	left: -76px;
	background: url(../../img/info/bg_num.png) no-repeat 0 0;
	-webkit-background-size: 60px 60px;
	background-size: 60px 60px;
	width: 60px;
	height: 60px;
	padding-top: 16px;
	letter-spacing: 1px;
	z-index: 0;
}
.info-col_ttl span {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
	margin-bottom: 20px;
	text-align: left;
}
.info-col_ttl strong {
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 8px;
	text-align: left;
}
.info-col_ttl p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 6px;
}
.info-col_ttl p:last-child {
	margin-bottom: 0;
}

.info-txt {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2.2;
	letter-spacing: 1px;
	color: #c8161d;
	padding-left: 60px;
}
.info-txt h3 {
	display: block;
	position: relative;
	margin-bottom: 24px;
}
.info-txt h3:before {
	display: block;
	content:"";
	position: absolute;
	top: 8px;
	left: -60px;
	background: url(../img/icon/zn-flag.svg) no-repeat 0 0;
	-webkit-background-size: 48px 48px;
	background-size: 48px 48px;
	width: 48px;
	height: 48px;
}
.link-glmap {
	margin-top: 12px;
	line-height: 1;
}
.link-glmap a {
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 1px;
}
.link-glmap a:before {
	display: inline-block;
	content:"";
	background: url(../img/icon/zn-pin.svg) no-repeat 0 0;
	-webkit-background-size: 12px 12px;
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
	margin-right: 6px;
}
@media screen and (max-width:720px){
	.info-col_vs-01 .col-r,
	.info-col_vs-01 .col-l,
	.info-col_vs-02 .col-r,
	.info-col_vs-02 .col-l,
	.info-col_vs-03 .col-r,
	.info-col_vs-03 .col-l { width: auto; float: none;}
	.info-col_vs-01 .info-col_ttl h3:before { padding-left: 14px;}
	.info-col_vs-02 .info-col_ttl h3:before {	padding-left: 12px;}
	.info-col_vs-03 .info-col_ttl h3:before {	padding-left: 12px;}

	.info-col_ttl h3 {
		margin-top: 20px;
		margin-bottom: 18px;
		padding-left: 46px;
	}
	.info-col_ttl h3:before {
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
		position: absolute;
		top: -8px;
		left: 0px;
		background: url(../../img/info/bg_num_sp.png) no-repeat 0 0;
		-webkit-background-size: 40px 40px;
		background-size: 40px 40px;
		width: 40px;
		height: 40px;
		padding-top: 10px;
		z-index: 0;
	}
	.info-col_ttl span {
		display: block;
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 1.6;
		margin-bottom: 16px;
	}
	.info-col_ttl strong {
		display: block;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 700;
		margin-bottom: 6px;
	}
	.info-col_ttl p {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.8;
		margin-bottom: 6px;
	}

	.info-txt {
		margin-top: 20px;
		margin-bottom: 18px;
		padding-left: 0;
	}
	.info-txt h3 {
		margin-bottom: 4px;
		display: block;
		padding-left: 40px;
	}
	.info-txt h3:before {
		display: block;
		position: absolute;
		top: -4px;
		left: 0px;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
		z-index: 0;
	}
}

.section-l__r {
	position: relative;
}
.section-l__r:first-child {
	margin: 0;
}
.section-l__r .data-set {
	*zoom: 1;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 1px;
	line-height: 1.8;
	text-align: left;
	background: #ffffff;
	padding: 14px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.section-l__r .data-set:nth-child(2n) {
	background: #f9f9f9;
}
.section-l__r .data-set:after {
	content: "";
	display: table;
	clear: both;
}
.section-l__r .data-set:last-child {
	margin-bottom: 0;
}
.section-l__r .data-set dt {
	float: left;
	width: 100px;
}
.section-l__r .data-set dd {
	margin: 0 0 0 100px;
}
.section-l__r .data-set dd span {
	display: block;
}
.section-l__r .data-set dd span a {
	font-size: 12px;
	font-size: 1.2rem;
}
.section-l__r .data-set dd span a:before {
	display: inline-block;
	content: "";
	background: url(../img/icon/zn-pin.svg) no-repeat 0 0;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	margin-right: 6px;
	z-index: 0;
}
@media screen and (max-width:720px){
	.sp-mt-4 {
		margin-top: 12px;
	}
	.section-l__r .data-set {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.8;
		padding: 10px 20px;
	}
	.section-l__r .data-set dt {
		float: none;
		width: auto;
		margin-bottom: 0;
	}
	.section-l__r .data-set dd {
		margin: 0 0 0 0;
		color: #aaa;
	}
}

.section-artmap {
	margin-top: 30px;
}
.section-artmap .col-w-2-1.col-l {
	width: 454px;
}
.section-artmap .col-w-2-1.col-r {
	width: 454px;
}
.section-artmap .col-w-2-1 .ttl-artmap {
	margin-bottom: 28px;
}
.section-artmap .col-w-2-1.col-l p {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: 1px;
	color: #c8161d;
	margin-bottom: 12px;
}
.section-artmap .col-w-2-1.col-l p:last-child {
	margin-bottom: 0;
}
/**/
.artmap-thumb {
	margin-top: 30px;
}
.artmap-thumb li {
	float: left;
	width: 22%;
	margin-right: 3%;
	margin-bottom: 3%;
}
.artmap-thumb li:nth-child(4n) {
	margin-right: 0;
}
.artmap-thumb li img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

@media screen and (max-width:720px){
	.section-artmap {
		margin-top: 30px;
	}
	.section-artmap .col-w-2-1.col-l {
		width: auto;
	}
	.section-artmap .col-w-2-1.col-r {
		width: auto;
		margin-top: 16px;
	}
	.section-artmap .col-w-2-1 .ttl-artmap {
		margin-bottom: 16px;
	}
	.section-artmap .col-w-2-1.col-l p {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.8;
		letter-spacing: 1px;
		margin-bottom: 8px;
	}
	.section-artmap .col-w-2-1.col-l p:last-child {
		margin-bottom: 0;
	}
	/**/
	.artmap-thumb {
		margin-top: 16px;
	}
	.artmap-thumb li {
		float: left;
		width: 22%;
		margin-right: 4%;
		margin-bottom: 2%;
	}
	.artmap-thumb li:nth-child(4n) {
		margin-right: 0;
	}
	.artmap-thumb li img {
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
}




/* PG-second common
================================================== */
.section-whbox {
	width: 944px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/section_bg.png) no-repeat 0 0 #ffffff;
	padding: 60px 40px 40px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.section-whbox .column-ttl {
	text-align: center;
	margin: 0 auto 20px;
}

.pg-top_cont h3 {
	position: relative;
	margin-bottom: 26px;
	z-index: 1;
}
.pg-top_cont h3:before {
	display: block;
	content:"";
	position: absolute;
	top: -32px;
	left: -76px;
	background: url(../img/bg_num.png) no-repeat 0 0;
	-webkit-background-size: 60px 60px;
	background-size: 60px 60px;
	width: 60px;
	height: 60px;
	z-index: 0;
}
.pg-top_cont p {
	color: #c8161d;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-align: left;
}
.pg-top_cont p:last-child {
	margin-bottom: 0;
}

.section-lead {
	width: 680px;
	margin: 0 auto 30px;
}
.section-lead p {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: 1px;
	color: #c8161d;
	text-align: center;
}
strong.em_bd {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: 1px;
	color: #c8161d;
	margin-bottom: 16px;
	padding: 4px 16px;
	font-weight: 700;
	border: 2px solid #c8161d;
}
@media screen and (max-width:720px){
	.section-whbox {
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px;
		background: none;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.0);
		box-shadow: 0 1px 1px rgba(0,0,0,.0);
	}
	.section-whbox-inner {
		width: 100%;
		box-sizing: border-box;
		padding: 20px;
		background: url(../img/section_bg.png) no-repeat top center #ffffff;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
		box-shadow: 0 1px 1px rgba(0,0,0,.05);
	}
	.section-whbox .column-ttl {
		margin: 0 auto 16px;
	}

	.pg-top_cont h3 {
		margin-top: 20px;
		margin-bottom: 18px;
		padding-left: 50px;
	}
	.pg-top_cont h3:before {
		top: -8px;
		left: 0px;
		background: url(../img/bg_num_sp.png) no-repeat 0 0;
		-webkit-background-size: 40px 40px;
		background-size: 40px 40px;
		width: 40px;
		height: 40px;
	}
	.pg-top_cont p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 6px;
	}

	.section-whbox .column-ttl img {
		display: block;
		width: 60%;
		height: auto;
		margin: 18px auto 0;
	}
	.section-lead {
		width: auto;
		margin: 0 auto 12px;
	}
	.section-lead p {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.8;
		letter-spacing: 1px;
		text-align: left;
	}
	strong.em_bd {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		letter-spacing: 1px;
		margin-bottom: 10px;
		padding: 4px 12px;
		border: 1px solid #c8161d;
	}
}



/* PG-menu
================================================== */
#yamanakapudding {
	padding-top: 160px;
	margin-top: -160px;
}

.section-menu .col-w-3-1.col-l {
	width: 300px;
	margin-left: 22px;
	text-align: center;
}
.section-menu .col-w-3-1.col-l:first-child {
	margin-left: 0;
}
.section-menu .col-w-3-1 p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: 2px;
	font-weight: 400;
	color: #c8161d;
	padding-top: 40px;
	margin-bottom: 10px;
}
.section-menu .ttl-menu {
	position: relative;
}
.section-menu .ttl-menu:after {
	display: block;
	content:"";
	width: 32px;
	height: 32px;
	-webkit-background-size: 32px 32px;
	background-size: 32px 32px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -16px;
}
.section-menu .ttl-menu.icon-lunch:after { background: url(../../img/food/icon/lunch.svg) no-repeat;}
.section-menu .ttl-menu.icon-dinner:after {	background: url(../../img/food/icon/dinner.svg) no-repeat;}
.section-menu .ttl-menu.icon-course:after {	background: url(../../img/food/icon/course.svg) no-repeat;}
.section-menu .ttl-menu.icon-drink:after { background: url(../../img/food/icon/drink.svg) no-repeat;}
.section-menu .ttl-menu.icon-anniversary:after { background: url(../../img/food/icon/anniversary.svg) no-repeat;}
.section-menu .ttl-menu.icon-takeout:after { background: url(../../img/food/icon/takeout.svg) no-repeat;}

.btn-menu a {
	width: 100%;
	background: #c8161d;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	color: #ffffff;
	font-size: 14px;
	font-size: 1.4rem;
	border-top: 1px solid #fff;
}
.btn-menu a span:before {
	display: inline-block;
	content:"";
	background: url(../img/icon/zn-pdf.svg) no-repeat;
	width: 14px;
	height: 14px;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
	line-height: 40px;
	margin-right: 6px;
}
.btn-menu a.btn-menu-2c {
	width: 50%;
	background: #c8161d;
}
.btn-menu a.btn-menu-2c:nth-child(2n) {
	width : -webkit-calc(50% - 1px);
	width : calc(50% - 1px);
	background: #c8161d;
	border-left: 1px solid #fff;
}
.btn-menu a:hover,
.btn-menu a.btn-menu-2c:hover {
	background: #333333;
}

.section-standard .col-w-3-1.col-l {
	width: 300px;
	margin-left: 22px;
	margin-top: 20px;
}
.section-standard .col-w-3-1.col-l:nth-child(-n+3) {
	margin-top: 0;
}
.section-standard .col-w-3-1.col-l:nth-child(3n+1) {
	margin-left: 0;
}

.section-standard .col-w-3-1 .txt-menu {
	margin: 12px 0 8px;
}
.section-standard .col-w-3-1 strong {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 1px;
	color: #c8161d;
	float: left;
	width: 60%;
}
.section-standard .col-w-3-1 small {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	letter-spacing: 1px;
	color: #c8161d;
	float: right;
	width: 40%;
	text-align: right;
}
.section-standard .col-w-3-1 p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	letter-spacing: 1px;
	font-weight: 400;
	color: #333;
}

ul.time-menu {
	text-align: center;
	margin-top: 8px;
}
ul.time-menu li {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2;
}
ul.time-menu li span {
	display: inline-block;
	margin-left: 12px;
}

.section-yamanaka .col-w-3-1.col-l {
	width: 300px;
	margin-left: 22px;
	margin-top: 0;
}
.section-yamanaka .col-w-3-1.col-l:first-child {
	margin-left: 0;
}
.section-yamanaka .col-w-3-1 .txt-menu {
	margin: 12px 0 0;
}
.section-yamanaka .col-w-3-1 strong {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 1px;
	color: #c8161d;
	float: left;
}
.section-yamanaka .col-w-3-1 strong span {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
}
.section-yamanaka .col-w-3-1 small {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: 1px;
	color: #c8161d;
	float: right;
}
@media screen and (max-width:720px){
	.section-menu .col-w-3-1.col-l {
		width: auto;
		margin-left: 0;
	}
	.section-menu .col-w-3-1 p {
		font-size: 14px;
		font-size: 1.4rem;
		padding-top: 30px;
		margin-bottom: 6px;
	}
	.section-menu .ttl-menu:after {
		width: 24px;
		height: 24px;
		-webkit-background-size: 24px 24px;
		background-size: 24px 24px;
		margin-left: -12px;
	}

	.btn-menu a {
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.btn-menu a span:before {
		width: 12px;
		height: 12px;
		-webkit-background-size: 12px 12px;
		background-size: 12px 12px;
		line-height: 30px;
		margin-right: 6px;
	}

	.section-standard .col-w-3-1.col-l {
		width: auto;
		margin-left: 0px;
		margin-top: 16px;
	}
	.section-standard .col-w-3-1.col-l:nth-child(-n+3) {
		margin-top: 16px;
	}

	.section-standard .col-w-3-1 .txt-menu {
		margin: 10px 0 4px;
	}
	.section-standard .col-w-3-1 strong {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.section-standard .col-w-3-1 small {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.section-standard .col-w-3-1 p {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.6;
	}

	ul.time-menu {
		margin-top: 10px;
	}
	ul.time-menu li {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.8;
	}
	ul.time-menu li span {
		display: inline-block;
		margin-left: 4px;
	}

	.section-yamanaka .col-w-3-1.col-l {
		width: auto;
		margin-left: 0;
		margin-top: 20px;
	}
	.section-yamanaka .col-w-3-1.col-l:nth-child(3n+1) {
		margin-left: 0;
	}

	.section-yamanaka .col-w-3-1 .txt-menu {
		margin: 6px 0 0;
	}
	.section-yamanaka .col-w-3-1 strong {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.section-yamanaka .col-w-3-1 small {
		font-size: 14px;
		font-size: 1.4rem;
	}
}



/* cafe
================================================== */
.menulist-base {
	width: 942px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000;
	padding: 30px 40px;
}

.menu-title {
	float: left;
	width: 220px;
}
.menu-title p strong {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.8;
	letter-spacing: 1px;
	font-weight: 700;
}
.menu-title p strong span {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 1px;
}
.menu-l__r {
	float: right;
	width: 722px;
	position: relative;
}
.menu-l__r:first-child {
	margin: 0;
}
.menu-l__r .data-set {
	*zoom: 1;
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 1px;
	line-height: 1.8;
	text-align: left;
	margin-bottom: 8px;
	background: url(../../img/cafe/dotted.png) repeat-x 0 50%;
}
.menu-l__r .data-set:after {
	content: "";
	display: table;
	clear: both;
}
.menu-l__r .data-set:last-child {
	margin-bottom: 0;
}
.menu-l__r .data-set dt {
	float: left;
	width: 460px;
	background: url(../img/cream_dust.png) repeat 0 0 #fafafa;
}
.menu-l__r .data-set dt span {
	font-size: 13px;
	font-size: 1.3rem;
}
.menu-l__r .data-set dd {
	float: right;
	background: url(../img/cream_dust.png) repeat 0 0 #fafafa;
	padding-left: 40px;
}
	@media screen and (max-width:720px){
		.menulist-base {
			width: auto;
			padding: 16px 15px 10px;
		}
		.menu-title {
			float: none;
			width: auto;
		}
		.menu-title p strong {
			font-size: 14px;
			font-size: 1.4rem;
		}
		.menu-title p strong span {
			font-size: 12px;
			font-size: 1.2rem;
		}
		.menu-l__r {
			float: none;
			width: auto;
		}
		.menu-l__r .data-set {
			font-size: 13px;
			font-size: 1.3rem;
			padding: 10px 0;
			border-bottom: 1px dotted #ccc;
			margin-bottom: 0;
			background: none;
		}

		.menu-l__r .data-set:last-child {
			margin-bottom: 0;
			border-bottom: none;
		}
		.menu-l__r .data-set dt {
			float: left;
			width: 80%;

		}
		.menu-l__r .data-set dd {
			float: right;
			padding-left: 0;
		}
	}



/* gallery
================================================== */
.section-gallery {
	margin-top: 30px;
}
.section-gallery .col-w-2-1.col-l {
	width: 398px;
}
.section-gallery .col-w-2-1.col-r {
	width: 510px;
}

.section-gallery .col-w-2-1.col-l .gallery-message{
	background: #fafafa;
	padding: 30px;
}

.section-gallery .col-w-2-1.col-l p {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: 1px;
	color: #c8161d;
	margin-bottom: 12px;
}
.section-gallery .col-w-2-1.col-l p:last-child {
	margin-bottom: 0;
}

.section-gallery .section-l__r .data-set {
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 1px;
	line-height: 1.8;
	padding: 10px 20px;
}
.section-gallery .section-l__r .data-set dt {
	width: 100px;
}
.section-gallery .section-l__r .data-set dd {
	margin: 0 0 0 120px;
}
.section-gallery .section-l__r .data-set dd span.gallery--tenjifee {
	display: block;
	margin-top: 6px;
}
    .swiper-gallery {
        width: 944px;
    }
@media screen and (max-width:720px){
	.section-gallery {
		margin-top: 10px;
	}
	.section-gallery .col-w-2-1.col-l,
	.section-gallery .col-w-2-1.col-r {
		width: auto;
		float: none;
	}
	.section-gallery .col-w-2-1.col-l .gallery-message{
		padding: 16px 16px 10px;
		margin-bottom: 16px;
	}
	.section-gallery .col-w-2-1.col-l p {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6;
		margin-bottom: 10px;
	}
	.section-gallery .section-l__r .data-set {
		font-size: 13px;
		font-size: 1.3rem;
		letter-spacing: 1px;
		line-height: 1.7;
		padding: 8px 20px;
	}
	.section-gallery .section-l__r .data-set dt {
		width: auto;
	}
	.section-gallery .section-l__r .data-set dd {
		margin: 0 0 0 0;
	}
		.swiper-gallery {
			width: auto;
		}
}



/* party
================================================== */
.section-party {
	margin-top: 30px;
}
.section-party .col-w-2-1.col-l {
	width: 454px;
}
.section-party .col-w-2-1.col-r {
	width: 454px;
}
.section-party .col-w-2-1.col-l p {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: 1px;
	color: #c8161d;
	margin-bottom: 12px;
}
.section-gallery .col-w-2-1.col-l p:last-child {
	margin-bottom: 0;
}

.party-desc {
	background: #fafafa;
	padding: 10px 16px;
}
.party-desc p {
	margin-bottom: 4px !important;
}
.party-desc p:before {
	display: block;
	content:"";
	width: 10px;
	height: 2px;
	-webkit-background-size: 10px 2px;
	background-size: 10px 2px;
	background: #d16163;
	margin: 6px 0 8px;
}
.party-desc p strong {
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 2px;
}
ul.party-price li {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 2;
	letter-spacing: 1px;
}
ul.party-tool li {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 2;
	letter-spacing: 1px;
	display: inline;
	margin-right: 4px;
}
ul.party-tool li:after {
	display: inline-block;
	content:"/";
	margin-left: 8px;
	color: #ccc;
}
ul.party-tool li:last-child:after {
	content:"";
	margin-left: 0;
}
ul.party-notice {
	margin-top: 16px;
	list-style: outside square;
	padding-left: 20px;
}
ul.party-notice li {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 2;
	letter-spacing: 1px;
}

.mp	{
	position: relative;
}
.mp:after	{
	background: url(../../img/party/mp.png) no-repeat 0 0;
	display: block;
	-webkit-background-size: 192px 180px;
	background-size: 192px 180px;
	width: 192px;
	height: 180px;
	content:"";
	position: absolute;
	top: -10px;
	right: -10px;
}
ul.msg-plate li {
	float: left;
	width: calc( 32% - 2px );
	margin-right: 2%;
	text-align: center;
	background: #f2f2f2;
	border: 1px solid #000;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 10px 0;
}
ul.msg-plate li:last-child {
	margin-right: 0;
}
ul.msg-plate li span {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}
@media screen and (max-width:720px){
	.section-party {
		margin-top: 12px;
	}
	.section-party .col-w-2-1.col-l,
	.section-party .col-w-2-1.col-r {
		width: auto;
	}
	.section-party .col-w-2-1.col-l p {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.8;
		margin-bottom: 8px;
	}

	.party-desc {
		padding: 10px 16px;
	}
	.party-desc p:before {
		margin: 8px 0 8px;
	}
	.party-desc p strong {
		font-size: 13px;
		font-size: 1.3rem;
		letter-spacing: 2px;
	}
	ul.party-price li {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.8;
	}
	ul.party-tool li {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.8;
		margin-right: 2px;
	}
	ul.party-tool li:after {
		margin-left: 6px;
	}
	ul.party-notice {
		margin-top: 12px;
	}
	ul.party-notice li {
		line-height: 1.8;
		text-align: left;
	}

	.mp:after	{
		display: none;
	}
	ul.msg-plate li {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 6px;
		border: 1px solid #000;
		font-size: 13px;
		font-size: 1.3rem;
		letter-spacing: 1px;
		padding: 6px 0;
	}
	ul.msg-plate li:last-child {
		margin-right: 0;
		margin-bottom: 0;
	}
}




/* <ok-zenon>recruit
================================================== */
.section-whbox table {
    width: 90%;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
	margin: 60px auto 0;
}
.section-whbox table th {
	width: 30%;
}
.section-whbox table td {
	width: 70%;
}
.section-whbox table th,
.section-whbox table td {
	border-top: 1px solid #999;
	padding: 24px 20px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2;
	vertical-align: top;
}
.section-whbox table tr:first-child th,
.section-whbox table tr:first-child td {
	border-top: none;
	padding-top: 0;
}
.section-whbox table th span,
.section-whbox table td span {
	display: inline-block;
	margin-left: 12px;
}
.section-whbox table th small,
.section-whbox table td small {
	display: inline-block;
	margin-right: 12px;
}
.section-whbox table td ul {
	margin-top: 6px;
	list-style: outside disc;
	padding-left: 20px;
}
.section-whbox table td ul li {
	font-size: 13px;
	font-size: 1.3rem;
	color: #666;
}
@media screen and (max-width:720px){
	.section-whbox table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		display: table;
		margin-top: 24px;
	}
	.section-whbox table th {
		width: 30%;
	}
	.section-whbox table td {
		width: 70%;
	}
	.section-whbox table th,
	.section-whbox table td {
		padding: 12px 0px;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.8;
	}
	.section-whbox table th span,
	.section-whbox table td span {
		display: block;
		margin-left: 0px;
		margin-top: 4px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.section-whbox table th small,
	.section-whbox table td small {
		display: block;
		margin-right: 0;
		margin-top: 6px;
	}
	.section-whbox table td ul {
		margin-top: 4px;
		padding-left: 1.5em;
	}
	.section-whbox table td ul li {
		font-size: 12px;
		font-size: 1.2rem;
	}
}










/*  <cz>PG-event,news,report
---------------------------------------------*/
/*col-main*/
.row .col-main {
	float: right;
	width: 724px;
	background: #ffffff;
}

/*archive-head*/
.archive-head {
	background: #C8161D;
}
.archive-head p {
	text-align: center;
	color: #ffffff;
	padding: 6px 0;
	letter-spacing: 1px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
}
.archive-head span {
	display: inline-block;
	margin-right: 4px;
	font-weight: 400;
}

/*col-main-content*/
.article-base {
	margin:0;
	background: #ffffff;
	padding: 40px;
}
.article-base:first-child {
	margin:0;
}
.article-body p{
	line-height: 2;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 2px;
	margin-bottom: 16px;
}
.article-body p:last-child {
	margin-bottom: 0;
}
.article-body img {
	max-width: 724px;
	height: auto;
	display: block;
}
.article-body p a {
	color:#4d4d4d;
}

	/*PG-article*/
	.PG-article .article-head {
		margin-bottom: 24px;
		padding-bottom: 12px;
		border-bottom: 1px dotted #C8161D;
		position: relative;
	}

	.PG-article .article-head .ninja_onebutton {
		position: absolute;
		top: -16px;
		right: -10px;
	}

	.PG-article .article-head h3 {
		font-size: 22px;
		font-size: 2.2rem;
		letter-spacing: 2px;
		color: #C8161D;
		font-weight: 700;
	}
	.PG-article .article-head h3 a {
		color: #C8161D;
	}
	.PG-article .article-head h3 a:hover {
		color: #666;
	}
	.PG-article .article-head span.date {
		display: block;
		margin-bottom: 18px;
		color: #C8161D;
	}
	.PG-article .article-head span.date time {
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: 2px;
		padding-top: 8px;
		border-top: 2px solid #C8161D;
	}

	input,
	option,
	select,
	selected,
	textarea {
		font-family: 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
		font-size: 14px;
		font-size: 1.4rem;
		width: 96%;
		padding: 2%;
		background: #f2f2f2;
		border: none;
		letter-spacing: 2px;
		margin: 0;
		}
	button {
		font-family: 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
		font-size: 13px;
		font-size: 1.3rem;
	}

	.PG-article .pager-prevnext ul li {
		width: 33.3333%;
		background: #ca4a4d;
		float: left;
		text-align: center;
		font-size: 12px;
		font-size: 1.2rem;
		letter-spacing: 2px;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.PG-article .pager-prevnext ul li.pager-prev ,
	.PG-article .pager-prevnext ul li.pager-next {
		background: #d16163;
	}
	.PG-article .pager-prevnext ul li a {
		display: block;
		color: #ffffff;
		padding: 12px 0;
	}
	.PG-article .pager-prevnext ul li a:after {
		display: block;
		content:"";
		width: 10px;
		height: 10px;
		-webkit-background-size: 10px 10px;
		background-size: 10px 10px;
		margin: 6px auto 0;
	}
	.PG-article ul li.pager-prev a:after {	background: url(../img/icon/cz-prev.svg) no-repeat 0 0;}
	.PG-article ul li.pager-back a:after {	background: url(../img/icon/cz-back.svg) no-repeat 0 0;}
	.PG-article ul li.pager-next a:after {	background: url(../img/icon/cz-next.svg) no-repeat 0 0;}

	.PG-article .pager-prevnext ul li:hover {
		background: #d7777a;
	}

@media screen and (max-width: 720px) {
	.row .col-main {
		float: none;
		width: auto;
		margin: 16px 0 0 0;
	}
	.archive-head {
		margin-bottom: 12px;
	}
	.archive-head p {
		padding: 4px 0;
	}
	.article-base{
		padding: 20px 20px;
	}
	.article-body p{
		line-height: 1.8;
		font-size: 13px;
		font-size: 1.3rem;
		letter-spacing: 1px;
		margin-bottom: 16px;
	}
	.article-body img {
		max-width: 100%;
		height: auto;
	}
		/*PG-article*/
		.PG-article .article-head {
			margin-bottom: 12px;
			padding-bottom: 8px;
		}

		.PG-article .article-head h3 {
			font-size: 14px;
			font-size: 1.4rem;
		}
		.PG-article .article-head span.date {
			margin-bottom: 8px;
		}
		.PG-article .article-head span.date time {
			font-size: 12px;
			font-size: 1.2rem;
		}

		input,
		option,
		select,
		selected,
		textarea {
			font-size: 13px;
			font-size: 1.3rem;
			width: 96%;
			padding: 2%;
			background: #f2f2f2;
			border: none;
			letter-spacing: 1px;
			margin: 0;
			}
		button {
			font-size: 12px;
			font-size: 1.2rem;
		}

		.PG-article .pager-prevnext {
			margin-bottom: 20px;
		}
		.PG-article .pager-prevnext ul li {
			letter-spacing: 1px;
		}
		.PG-article .pager-prevnext ul li a {
			padding: 8px 0;
		}
		.PG-article .pager-prevnext ul li a:after {
			width: 10px;
			height: 10px;
			-webkit-background-size: 10px 10px;
			background-size: 10px 10px;
			margin: 4px auto 0;
		}
}


/*投稿スタイル*/
.PG-article .article-body strong {
	display: inline-block;
	font-weight: 700;
}
.PG-article .article-body p a {
	text-decoration: underline;
}
.PG-article .article-body .m-b {
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	border-bottom: 1px solid #999;
	padding-bottom: 8px;
	margin-bottom: 14px;
}
.PG-article .article-body .m-s {
	font-size: 17px;
	font-size: 1.7rem;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.PG-article .article-body .sizebold {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 6px;
}

.PG-article .article-body span.bold {
}
.PG-article .article-body span.redbold {
	color: #b53347;
}
.PG-article .article-body div.mgblank {
	display: block;
	width: 100%;
	height: 30px;
}

.PG-article .article-body blockquote {
	background: #f2f2f2;
	padding: 20px;
	margin-bottom: 20px;
}
.PG-article .article-body hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	margin-bottom: 20px;
}
.PG-article .article-body .one_half p {
	padding-right: 30px;

}
.PG-article .article-body .one_half.last_column p {
	padding-left: 30px;
}
@media screen and (max-width:720px){
	.article-body p{
		line-height: 1.8;
		font-size: 13px;
		font-size: 1.3rem;
		margin-bottom: 8px;
	}

	.PG-article .article-body blockquote {
		background: #f2f2f2;
		padding: 20px;
		margin-bottom: 20px;
	}
	.PG-article .article-body hr {
		margin-bottom: 20px;
	}
	.PG-article .article-body div.mgblank {
		display: block;
		width: 100%;
		height: 20px;
	}
	.PG-article .article-body .one_half p {
		padding-right: 0;

	}
	.PG-article .article-body .one_half.last_column p {
		padding-left: 0;
	}
}


/*col-side*/
.row .col-side {
	float: left;
	width: 300px;
	background: #e9e9e9;
	padding-bottom: 18px;
}
.title-archive {
	font-size: 16px;
	font-size: 1.6rem;
	color: #bbb;
	background: #e2e2e2;
	padding: 18px;
	font-weight: 700;
}
.side-nav ul li {
	background: #e9e9e9;
	border-bottom: 1px solid #e2e2e2;
}
.side-nav ul li a {
	font-size: 14px;
	font-size: 1.4rem;
	display: block;
	padding: 18px 36px 18px 18px;
	position: relative;
	color: #999;
}
.side-nav ul li a:after {
	display: block;
	position: absolute;
	content:"";
	background: url(../img/icon/zn-blkarrow.svg) no-repeat 0 0;
	top: 50%;
	right: 18px;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	-webkit-background-size: 10px 10px;
	background-size: 10px 10px;
}
.side-nav select {
	margin: 18px auto 0;
	width: 264px;
	display: block;
}
	/*hover*/
	.side-nav ul li:hover {
		background: #e6e6e6;
	}
	.side-nav ul li:hover a:after {
		right: 14px;
	}

@media screen and (max-width: 720px) {
	.row .col-side {
		float: none;
		width: auto;
	}
	.title-archive {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 10px 18px;
	}
	.side-nav ul li a {
		font-size: 13px;
		font-size: 1.3rem;
		padding: 14px 36px 14px 18px;
	}
	.side-nav select {
		width: 90%;
		padding: 6px 0%;
	}
}

/*pager*/
.pager{
	text-align:center;
	padding-bottom: 20px;
}
a.page-numbers,
.pager .current{
	background:#d06666;
	color: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin:0 2px;
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
}
.pager .current{
	background:#b00000;
	color:#ffffff;
}
@media screen and (max-width:720px){
	a.page-numbers,
	.pager .current{
		margin:0 1px;
		font-size: 10px;
		font-size: 1.0rem;
		width: 16px;
		height: 16px;
		line-height: 16px;
	}
}