@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
@import url('sup.css');
/*====================================================================
 reset styles
====================================================================*/
body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,embed,object {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%;
	height: 100%;
	overflow: auto;
}
@media screen and (max-width: 320px) {
	html {
		font-size: 51.875%;
	}
}
body {
	color: #444;
	font-size: 1.6rem;
	-webkit-text-size-adjust: 100%;
}
table,th,td {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
ul {
	list-style: none;
}
ol li {
	margin-left: 20px;
	padding-bottom: 10px;
}
* html ol li {
	margin-left: 25px;
}
* + html ol li {
	margin-left: 25px;
}
ol li ul li {
	margin-left: 0;
}
fieldset,img {
	border: 0;
}
a {
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
tr {
	vertical-align: top;
}
caption,th {
	text-align: left;
}
abbr,acronym {
	border: 0;
}
sup {
	vertical-align: 2px;
}
sub {
	vertical-align: bottom;
}
a:link,a:active,a:visited {
	text-decoration: none;
}
a:link {
	color: #917d00;
	text-decoration: underline;
}
a:visited {
	color: #917d00;
	text-decoration: none;
}
a:hover {
	color: #917d00;
	text-decoration: none;
}
img {
	height: auto;
	max-width: 100%;
}
/*====================================================================
 Common class
====================================================================*/
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	overflow: hidden;
}
.d-inline {
	display: inline !important;
}
.noMargin {
	margin-bottom: 0 !important;
}
.x-smallMargin {
	margin-bottom: 5px !important;
}
.smallMargin {
	margin-bottom: 10px !important;
}
.middleMargin {
	margin-bottom: 15px !important;
}
.normalMargin {
	margin-bottom: 20px !important;
}
.largeMargin {
	margin-bottom: 30px !important;
}
.margin35 {
	margin-bottom: 35px !important;
}
.x-largeMargin {
	margin-bottom: 40px !important;
}
.xx-largeMargin {
	margin-bottom: 50px !important;
}
.xxx-largeMargin {
	margin-bottom: 60px !important;
}
.xxxx-largeMargin {
	margin-bottom: 70px !important;
}
.noMarginTop {
	margin-top: 0 !important;
}
.x-smallMarginTop {
	margin-top: 5px !important;
}
.smallMarginTop {
	margin-top: 10px !important;
}
.middleMarginTop {
	margin-top: 15px !important;
}
.normalMarginTop {
	margin-top: 20px !important;
}
.largeMarginTop {
	margin-top: 30px !important;
}
.x-largeMarginTop {
	margin-top: 40px !important;
}
.xx-largeMarginTop {
	margin-top: 50px !important;
}
.xxx-largeMarginTop {
	margin-top: 60px !important;
}
.xxxx-largeMarginTop {
	margin-top: 70px !important;
}
.fsize8 {
	font-size: .8rem !important;
}
.fsize9 {
	font-size: .9rem !important;
}
.fsize10 {
	font-size: 1.0rem !important;
}
.fsize11 {
	font-size: 1.1rem !important;
}
.fsize12 {
	font-size: 1.2rem !important;
}
.fsize13 {
	font-size: 1.3rem !important;
}
.fsize14 {
	font-size: 1.4rem !important;
}
.fsize15 {
	font-size: 1.5rem !important;
}
.fsize16 {
	font-size: 1.6rem !important;
}
.fsize17 {
	font-size: 1.7rem !important;
}
.fsize18 {
	font-size: 1.8rem !important;
}
.fsize19 {
	font-size: 1.9rem !important;
}
.fsize20 {
	font-size: 2.0rem !important;
}
.fsize21 {
	font-size: 2.1rem !important;
}
.fsize22 {
	font-size: 2.2rem !important;
}
.fsize23 {
	font-size: 2.3rem !important;
}
.fsize24 {
	font-size: 2.4rem !important;
}
.fsize25 {
	font-size: 2.5rem !important;
}
.fsize26 {
	font-size: 2.6rem !important;
}
.fsize27 {
	font-size: 2.7rem !important;
}
.fsize28 {
	font-size: 2.8rem !important;
}
.fsize29 {
	font-size: 2.9rem !important;
}
.fsize30 {
	font-size: 3.0rem !important;
}
.fsize31 {
	font-size: 3.1rem !important;
}
.fsize32 {
	font-size: 3.2rem !important;
}
.fsize33 {
	font-size: 3.3rem !important;
}
.fsize34 {
	font-size: 3.4rem !important;
}
.fsize35 {
	font-size: 3.5rem !important;
}
.fsize36 {
	font-size: 3.6rem !important;
}
.fsize37 {
	font-size: 3.7rem !important;
}
.fsize38 {
	font-size: 3.8rem !important;
}
.fsize39 {
	font-size: 3.9rem !important;
}
.fsize40 {
	font-size: 4.0rem !important;
}
.fsize41 {
	font-size: 4.1rem !important;
}
.fsize42 {
	font-size: 4.2rem !important;
}
.fsize43 {
	font-size: 4.3rem !important;
}
.fsize44 {
	font-size: 4.4rem !important;
}
.fsize45 {
	font-size: 4.5rem !important;
}
.fsize46 {
	font-size: 4.6rem !important;
}
.fsize47 {
	font-size: 4.7rem !important;
}
.fsize48 {
	font-size: 4.8rem !important;
}
.fsize49 {
	font-size: 4.9rem !important;
}
.fsize50 {
	font-size: 5.0rem !important;
}
.textXXX-small {
	font-size: 65% !important;
}
.textXX-small {
	font-size: 70% !important;
}
.textX-small {
	font-size: 75% !important;
}
.textSmall {
	font-size: 80% !important;
}
.textMiddle {
	font-size: 90% !important;
}
.textLarge {
	font-size: 120% !important;
	line-height: 1.3em !important;
}
.textX-large {
	font-size: 130% !important;
	line-height: 1.3em !important;
}
.textXX-large {
	font-size: 160% !important;
	line-height: 1.3em !important;
}
.textXXX-large {
	font-size: 180% !important;
	line-height: 1.3em !important;
}
.textLeft {
	text-align: left !important;
}
.textCenter {
	text-align: center !important;
}
.textRight {
	text-align: right !important;
}
.textBold {
	font-weight: bold;
}
.textNormal {
	font-weight: normal;
}
.textCaution {
	padding-left: 1em;
	text-indent: -1em;
}
.textCautionNumber {
	padding-left: 2.2em;
	text-indent: -2.2em;
}
.lineH1 {
	line-height: 1em !important;
}
.lineH06 {
	line-height: .6em !important;
}
img.fadeimg {
	vertical-align: top;
}
.colorBlack {
	color: #444 !important;
}
.colorGold {
	color: #917d00 !important;
}
.colorRed {
	color: #c00 !important;
}
.colorGreen {
	color: #005d21 !important;
}
ul.commonList {
	list-style: none;
	padding-left: 0;
}
ul.commonList li {
	margin-bottom: 5px;
	padding-left: 13px;
	position: relative;
}
ul.commonList li::before {
	background-color: #444;
	border-radius: 50%;
	content: '';
	height: 5px;
	left: 2px;
	margin-top: -2.5px;
	position: absolute;
	top: .71em;
	width: 5px;
}
ul.commonList.fsize14 li {
	line-height: 2.1rem;
}
ul.commonList.fsize14 li::before {
	margin-top: -2.5px;
	top: 10px;
}
ol.commonList {
	list-style: decimal;
	padding-left: 25px;
}
ol.commonList li {
	margin-bottom: 5px;
}
ol.bracketsNumberList {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
ol.bracketsNumberList li {
	margin-left: 0;
	padding-bottom: 10px;
	padding-left: 1.8em;
	text-indent: -1.8em;
}
.photoShadow {
	box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .2);
}
.externalLink {
	background: url(/postcard/kitamura/common/images/2020/common/icon_external.png) no-repeat right .4em;
	padding-right: 15px;
}
.linkArrow {
	padding-left: 12px;
	position: relative;
}
.linkArrow:before {
	border-right: 1px solid #917d00;
	border-top: 1px solid #917d00;
	content: '';
	height: 6px;
	left: -2px;
	margin-top: -3px;
	position: absolute;
	top: .65em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
}
.linkAnchor {
	display: inline-block;
	padding-right: 20px;
	position: relative;
}
.linkAnchor:before {
	border-bottom: 1px solid #917d00;
	border-right: 1px solid #917d00;
	content: '';
	height: 8px;
	margin-top: -4px;
	position: absolute;
	right: 0;
	top: .5em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
}
.anchorPoint {
	display: block;
	margin-top: -90px;
	padding-top: 90px;
	visibility: hidden;
}
.button {
	-webkit-align-items: center;
	align-items: center;
	background: #917d00;
	border-radius: 5px;
	color: #fff !important;
	display: flex;
	display: -webkit-flex;
	font-size: 1.8rem;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 17px 20px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	transition-duration: .3s;
	transition-property: opacity;
}
.button.inline {
	display: inline-flex;
	display: -webkit-inline-flex;
	max-width: 100%;
	width: 400px;
}
.button.slim {
	padding-bottom: 10px;
	padding-top: 10px;
}
.button.color-gray {
	background-color: #7d7d7d;
}
.button:hover {
	opacity: .7;
}
.button:after {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	content: '';
	height: 10px;
	margin-top: -7px;
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
}
.button.backButton:after {
	left: 15px;
	right: auto;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.button.has-noIcon:after {
	display: none;
}
@media screen and (min-width: 768px), print {
	.button.pc-normalText {
		background-color: transparent;
		display: inline;
		font-size: inherit;
		padding: 0;
		text-decoration: underline !important;
	}
	.button.pc-normalText:hover {
		opacity: 1;
		text-decoration: none !important;
	}
}
.button.fsize15:after,.button.fsize16:after {
	-webkit-transform: scale(.75) rotate(45deg);
	transform: scale(.75) rotate(45deg);
}
.button.fsize13:after,.button.fsize14:after {
	-webkit-transform: scale(.65) rotate(45deg);
	transform: scale(.65) rotate(45deg);
}
.button.backButton.fsize15:after,.button.backButton.fsize16:after {
	-webkit-transform: scale(.75) rotate(-135deg);
	transform: scale(.75) rotate(-135deg);
}
.button.backButton.fsize13:after,.button.backButton.fsize14:after {
	-webkit-transform: scale(.65) rotate(-135deg);
	transform: scale(.65) rotate(-135deg);
}
.button.arrowInline:after {
	margin-left: 10px;
	margin-top: 0;
	position: relative;
	right: auto;
}
.buyLink {
	background: #02a03f;
	/* Old browsers */
	border-radius: 6px;
	font-weight: bold;
	height: 60px;
	padding: 5px 20px;
}
/* W3C */
.color-green,.buyLink {
	background: linear-gradient(to bottom, #02a03f 0%, #028124 100%);
	/* W3C */
}
.smallButton {
	-webkit-align-items: center;
	align-items: center;
	background: #917d00 !important;
	border-radius: 15px !important;
	color: #fff !important;
	display: flex;
	display: -webkit-flex;
	font-size: 1.5rem;
	height: auto !important;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 2px 20px !important;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	transition-duration: .3s;
	transition-property: opacity;
}
.smallButton:hover {
	opacity: .7;
}
.smallButton:before {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	content: '';
	display: inline-block;
	height: 7px;
	margin-right: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 7px;
}
.moreButtonWrapper {
	text-align: right;
}
.moreButtonWrapper .button {
	display: inline-block;
	width: 260px;
}
.fl-col-end {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.photoCenter {
	position: relative;
}
.photoCenter a {
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
}
.photoCenter a img {
	bottom: 0;
	height: auto;
	left: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: top;
	width: auto;
}
.photoCenter a img.rank_icon {
	bottom: auto;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	right: auto;
	width: 50px;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.photoCenter a img.rank_icon {
		height: 40px;
		margin-left: -20px;
		margin-top: -20px;
		width: 40px;
	}
}
.photoCenter a.rotT img.rank_icon {
	left: 16.33%;
}
.photoCenter a.rotY img.rank_icon {
	top: 16.33%;
}
.photoCenter.top a img {
	margin: 0 auto auto;
}
.photoCenter.bottom a img {
	margin: auto auto 0;
}
.basicTable {
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	width: 100%;
}
.basicTable th,.basicTable td {
	background: #fff;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 5px 10px;
}
.sp-break {
	display: none;
}
@media screen and (min-width: 768px), print {
	.pc-hide {
		display: none !important;
	}
	.lightboxLink {
		cursor: pointer;
		transition-duration: .2s;
	}
	.lightboxLink:hover {
		opacity: .7;
	}
}
.pc-horizontal-scroll {
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	overflow-y: hidden;
	padding-bottom: 10px;
	position: relative;
}
.pc-horizontal-scroll.hasRankIcon {
	padding-left: 25px;
	padding-top: 25px;
}
.pc-horizontal-scroll > .col10Block {
	width: 2000px;
}
.pc-horizontal-scroll-wrapper {
	padding-bottom: 40px;
	position: relative;
}
.pc-horizontal-scroll-wrapper::before {
	background-image: url('/postcard/kitamura/common/images/2020/common/arrow_yoko.png');
	background-position: center center;
	background-repeat: no-repeat;
	bottom: 0;
	content: '';
	left: 20%;
	padding-top: 22px;
	position: absolute;
	right: 20%;
}
.arrow-white .pc-horizontal-scroll-wrapper::before {
	background-image: url('/postcard/kitamura/common/images/2020/common/arrow_yoko_white.png');
}
.sp-horizontal-scroll-wrapper {
	padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.sp-noMargin {
		margin-bottom: 0 !important;
	}
	.sp-x-smallMargin {
		margin-bottom: 5px !important;
	}
	.sp-smallMargin {
		margin-bottom: 10px !important;
	}
	.sp-middleMargin {
		margin-bottom: 15px !important;
	}
	.sp-normalMargin {
		margin-bottom: 20px !important;
	}
	.sp-margin25 {
		margin-bottom: 25px !important;
	}
	.sp-margin27 {
		margin-bottom: 27px !important;
	}
	.sp-largeMargin {
		margin-bottom: 30px !important;
	}
	.sp-x-largeMargin {
		margin-bottom: 40px !important;
	}
	.sp-xx-largeMargin {
		margin-bottom: 50px !important;
	}
	.sp-xxx-largeMargin {
		margin-bottom: 60px !important;
	}
	.sp-xxxx-largeMargin {
		margin-bottom: 70px !important;
	}
	.sp-noMarginTop {
		margin-Top: 0 !important;
	}
	.sp-x-smallMarginTop {
		margin-Top: 5px !important;
	}
	.sp-smallMarginTop {
		margin-Top: 10px !important;
	}
	.sp-middleMarginTop {
		margin-Top: 15px !important;
	}
	.sp-normalMarginTop {
		margin-Top: 20px !important;
	}
	.sp-largeMarginTop {
		margin-Top: 30px !important;
	}
	.sp-x-largeMarginTop {
		margin-Top: 40px !important;
	}
	.sp-xx-largeMarginTop {
		margin-Top: 50px !important;
	}
	.sp-xxx-largeMarginTop {
		margin-Top: 60px !important;
	}
	.sp-xxxx-largeMarginTop {
		margin-Top: 70px !important;
	}
	.sp-fsize8 {
		font-size: .8rem !important;
	}
	.sp-fsize9 {
		font-size: .9rem !important;
	}
	.sp-fsize10 {
		font-size: 1.0rem !important;
	}
	.sp-fsize11 {
		font-size: 1.1rem !important;
	}
	.sp-fsize12 {
		font-size: 1.2rem !important;
	}
	.sp-fsize13 {
		font-size: 1.3rem !important;
	}
	.sp-fsize14 {
		font-size: 1.4rem !important;
	}
	.sp-fsize15 {
		font-size: 1.5rem !important;
	}
	.sp-fsize16 {
		font-size: 1.6rem !important;
	}
	.sp-fsize17 {
		font-size: 1.7rem !important;
	}
	.sp-fsize18 {
		font-size: 1.8rem !important;
	}
	.sp-fsize19 {
		font-size: 1.9rem !important;
	}
	.sp-fsize20 {
		font-size: 2.0rem !important;
	}
	.sp-fsize21 {
		font-size: 2.1rem !important;
	}
	.sp-fsize22 {
		font-size: 2.2rem !important;
	}
	.sp-fsize23 {
		font-size: 2.3rem !important;
	}
	.sp-fsize24 {
		font-size: 2.4rem !important;
	}
	.sp-fsize25 {
		font-size: 2.5rem !important;
	}
	.sp-fsize26 {
		font-size: 2.6rem !important;
	}
	.sp-fsize27 {
		font-size: 2.7rem !important;
	}
	.sp-fsize28 {
		font-size: 2.8rem !important;
	}
	.sp-fsize29 {
		font-size: 2.9rem !important;
	}
	.sp-fsize30 {
		font-size: 3.0rem !important;
	}
	.sp-fsize31 {
		font-size: 3.1rem !important;
	}
	.sp-fsize32 {
		font-size: 3.2rem !important;
	}
	.sp-fsize33 {
		font-size: 3.3rem !important;
	}
	.sp-fsize34 {
		font-size: 3.4rem !important;
	}
	.sp-fsize35 {
		font-size: 3.5rem !important;
	}
	.sp-fsize36 {
		font-size: 3.6rem !important;
	}
	.sp-fsize37 {
		font-size: 3.7rem !important;
	}
	.sp-fsize38 {
		font-size: 3.8rem !important;
	}
	.sp-fsize39 {
		font-size: 3.9rem !important;
	}
	.sp-fsize40 {
		font-size: 4.0rem !important;
	}
	.sp-textLeft {
		text-align: left !important;
	}
	.sp-textCenter {
		text-align: center !important;
	}
	.sp-textRight {
		text-align: right !important;
	}
	.sp-textBold {
		font-weight: bold;
	}
	.sp-textNormal {
		font-weight: normal;
	}
	.sp-hide {
		display: none !important;
	}
	.pc-break {
		display: none !important;
	}
	.sp-break {
		display: block !important;
	}
	.sp-block {
		display: block;
	}
	.sp-inline-block {
		display: inline-block;
	}
	.sp-horizontal-scroll {
		-webkit-overflow-scrolling: touch;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.sp-horizontal-scroll > * {
		width: 640px;
	}
	.sp-horizontal-scroll.is-banner > * {
		width: 660px;
	}
	.sp-horizontal-scroll > .col10Block {
		width: 1280px;
	}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
	.sp-horizontal-scroll-wrapper {
		padding-bottom: 40px;
		position: relative;
	}
	.sp-horizontal-scroll-wrapper::before {
		background-image: url('/postcard/kitamura/common/images/2020/common/arrow_yoko.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		bottom: 0;
		content: '';
		left: 0;
		padding-top: 6%;
		position: absolute;
		right: 0;
	}
	.arrow-white .sp-horizontal-scroll-wrapper::before {
		background-image: url('/postcard/kitamura/common/images/2020/common/arrow_yoko_white.png');
	}
	.sp-horizontal-scroll-wrapper .scroll-prev-button {
		border-left: 2px solid #ccc;
		border-top: 2px solid #ccc;
		content: '';
		height: 10px;
		left: 0;
		margin-top: -5px;
		position: absolute;
		top: 50%;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		width: 10px;
	}
	.sp-horizontal-scroll-wrapper .scroll-next-button {
		border-right: 2px solid #ccc;
		border-top: 2px solid #ccc;
		content: '';
		height: 10px;
		margin-top: -5px;
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 10px;
	}
}
@media screen and (max-width: 767px) {
	.anchorPoint {
		margin-top: -50px;
		padding-top: 50px;
	}
	.buyLink {
		font-size: 1.7rem;
	}
}
.swal-icon--error,.swal-icon--warning {
	border-color: #7c7c7a !important;
}
.swal-icon--error__line,.swal-icon--warning__body,.swal-icon--warning__dot {
	background-color: #7c7c7a !important;
}
.swal-button,.swal-button:active {
	background-color: #7c7c7a !important;
}
@-webkit-keyframes pulseWarning {
	0% {
		border-color: #7c7c7a;
	}
	to {
		border-color: #7c7c7a;
	}
}
@keyframes pulseWarning {
	0% {
		border-color: #7c7c7a;
	}
	to {
		border-color: #7c7c7a;
	}
}
.swal-button--cancel,.swal-button--cancel:active {
	background-color: #efefef !important;
	color: #555 !important;
}
/*====================================================================
 Layout styles
====================================================================*/
/* #wrapper */
#wrapper {
	min-width: 1200px;
	overflow: hidden;
	padding-top: 90px;
	position: relative;
}
@media screen and (max-width: 767px) {
	#wrapper {
		min-width: inherit;
		padding-top: 50px;
	}
}
/* #header */
#header {
	background: #c00;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	height: 50px;
	left: 0;
	min-width: 1200px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 101;
}
#headerInner {
	padding: 9px 15px 9px 20px;
}
#headerLogo {
	float: left;
	width: 680px;
}
#headerLogo .logo {
	float: left;
	padding-right: 8px;
}
@media screen and (min-width: 768px), print {
	#headerLogo .logo {
		padding-right: 22px;
		width: 320px;
    margin-top: -4px;
	}
}
#headerLogo .text {
	color: #dbb035;
	float: left;
	font-size: 1.3rem;
	font-weight: bold;
	padding-top: 9px;
}
#header .shareArea {
	float: right;
	margin-top: 3px;
	position: relative;
	width: 30px;
}
#header .shareArea ul {
	background: #c00;
	position: absolute;
	right: 0;
	top: -500px;
	width: 140px;
	z-index: 110;
}
#header .shareArea ul.ready {
	top: 38px;
}
#header .shareArea li {
	color: #fff;
	display: block;
	font-size: 80%;
	line-height: .5;
	padding: 6px 15px;
	text-decoration: none;
}
#header .shareArea li.line {
	display: none;
}
#header .editBtnArea {
	/*display: none;*/
	float: right;
	padding-top: 5px;
	position: relative;
}
#header .editBtnArea ul {
	float: left;
}
#header .editBtnArea ul li {
	background: #fff;
	border-radius: 6px;
	float: left;
	height: 24px;
	margin-right: 7px;
	min-width: 75px;
	padding: 1px;
	position: relative;
}
#header .editBtnArea ul li a {
	background: #c00;
	border-radius: 6px;
	color: #fff;
	display: block;
	font-size: 1.28rem;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	transition-duration: .2s;
	width: auto;
}
#header .editBtnArea ul li a:hover {
	opacity: .7;
}
#header .editBtnArea ul li:last-child {
	margin: 0;
}
#header .editBtnArea ul li .balloon {
	background: #fff;
	border: solid 4px #917d00;
	border-radius: 6px;
	box-shadow: 5px 5px 0 0 rgba(0, 0, 0, .15);
	display: none;
	left: 0;
	margin-left: -109px;
	padding: 15px;
	position: absolute;
	top: 56px;
	width: 540px;
	z-index: 111;
}
#header .editBtnArea ul li .balloon:before {
	background: url(/postcard/kitamura/common/images/2020/common/balloon.png) no-repeat left top;
	content: '';
	display: block;
	height: 34px;
	left: 50%;
	margin-left: -130px;
	position: absolute;
	top: -34px;
	width: 35px;
}
#header .editBtnArea ul li:nth-child(2) .balloon {
	margin-left: -241px;
}
#header .editBtnArea ul li:nth-child(2) .balloon:before {
	margin-left: 10px;
}
#header .editBtnArea ul li:nth-child(3) .balloon {
	margin-left: -385px;
}
#header .editBtnArea ul li:nth-child(3) .balloon:before {
	margin-left: 121px;
}
#header .editBtnArea ul li:nth-child(4) .balloon {
	margin-left: -467px;
}
#header .editBtnArea ul li:nth-child(4) .balloon:before {
	margin-left: 205px;
}
/* logoutButton width: 86px + margin: 7px = 93px */
#header .editBtnArea.hasLogOut ul li .balloon {
	margin-left: -16px;
}
#header .editBtnArea.hasLogOut ul li .balloon:before {
	margin-left: -223px;
}
#header .editBtnArea.hasLogOut ul li:nth-child(2) .balloon {
	margin-left: -148px;
}
#header .editBtnArea.hasLogOut ul li:nth-child(2) .balloon:before {
	margin-left: -83px;
}
#header .editBtnArea.hasLogOut ul li:nth-child(3) .balloon {
	margin-left: -292px;
}
#header .editBtnArea.hasLogOut ul li:nth-child(3) .balloon:before {
	margin-left: 28px;
}
#header .editBtnArea.hasLogOut ul li:nth-child(4) .balloon {
	margin-left: -374px;
}
#header .editBtnArea.hasLogOut ul li:nth-child(4) .balloon:before {
	margin-left: 112px;
}
#header .editBtnArea ul li .balloon .addOrderTitle,#header .editBtnArea ul li .balloon .reOrderTitle,#header .editBtnArea ul li .balloon .orderListTitle,#header .editBtnArea ul li .balloon .addressBookTitle {
	font-size: 1.9rem;
	font-weight: bold;
	margin-bottom: 6px;
	padding-left: 38px;
	padding-top: 2px;
}
#header .editBtnArea ul li .balloon .addOrderTitle {
	background: url(/postcard/kitamura/common/images/2020/common/icon_add_order.png) no-repeat left top;
	background-size: auto 30px;
}
#header .editBtnArea ul li .balloon .reOrderTitle {
	background: url(/postcard/kitamura/common/images/2020/common/icon_re_order.png) no-repeat left top;
	background-size: auto 30px;
}
#header .editBtnArea ul li .balloon .orderListTitle {
	background: url(/postcard/kitamura/common/images/2020/common/icon_history_order.png) no-repeat left 1px;
	background-size: auto 30px;
}
#header .editBtnArea ul li .balloon .addressBookTitle {
	background: url(/postcard/kitamura/common/images/2020/common/icon_address_book.png) no-repeat left 1px;
	background-size: auto 30px;
}
#header .sp-icon {
	display: none;
}
/*@media screen and (max-width: 1024px) {*/
@media screen and (max-width: 767px) {
	#header {
		height: 50px;
		min-width: inherit;
		z-index: 1001;
	}
	#headerInner {
		padding: 0;
	}
	#headerLogo {
		max-width: 80%;
		padding: 22px 5px 2px 15px;
		position: relative;
		width: 100%;
	}
	#headerLogo .logo {
		padding-right: 0;
    margin-top: -17px;
	}
	#headerLogo .logo h1 {
		line-height: 1px;
	}
	#headerLogo .logo img {
    max-width: 100%;
    height: 40px;
	}
	#headerLogo .text {
		float: none;
		font-size: .9rem;
		font-weight: bold;
		left: 16px;
		line-height: 0;
		position: absolute;
		top: 7px;
		zoom: .9;
	}
	#header .sp-icon {
		display: block;
		float: right;
		line-height: 1;
		margin-right: 5px;
		text-align: center;
		width: 33px;
	}
}
@media screen and (max-width: 767px) and (max-width: 350px) {
	#header .sp-icon {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	#header .sp-icon a {
		display: block;
		padding: 15px 5px 16px;
	}
	#header .sp-icon.menu {
		margin-right: 0;
		width: 60px;
	}
	#header .sp-icon.menu a {
		padding: 14px 7px 15px 8px;
	}
	#header .sp-icon img {
		vertical-align: top;
	}
	#header .sp-icon a.open {
		background: #dc5050;
	}
	#header .shareArea {
		float: none;
		position: fixed;
		top: 50px;
		width: 100%;
		z-index: 1000;
	}
	#header .shareArea .shareBtn {
		display: none;
	}
	#header .shareArea ul.subMenu,#header .shareArea ul.ready {
		display: none;
		padding: 10px 0 5px;
		position: absolute;
		text-align: center;
		top: auto;
		width: 100%;
		z-index: 110;
	}
	#header .shareArea li {
		display: inline;
		list-style-type: none;
		margin: 0 5px;
		overflow: hidden;
		padding: 0;
		position: relative;
		width: auto;
	}
	#header .shareArea li.hatena {
		height: 20px;
		position: relative;
		width: 88px;
	}
	#header .shareArea li.line {
		display: inline;
	}
	#header .shareArea li.hatena iframe {
		left: 0;
		position: static;
		top: 0;
	}
}
/* #globalNavi */
#globalNavi {
	background: #083d20;
	border-top: solid 1px #7a0000;
	-webkit-font-smoothing: antialiased;
	height: 40px;
	left: 0;
	min-width: 1200px;
	position: fixed;
	top: 50px;
	width: 100%;
	z-index: 100;
}
#gnaviInneer {
	height: 40px;
	margin-top: -1px;
	position: relative;
}
#gnaviInneer ul.gnaviList {
	display: flex;
	display: -webkit-flex;
}
#gnaviInneer ul.gnaviList > li {
	background: #fff;
	border-right: solid 1px #5e816e;
	border-top: solid 1px #7a0000;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 39px;
	position: relative;
}
#gnaviInneer ul.gnaviList > li.spOnlyMenu {
	display: none;
}
#gnaviInneer ul.gnaviList > li > a {
	background: #083d20;
	color: #fff;
	display: block;
	font-size: 1.28rem;
	font-weight: normal;
	line-height: 23px;
	min-height: 39px;
	padding: 8px 11px 8px 20px;
	position: relative;
	text-decoration: none;
	z-index: 100;
}
#gnaviInneer ul.gnaviList > li > a:hover {
	opacity: .8;
}
#gnaviInneer ul.gnaviList > li.hover > a:hover {
	opacity: 1;
}
#gnaviInneer ul.gnaviList > li.hover > a {
	background: url(/postcard/kitamura/common/images/2020/common/texture01.gif) repeat center top;
	color: #083d20;
}
#gnaviInneer ul.gnaviList > li.gnavi_mochu.hover > a {
	background: url(/postcard/kitamura/common/images/2020/common/texture04.gif) repeat center top;
}
#gnaviInneer ul.gnaviList > li > a:before {
	background: #dbb035;
	border-radius: 50%;
	content: '';
	height: 5px;
	left: 11px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	width: 5px;
}
/*@media screen and (min-width: 1025px) {*/
@media screen and (min-width: 768px), print {
	#gnaviInneer ul.gnaviList > li > a.hasMegaMenu:after {
		background: url(/postcard/kitamura/common/images/2020/common/icon_gnavi_sub.png);
		border-radius: 2px;
		content: '';
		display: inline-block;
		height: 12px;
		margin-left: 5px;
		vertical-align: -8%;
		width: 12px;
	}
	#gnaviInneer ul.gnaviList > li.hover > a.hasMegaMenu:after {
		background: url(/postcard/kitamura/common/images/2020/common/icon_gnavi_sub_current.png);
	}
	.topPage #gnaviInneer ul.gnaviList > li.gnavi00 > a,.gnCategory01 #gnaviInneer ul.gnaviList > li.gnavi01 > a,.gnCategory02 #gnaviInneer ul.gnaviList > li.gnavi02 > a,.gnCategory04 #gnaviInneer ul.gnaviList > li.gnavi04 > a,.gnCategory05 #gnaviInneer ul.gnaviList > li.gnavi05 > a,.gnCategory06 #gnaviInneer ul.gnaviList > li.gnavi06 > a,.gnCategory07 #gnaviInneer ul.gnaviList > li.gnavi07 > a,.gnCategory08 #gnaviInneer ul.gnaviList > li.gnavi08 > a {
		background: url(/postcard/kitamura/common/images/2020/common/texture01.gif) repeat center top;
		color: #444;
	}
	.gnCategory03 #gnaviInneer ul.gnaviList > li.gnavi03 > a {
		background: url(/postcard/kitamura/common/images/2020/common/texture04.gif) repeat center top;
		color: #444;
	}
	.gnCategory01 #gnaviInneer ul.gnaviList > li.gnavi01 > a:after,.gnCategory02 #gnaviInneer ul.gnaviList > li.gnavi02 > a:after,.gnCategory03 #gnaviInneer ul.gnaviList > li.gnavi03 > a:after,.gnCategory04 #gnaviInneer ul.gnaviList > li.gnavi04 > a:after {
		background: url(/postcard/kitamura/common/images/2020/common/icon_gnavi_sub_current.png);
	}
}
#gnaviInneer ul.gnaviList > li .subMenuWrapper {
	left: -1px;
	overflow: hidden;
	position: absolute;
	top: 39px;
}
#gnaviInneer ul.gnaviList > li ul.subMenu {
	background: url(/postcard/kitamura/common/images/2020/common/texture01.gif) repeat center top;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	box-shadow: 10px 10px 0 0 rgba(0, 0, 0, .2);
	display: none;
	height: 330px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 39px;
	width: 220px;
	z-index: 30;
}
#gnaviInneer ul.gnaviList > li.gnavi_mochu ul.subMenu {
	background: url(/postcard/kitamura/common/images/2020/common/texture04.gif) repeat center top;
}
#gnaviInneer ul.gnaviList > li .subMenuWrapper ul.subMenu {
	margin-bottom: 10px;
	margin-right: 10px;
	padding-top: 10px;
	position: relative;
	top: -10px;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li {
	border-bottom: solid 1px #e0d9cc;
	width: 220px;
}
#gnaviInneer ul.gnaviList > li.gnavi_mochu ul.subMenu > li {
	border-bottom: solid 1px #cfccd7;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li > a {
	color: #917d00;
	display: block;
	font-size: 1.28rem;
	font-weight: normal;
	padding: 14px 14px;
	position: relative;
	text-decoration: none;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li > a:after {
	border-right: 1px solid #917d00;
	border-top: 1px solid #917d00;
	content: '';
	height: 6px;
	margin-top: -3px;
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li > a.multiLine {
	padding: 5px 24px;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li.topList > a {
	font-size: 1.9rem;
	font-weight: bold;
	padding: 25px 24px;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li.topList > a:after {
	border-right: 2px solid #917d00;
	border-top: 2px solid #917d00;
	height: 8px;
	margin-top: -4px;
	-webkit-transform: scale(.9) rotate(45deg);
	transform: scale(.9) rotate(45deg);
	width: 8px;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li > a:hover {
	background: #fff;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li.lhover > a,#gnaviInneer ul.gnaviList > li ul.subMenu > li.topList.lhover > a,#gnaviInneer ul.gnaviList > li ul.subMenu > li.lhover > a:hover {
	background: #fff;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li.lhover > a:after,#gnaviInneer ul.gnaviList > li ul.subMenu > li.lhover.topList > a:after,#gnaviInneer ul.gnaviList > li ul.subMenu > li.lhover.topList > a:hover:after {
	display: none;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail {
	background: #fff;
	display: block;
	height: 330px;
	left: 220px;
	position: absolute;
	top: 10px;
	width: 580px;
}
#gnaviInneer ul.gnaviList > li.gnavi04 ul.subMenu > li .megaMenuDetail,#gnaviInneer ul.gnaviList > li.gnavi05 ul.subMenu > li .megaMenuDetail,#gnaviInneer ul.gnaviList > li.gnavi06 ul.subMenu > li .megaMenuDetail {
	width: 252px;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .list {
	left: 0;
	padding: 27px 25px 27px 30px;
	position: absolute;
	top: 0;
	z-index: 3;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .list ul li {
	font-size: 1.4rem;
	margin-bottom: 15px;
	padding-left: 18px;
	position: relative;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .list ul li:before {
	background: #dbb035;
	border-radius: 50%;
	content: '';
	display: block;
	height: 5px;
	left: 5px;
	margin-top: 8px;
	position: absolute;
	top: 0;
	width: 5px;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .list ul li.subTopList {
	font-size: 1.6rem;
	font-weight: bold;
	padding-left: 0;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .list ul li.subTopList:before {
	content: none;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .list ul li.subTopList a {
	display: inline-block;
	padding-left: 18px;
	position: relative;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .list ul li.subTopList a:before {
	border-right: 2px solid #917d00;
	border-top: 2px solid #917d00;
	content: '';
	height: 8px;
	left: 0;
	margin-top: -4px;
	position: absolute;
	top: .6em;
	-webkit-transform: scale(.9) rotate(45deg);
	transform: scale(.9) rotate(45deg);
	width: 8px;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 330px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 580px;
	z-index: 1;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.posLT {
	background-position: left top;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.posLC {
	background-position: left center;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.posLB {
	background-position: left bottom;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.posCT {
	background-position: center top;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.posCC {
	background-position: center center;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.posCB {
	background-position: center bottom;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.posRT {
	background-position: right top;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.posRC {
	background-position: right center;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.posRB {
	background-position: right bottom;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.pt {
	-webkit-transform: translateY(15px);
	transform: translateY(15px);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.pb {
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.pr {
	-webkit-transform: translateX(0) translateY(-15px);
	transform: translateX(0) translateY(-15px);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.pr.pt {
	-webkit-transform: translateX(-20px) translateY(10px);
	transform: translateX(-20px) translateY(10px);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.pr.pb {
	-webkit-transform: translateX(-20px) translateY(-30px);
	transform: translateX(-20px) translateY(-30px);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.g_about_top {
	background-image: url(/postcard/kitamura/common/images/2020/gnavi/g_about_top.png);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.g_about_flow {
	background-image: url(/postcard/kitamura/common/images/2020/gnavi/g_about_flow.png);
	-webkit-transform: translateX(-40px) translateY(10px) !important;
	transform: translateX(-40px) translateY(10px) !important;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.g_about_atena {
	background-image: url(/postcard/kitamura/common/images/2020/gnavi/g_about_atena.png);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.g_about_hagaki {
	background-image: url(/postcard/kitamura/common/images/2020/gnavi/g_about_hagaki.png);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.g_photo {
	background-image: url(/postcard/kitamura/common/images/2020/gnavi/g_photo.png);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.g_tokusen {
	background-image: url(/postcard/kitamura/common/images/2020/gnavi/g_tokusen.png);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.g_smh {
	background-image: url(/postcard/kitamura/common/images/2020/gnavi/g_smh.png);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.g_mydesign {
	background-image: url(/postcard/kitamura/common/images/2020/gnavi/g_mydesign.png);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.g_by_design {
	background-image: url(/postcard/kitamura/common/images/2020/gnavi/g_by_design.png);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.g_by_number {
	background-image: url(/postcard/kitamura/common/images/2020/gnavi/g_by_number.png);
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .photo.g_price_top {
	background: url(/postcard/kitamura/common/images/2020/delivery/delivery_img01.png) no-repeat 50px 130px;
	width: 252px;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .message {
	bottom: 20px;
	font-size: 1.84rem;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 25px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2;
}
#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .message.small {
	font-size: 1.68rem;
}
.sp-editBtnArea {
	display: none;
}
@media screen and (min-width: 768px), print {
	#gnaviInneer ul.gnaviList > li ul.subMenu > li .megaMenuDetail .list {
		display: flex;
		display: -webkit-flex;
	}
	.megaMenuDetail .list > ul {
		margin-right: 0;
	}
	.megaMenuDetail .list > ul:nth-child(2) {
		margin-top: calc(1.6rem * 1.5 + 20px);
	}
	#gnaviInneer ul.gnaviList > li ul.subMenu > li > a.icon-net,#gnaviInneer ul.gnaviList > li ul.subMenu > li > a.icon-shop {
		padding-left: 64px;
	}
	#gnaviInneer ul.gnaviList > li ul.subMenu > li > a.icon-net::before,#gnaviInneer ul.gnaviList > li ul.subMenu > li > a.icon-shop::before {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		content: '';
		height: 40px;
		left: 15px;
		margin-top: -20px;
		position: absolute;
		top: 50%;
		width: 40px;
	}
	#gnaviInneer ul.gnaviList > li ul.subMenu > li > a.icon-net::before {
		background-image: url(/postcard/kitamura/common/images/2020/gnavi/icon_net.png);
	}
	#gnaviInneer ul.gnaviList > li ul.subMenu > li > a.icon-shop::before {
		background-image: url(/postcard/kitamura/common/images/2020/gnavi/icon_shop.png);
	}
}
@media screen and (max-width: 767px) {
	.editBtnArea {
		display: none;
	}
	.gnaviBtn {
		background: #00945e;
		font-weight: bold;
		position: relative;
		text-align: center;
	}
	.gnaviBtn a {
		color: #fff;
		display: block;
		padding: 8px;
		text-decoration: none;
	}
	.gnaviBtn .icon {
		background-size: 100% 100%;
		display: inline-block;
		height: 13px;
		margin-right: 10px;
		vertical-align: -2%;
		width: 20px;
	}
	#globalNavi {
		background: none;
		border-top: none;
		height: inherit;
		min-width: inherit;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000;
	}
	#globalNavi.open {
		height: 100%;
	}
	#globalNavi.open:before {
		background: #fff;
		content: '';
		height: 100%;
		position: absolute;
		width: 100%;
		z-index: 1000;
	}
	#gnaviInneer {
		display: none;
		height: inherit;
		margin-top: 0;
		max-height: 100%;
		position: absolute;
		width: 100%;
		z-index: 1001;
	}
	#gnaviInneer .scroll {
		max-height: 100%;
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
		padding-top: 50px;
		width: 100%;
	}
	#gnaviInneer ul.gnaviList {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#gnaviInneer ul.gnaviList > li {
		background: #fff;
		border-bottom: solid 1px #e3debf;
		border-right: none;
		border-top: none;
		float: none;
		height: auto;
	}
	#gnaviInneer ul.gnaviList > li.spOnlyMenu {
		display: block;
	}
	#gnaviInneer ul.gnaviList > li > a {
		background: #fff;
		color: #555;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.35;
		min-height: inherit;
		padding: 14px 10px 14px 25px;
	}
	#gnaviInneer ul.gnaviList > li.gnavi_postcard > a {
		color: #1a9431;
	}
	#gnaviInneer ul.gnaviList > li.favorite.has-no-favorite {
		display: none;
	}
	#gnaviInneer ul.gnaviList > li.favorite > a {
		background: #fffdec;
		padding-left: 40px;
	}
	#gnaviInneer ul.gnaviList > li.gnavi_sub {
		border-bottom: solid 1px #ad9e40;
	}
	#gnaviInneer ul.gnaviList > li.gnavi_sub > a {
		background: #917d00;
		color: #fff;
	}
	#gnaviInneer ul.gnaviList > li > a:before {
		margin-top: -3px;
	}
	#gnaviInneer ul.gnaviList > li.favorite > a:before {
		background: url('/postcard/kitamura/common/images/2020/common/icon/icon_heart_current.png') no-repeat center center;
		background-color: transparent;
		background-size: contain;
		border-radius: 0;
		height: 21px;
		margin-top: -10px;
		width: 25px;
	}
	#gnaviInneer ul.gnaviList > li > a:after,#gnaviInneer ul.gnaviList > li > a.hasMegaMenu:after {
		background: none;
		border-radius: 0;
		border-right: 1px solid #555;
		border-top: 1px solid #555;
		content: '';
		height: 8px;
		margin-left: 0;
		margin-top: -4px;
		position: absolute;
		right: 10px;
		top: 50%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		vertical-align: middle;
		width: 8px;
	}
	#gnaviInneer ul.gnaviList > li.gnavi_sub > a:after {
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
	}
	#gnaviInneer ul.gnaviList > li > a.hasMegaMenu:after {
		background: url(/postcard/kitamura/common/images/2020/common/icon_gnavi_sub_sp.png);
		border-right: none;
		border-top: none;
		height: 10px;
		margin-top: -5px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		width: 13px;
	}
	#gnaviInneer ul.gnaviList > li .subMenuWrapper {
		height: auto;
		left: 0;
		position: relative;
		top: 0;
	}
	#gnaviInneer ul.gnaviList > li .subMenuWrapper ul.subMenu {
		border-bottom: none;
		border-left: none;
		box-shadow: none;
		height: auto;
		left: 0;
		margin: 0;
		padding: 0;
		position: relative;
		top: 0;
		width: auto !important;
	}
	#gnaviInneer ul.gnaviList > li ul.subMenu > li {
		border-bottom: none;
		border-top: solid 1px #e0d9cc;
		width: auto;
	}
	#gnaviInneer ul.gnaviList > li ul.subMenu > li > a,#gnaviInneer ul.gnaviList > li ul.subMenu > li.topList > a {
		background: #fff;
		color: #555;
		display: block;
		font-size: 1.4rem;
		font-weight: normal;
		padding: 12px 15px 12px 25px;
	}
	#gnaviInneer ul.gnaviList > li ul.subMenu > li > a:after,#gnaviInneer ul.gnaviList > li ul.subMenu > li.topList > a:after {
		display: none;
	}
	#gnaviInneer ul.gnaviList > li ul.subMenu > li > a:hover {
		background: #fff;
	}
	.megaMenuDetail {
		display: none !important;
	}
	.sp-editBtnArea {
		background: #a70301;
		display: block;
		overflow: hidden;
		padding: 10px;
		vertical-align: bottom;
	}
	.sp-editBtnArea ul {
		margin: 0 -4px;
	}
	.sp-editBtnArea ul li {
		float: left;
		list-style: none;
		padding: 0 4px;
		width: 25%;
	}
	.in-hasLogOut {
		display: none;
	}
	.sp-editBtnArea.hasLogOut .in-hasLogOut {
		display: block;
	}
	.sp-editBtnArea.hasLogOut ul li:nth-child(3),.sp-editBtnArea.hasLogOut ul li:nth-child(4),.sp-editBtnArea.hasLogOut ul li:nth-child(5) {
		width: 16.6%;
	}
	.sp-editBtnArea ul li a {
		background: #a70301;
		border: 1px solid #fff;
		border-radius: 7px;
		color: #fff;
		display: table;
		font-size: 1.26rem;
		font-weight: bold;
		padding-right: 0;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}
	.sp-editBtnArea ul li a span {
		display: table-cell;
		height: 50px;
		line-height: 1.3;
		text-align: center;
		vertical-align: middle;
	}
}
/* Page Right */
#pageRightWrapper {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99;
}
#catalogBnr {
	background: #fff;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 120px;
	/*top: 430px;*/
	width: 40px;
	z-index: 100;
}
#yearLast {
	background: #fff;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 120px;
	width: 40px;
	z-index: 100;
}
#catalogBnr .bnr,#yearLast .bnr {
	position: relative;
	vertical-align: top;
	z-index: 101;
}
.catalogPage #catalogBnr {
	display: none !important;
}
/*@media screen and (max-width: 1024px) {*/
@media screen and (max-width: 767px) {
	#pageRightWrapper {
		display: none;
	}
}
/* #footer */
#footer {
	bottom: 0;
	min-width: 1200px;
	position: fixed;
	width: 100%;
	z-index: 1110;
}
#footer .pagetop {
	background: #fff;
	border-radius: 50%;
	bottom: 30px;
	display: none;
	position: absolute;
	right: 15px;
	transition-duration: .3s;
	z-index: 110;
}
#footer .pagetop.isBottom {
	bottom: 30px;
}
#footer .pagetop.fixed {
	position: fixed;
}
#footer .pagetop img {
	vertical-align: bottom;
}
#footer .footPostcard {
	position: absolute;
	right: 105px;
	top: -21px;
	z-index: 110;
}
#footerContentsLinks {
	background: #fff;
	z-index: 0;
}
#footContLinksInner {
	padding: 40px 0 0;
}
#footContLinksInner .footerBnrs {
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	#footContLinksInner .footerBnrs {
		margin-bottom: 0;
	}
}

#footContLinksInner .colBnrs {
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	padding: 0 20px;
}
#footContLinksInner .colBnrs img {
	height: auto;
	max-width: 100%;
}
#footerContentsLinks .textLinkCenter {
	padding-bottom: 45px;
	text-align: center;
}
#footerContentsLinks .textLinkCenter ul {
	padding-top: 30px;
}
#footerContentsLinks .textLinkCenter ul li {
	border-right: solid 1px #a0a0a0;
	display: inline-block;
	margin-right: 20px;
	padding-right: 20px;
}
#footerContentsLinks .textLinkCenter ul li.last {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#footerContentsLinks .textLinkCenter ul li a {
	color: #917d00;
}
#footerNetSearvice {
	background: #f1f1f1;
	position: relative;
	z-index: 0;
}
#footNetSearviceInner {
	margin: 0 auto;
	padding: 20px 0 75px;
}
#footNetSearviceInner h2 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
#footNetSearviceInner .bnrs1,#footNetSearviceInner .bnrs2 {
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 auto 5px;
}
#footNetSearviceInner .bnrs1 img,#footNetSearviceInner .bnrs2 img {
	height: auto;
	max-width: 100%;
}
#footNetSearviceInner .bnrs1 .colBnrs {
	background: #fff;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: 0 25px 15px;
}
#footNetSearviceInner .bnrs2 .colBnrs {
	background: #fff;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: 0 10px 10px;
}
#footNetSearviceInner .outerCopys {
	margin-bottom: 15px;
	padding: 0 10px;
}
#footNetSearviceInner .socialBtn {
	text-align: center;
}
#footNetSearviceInner .socialBtn .line,#footNetSearviceInner .socialBtn .facebook,#footNetSearviceInner .socialBtn .twitter,#footNetSearviceInner .socialBtn .hatena,#footNetSearviceInner .socialBtn .mixi,#footNetSearviceInner .socialBtn .googleplus {
	display: inline-block;
	margin-right: 5px;
}
#footNetSearviceInner .socialBtn .line {
	display: none;
}
#footNetSearviceInner .socialBtn .twitter {
	width: 72px;
}
#footNetSearviceInner .socialBtn .twitter iframe {
	width: 72px !important;
}
#footNetSearviceInner .socialBtn .hatena {
	margin-right: 0;
	width: 88px;
}
#footerSitemap {
	background: url(/postcard/kitamura/common/images/2020/common/texture01.gif) repeat center top;
}
#footerSitemapInner {
	margin: 0 auto;
	padding: 30px 0 40px;
	width: 1160px;
}
#footerSitemapInner .mapLeft {
	float: left;
	width: 570px;
}
#footerSitemapInner .mapRight {
	float: right;
	width: 560px;
}
#footerSitemapInner .halfLeft {
	float: left;
	width: 260px;
}
#footerSitemapInner .halfRight {
	float: right;
	width: 270px;
}
#footerSitemapInner .title {
	color: #917d00;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 6px;
}
#footerSitemapInner .title_s {
	color: #917d00;
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 6px;
}
#footerSitemapInner .subTitle {
	font-size: 75%;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 10px;
	position: relative;
}
#footerSitemapInner .subTitle:before {
	background: #c8be80;
	border-radius: 50%;
	content: '';
	height: 5px;
	left: 0;
	position: absolute;
	top: .5em;
	width: 5px;
}
#footerSitemapInner .subTitle a {
	color: #444;
}
#footerSitemapInner .list {
	color: #bcb9b1;
	font-size: 70%;
	line-height: 1.7em;
}
#footerSitemapInner .list a {
	color: #444;
}
#footerSitemapPostcard {
	background: #fff;
}
#footerSitemapPostcardInner {
	margin: 0 auto;
	padding: 30px 0 40px;
	width: 1160px;
}
#footerSitemapPostcardInner .title {
	color: #1a9431;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 6px;
}
#footerSitemapPostcardInner .title a {
	color: #1a9431;
}
#footerSitemapPostcardInner .list {
	color: #bcb9b1;
	font-size: 80%;
	line-height: 1.7em;
}
#footerSitemapPostcardInner .list a {
	color: #444;
	font-weight: bold;
}
#footerCookieCase {
	background: #e6e6e6;
	height: 1;
	position: relative;
	z-index: 100;
}
#footerCookieBtns {
	bottom: 0;
	height: 36px;
	left: 20px;
	position: absolute;
	z-index: 100;
}
#footerCookieBtns .favoriteBtn,#footerCookieBtns .shopBtn,#footerCookieBtns .postcardBtn {
	background: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	float: left;
	height: 36px;
	margin-right: 10px;
	position: relative;
}
#footerCookieBtns .favoriteBtn.has-no-favorite {
	display: none;
}
#footerCookieBtns .favoriteBtn > a,#footerCookieBtns .shopBtn > a,#footerCookieBtns .postcardBtn > a {
	background: #917d00;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
	display: block;
	float: left;
	font-size: 80%;
	line-height: 26px;
	min-height: 26px;
	padding: 5px 16px 5px 40px;
	text-decoration: none;
}
#footerCookieBtns .favoriteBtn > a {
	background: #917d00 url(/postcard/kitamura/common/images/2020/common/icon_favorite.gif) no-repeat 10px center;
	padding-left: 44px;
}
#footerCookieBtns .historyBtn > a {
	background: #917d00 url(/postcard/kitamura/common/images/2020/common/icon_history.gif) no-repeat 11px center;
}
#footerCookieBtns .recommendBtn > a {
	background: #917d00 url(/postcard/kitamura/common/images/2020/common/icon_recommended.gif) no-repeat 10px center;
}
#footerCookieBtns .shopBtn > a {
	background: #1a9431 url(/postcard/kitamura/common/images/2020/common/icon_shop.png) no-repeat 10px center;
	padding: 5px 16px 6px 47px;
}
#footerCookieBtns .postcardBtn > a {
	background: #1a9431 url(/postcard/kitamura/common/images/2020/common/icon_postcard.png) no-repeat 10px center;
	padding: 5px 16px 5px 47px;
}
#footerCookieBtns .lightBox {
	background: url(/postcard/kitamura/common/images/2020/common/lightbox_baloon.png) no-repeat left top;
	bottom: 30px;
	/*display: none;*/
	height: 125px;
	left: 0;
	opacity: 0;
	position: absolute;
}
#footerCookieBtns .lightBox .slideWrapper {
	border-right: solid 1px #ccc;
	height: 115px;
	max-width: 700px;
	min-width: 270px;
	padding: 0 10px 1px;
	position: relative;
}
#footerCookieBtns .lightBox .slideStage {
	height: 85px;
	margin: 0 20px;
	overflow: hidden;
	padding-top: 12px;
	position: relative;
}
#footerCookieBtns .lightBox .slide {
	height: 75px;
	position: absolute;
	width: 50000px;
	z-index: 30;
}
#footerCookieBtns .lightBox .textCenter {
	font-size: 70%;
	padding-top: 5px;
}
#footerCookieBtns .lightBox .closeBtn {
	height: 44px;
	position: absolute;
	right: -22px;
	top: -22px;
	width: 44px;
	z-index: 30;
}
#footerCookieBtns .lightBox .leftBtn,#footerCookieBtns .lightBox .rightBtn {
	height: 24px;
	left: 10px;
	position: absolute;
	top: 46px;
	width: 12px;
	z-index: 30;
}
#footerCookieBtns .lightBox .rightBtn {
	left: auto;
	right: 10px;
}
#footerCookieBtns .lightBox .leftBtn.disable a {
	visibility: hidden;
}
#footerCookieBtns .lightBox .rightBtn.disable a {
	visibility: hidden;
}
#footerCookieBtns .lightBox .slide .card {
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .2);
	float: left;
	margin: 0 10px 0 0;
	max-height: 70px;
	max-width: 70px;
	position: relative;
}
#footerCookieBtns .lightBox .slide .card.choice {
	box-shadow: none;
}
#footerCookieBtns .lightBox .slide .card img {
	max-height: 70px;
	max-width: 70px;
}
#footerCookieBtns .lightBox .slide .card .delete {
	height: 16px;
	position: absolute;
	right: -8px;
	top: -8px;
	width: 16px;
}
#footerCookieBtns .lightBox .slide .card .delete img {
	height: 16px;
	width: 16px;
}
.concierge-banner {
	position: absolute;
}
@media screen and (min-width: 768px), print {
	.concierge-banner {
		background-image: url(/postcard/kitamura/common/images/2020/common/icon_concierge_pc_bg.png);
		background-position: top left;
		background-repeat: no-repeat;
		bottom: 0;
		right: 140px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-banner {
		bottom: 0;
		right: 50px;
	}
}
.concierge-banner img {
	vertical-align: bottom;
}
#footerCopyright {
	background: #c00;
	border-top: solid 1px #7a0000;
	height: 30px;
	overflow: hidden;
	position: relative;
	z-index: 100;
}
#footerCopyInneer {
	min-width: 1158px;
	overflow: hidden;
	padding: 5px 23px 6px 19px;
	position: relative;
}
#footerLogo {
	float: left;
	width: 900px;
}
#footerLogo .logo {
	float: left;
	padding-right: 30px;
	margin-top: -6px;
}
#footerLogo .pc-footerLink {
	color: #fff;
	float: left;
}
#footerLogo ul {
	line-height: 1.1em;
}
#footerLogo ul > li {
	float: left;
	font-size: 1.1rem;
	position: relative;
}
#footerLogo ul > li > a {
	color: #fff;
	display: block;
	margin-right: 17px;
}
#footerCopyright .copyright {
	float: right;
}
#footerCopyright .copyright .logo {
	float: left;
	padding-top: 2px;
}
#footerCopyright .copyright .logo img {
	vertical-align: top;
}
#footerCopyright .copyright .text {
	display: block;
	float: right;
	font-size: 1.1rem;
	line-height: 1;
	padding-left: 10px;
	padding-top: 3px;
}
#footerCopyright .copyright .text p {
	color: #fff;
}
.footerOtherCopyright {
	margin: 0 auto;
	max-width: 960px;
}
.footerOtherCopyright ul {
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.footerOtherCopyright ul li {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	line-height: 1;
	list-style: none;
	margin: 0 5px 0;
	max-width: 100%;
}
.footerOtherCopyright ul li img {
	height: auto;
	max-height: 18px;
	max-width: 100%;
	vertical-align: bottom;
}
.sp-footerButtons,.sp-footerLink,.sp-totop,.sp-concierge-banner,.sp-toCatalog {
	display: none;
}
/*@media screen and (max-width: 1024px) {*/
@media screen and (max-width: 767px) {
	#footer {
		min-width: auto;
		position: relative;
		z-index: 0;
	}
	#footerContentsLinks .textLinkCenter,#footerSitemap,#footerSitemapPostcard {
		display: none;
	}
	#footContLinksInner {
		padding: 20px 5px 10px;
		width: auto;
	}
	#footContLinksInner .colBnrs {
		-webkit-flex: 0 1 50%;
		flex: 0 1 50%;
		padding: 0 10px 10px;
		text-align: center;
	}
	#footNetSearviceInner {
		background-color: #fff;
		padding: 0 0 10px;
	}
	.footerNetServiceTitle {
		font-size: 1.6rem;
	}
	#footNetSearviceInner .bnrs0 {
		padding: 0 10px;
	}
	#footNetSearviceInner .bnrs1 .colBnrs {
		margin: 0 10px 10px;
	}
	#footNetSearviceInner .bnrs2 {
		margin: 0 5px 15px;
	}
	#footNetSearviceInner .bnrs2 .colBnrs {
		margin: 0 5px 5px;
	}
	#footNetSearviceInner .outerCopys {
		border-top: 1px solid #999;
		padding: 20px 10px 0;
	}
	#footerCookieCase {
		display: none;
	}
	#footerCopyInneer {
		min-width: auto;
		padding: 0;
		position: relative;
	}
	#footerCopyright {
		border-top: none;
		height: auto;
	}
	#footerLogo {
		float: none;
		padding: 10px;
		text-align: center;
		width: auto;
	}
	#footerLogo .logo {
		float: none;
		height: 14px;
		padding-right: 0;
		padding-top: 0;
		margin-top: -5px;
	}
	#footerLogo .logo img {
		height: auto;
		vertical-align: top;
		height: 20px;
		width: auto;
	}
	#footerLogo .pc-footerLink {
		display: none;
	}
	#footerCopyright .copyright {
		border-top: 1px solid #a2070b;
		float: none;
		height: 25px;
		line-height: 8px;
		padding: 7px 10px;
		text-align: center;
	}
	#footerCopyright .copyright .logo {
		display: inline-block;
		float: none;
		margin-top: -1px;
		padding-top: 0;
	}
	#footerCopyright .copyright img {
		height: auto;
		vertical-align: top;
		width: 58px;
	}
	#footerCopyright .copyright .text {
		display: inline-block;
		float: none;
		font-size: 1.0rem;
		padding-left: 3px;
		padding-top: 0;
	}
	.footerOtherCopyright ul {
		-webkit-justify-content: center;
		justify-content: center;
	}
	.footerOtherCopyright ul li {
		margin: 0 3px 2px;
	}
	.sp-footerLink {
		border-top: solid 1px #b3b3b3;
		display: block;
		padding: 8px 10px;
		text-align: center;
	}
	.sp-footerLink ul {
		font-size: 80%;
	}
	.sp-footerLink ul li {
		display: inline-block;
		padding: 0 5px 5px;
	}
	.sp-footerLink ul li a {
		display: inline-block;
		padding: 0 0 0 9px;
		position: relative;
	}
	.sp-footerLink ul li a:before {
		background: #c8be7f;
		border-radius: 50%;
		content: '';
		height: 5px;
		left: 0;
		position: absolute;
		top: 8px;
		width: 5px;
	}
	.sp-footerButtons {
		background-color: rgba(255, 255, 255, .7);
		bottom: 0;
		display: none;
		height: 70px;
		left: 0;
		position: fixed;
		right: 0;
		z-index: 100;
	}
	.sp-footerButtons.is-end {
		background-color: rgba(255, 255, 255, 0);
	}
	.sp-totop,.sp-concierge-banner,.sp-toCatalog,.sp-toShop {
		bottom: 10px;
		display: block;
		height: 50px;
		line-height: 1;
		position: absolute;
		width: 50px;
		z-index: 100;
	}
	.sp-totop img,.sp-concierge-banner img,.sp-toCatalog img,.sp-toShop img {
		height: auto;
		max-width: 100%;
		vertical-align: top;
	}
	.sp-totop {
		right: 10px;
	}
	.sp-concierge-banner {
		height: 63.5px;
		right: 70px;
		width: 164px;
	}
}
@media screen and (max-width: 767px) and (max-width: 320px) {
	.sp-concierge-banner {
		height: 55px;
		width: 119px;
	}
}
@media screen and (max-width: 767px) and (max-width: 320px) {
	.sp-concierge-banner .sp-banner {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.sp-concierge-banner .x-sp-banner {
		display: none;
	}
}
@media screen and (max-width: 767px) and (max-width: 320px) {
	.sp-concierge-banner .x-sp-banner {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.sp-toCatalog {
		left: 10px;
	}
	.catalogPage .sp-toCatalog {
		left: -100px;
	}
	.sp-toShop {
		left: 70px;
	}
	.catalogPage .sp-toShop {
		left: 10px;
	}
}
/* lightbox */
#o_fancybox-overlay {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1130;
}
#o_fancybox-wrap {
	display: none;
	-webkit-font-smoothing: subpixel-antialiased;
	left: 0;
	outline: none;
	position: absolute;
	top: 0;
	z-index: 1131;
}
#o_fancybox-wrap.orderBox {
	height: 400px !important;
	position: fixed !important;
	top: 100px !important;
	width: 770px !important;
}
#o_fancybox-wrap.priceBox {
	height: 466px !important;
	width: 1130px !important;
}
#o_fancybox-wrap.hagakiBox {
	height: 430px !important;
	position: fixed !important;
	top: 100px !important;
	width: 940px !important;
}
#o_fancybox-outer {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 7px 2px rgba(0, 0, 0, .2);
	box-sizing: border-box;
	height: 100%;
	padding: 10px;
	position: relative;
	width: 100%;
}
#o_fancybox-content {
	border: 0 solid #fff;
	height: 100%;
	outline: none;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 1132;
}
#o_fancybox-iframe-overlay {
	background-color: #fff;
	cursor: auto;
	display: none;
	height: 100%;
	left: 0;
	opacity: .3;
	outline: none;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1135;
}
#o_fancybox-iframe-outer {
	display: block;
	height: 100%;
	left: 0;
	outline: none;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1132;
}
#o_fancybox-iframePosition {
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
#o_fancybox-iframe {
	border-radius: 10px;
	height: 100%;
	margin: 0 auto;
	outline: none;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	padding: 0;
	position: relative;
	width: 100%;
}
#o_fancybox-iframe .scroll {
	height: 100%;
	width: 100%;
}
#o_fancybox-iframe iframe {
	border: none;
	border-radius: 10px;
	height: 100%;
	overflow-y: scroll;
	vertical-align: top;
	width: 100%;
}
#o_fancybox-iframe-close {
	background: transparent url(/postcard/kitamura/common/images/2020/common/detail_close_btn.png) no-repeat center center;
	cursor: pointer;
	height: 64px;
	position: absolute;
	right: 17px;
	top: 15px;
	width: 64px;
	z-index: 1137;
}
#o_fancybox-close {
	background: transparent url(/postcard/kitamura/common/images/2020/common/detail_close_btn.png) no-repeat left top;
	cursor: pointer;
	height: 64px;
	position: absolute;
	right: -32px;
	top: -32px;
	width: 64px;
	z-index: 1133;
}
.fdiWrapper {
	background: #f9f2e3;
	display: none;
	height: 100%;
	left: 0;
	outline: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1131;
}
.fdiWrapper .scroll {
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	width: 100%;
}
.fdiWrapper iframe {
	border: none;
	height: 100%;
	width: 100%;
}
.fdiWrapper .close {
	background: transparent url(/postcard/kitamura/common/images/2020/common/detail_close_btn_sp.png) no-repeat left top;
	background-size: 32px 32px;
	cursor: pointer;
	height: 32px;
	position: absolute;
	right: 8px;
	top: 8px;
	width: 32px;
	z-index: 1137;
}
.lightboxWrapper {
	background: rgba(0, 0, 0, .5);
	display: none;
	height: 100%;
	left: 0;
	outline: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1201;
}
.lightboxWrapper .position {
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	position: fixed;
	width: 100%;
}
.lightboxWrapper .position .center {
	max-height: calc(100% - 20px);
	max-width: calc(100% - 20px);
	position: relative;
	text-align: center;
}
.lightboxWrapper .position img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: top;
	width: auto;
}
.lightboxWrapper .close {
	background: transparent url(/postcard/kitamura/common/images/2020/common/detail_close_btn_sp.png) no-repeat left top;
	background-size: 32px 32px;
	cursor: pointer;
	height: 32px;
	position: absolute;
	right: -16px;
	top: -16px;
	width: 32px;
	z-index: 1207;
}
/* concierge */
html.is-open-concierge body {
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	html.is-open-concierge #wrapper {
		opacity: 0;
	}
}
.concierge-wrapper {
	background: rgba(255, 255, 255, .8);
	display: none;
	height: 100%;
	left: 0;
	outline: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1201;
}
.concierge-bg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.concierge-center {
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	margin: auto;
	max-width: 613px;
	width: 100%;
}
@media screen and (min-width: 768px), print {
	.concierge-center {
		padding: 30px 0 30px;
	}
}
.concierge-position {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: relative;
	width: 100%;
}
@media screen and (min-width: 768px), print {
	.concierge-position {
		height: 706px;
		max-height: 100%;
	}
}
@media screen and (max-width: 767px) {
	.concierge-position {
		height: 100%;
	}
}
.concierge-base {
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
	position: relative;
	width: 100%;
}
@media screen and (min-width: 768px), print {
	.concierge-base {
		border-radius: 10px;
	}
}
.concierge-close {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #000;
	border: 3px solid #fff;
	border-radius: 50%;
	cursor: pointer;
	height: 56px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 56px;
	z-index: 2;
}
@media screen and (min-width: 768px), print {
	.concierge-close {
		margin-right: -18px;
		margin-top: -18px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-close {
		margin-right: -7px;
		margin-top: -2px;
		-webkit-transform: scale(.5);
		transform: scale(.5);
	}
}
.concierge-close::before,.concierge-close::after {
	background-color: #fff;
	content: '';
	height: 6%;
	left: 17%;
	position: absolute;
	top: 47%;
	width: 66%;
}
.concierge-close::before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.concierge-close::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.concierge-header {
	-webkit-align-items: center;
	align-items: center;
	background-color: #098378;
	border-bottom: 2px solid #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	color: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-flex-direction: column;
	flex-direction: column;
	font-family: 'Quicksand', sans-serif;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: 1.4;
	position: relative;
	text-align: center;
	z-index: 1;
}
@media screen and (min-width: 768px), print {
	.concierge-header {
		height: 76px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-header {
		height: 55px;
	}
}
.concierge-header .inner-text {
	left: .5em;
	letter-spacing: 1em;
	position: relative;
}
@media screen and (max-width: 767px) {
	.concierge-header .inner-text {
		font-size: 1.1rem;
		line-height: 1.5;
	}
}
.concierge-header .inner-text.large {
	font-weight: bold;
}
@media screen and (min-width: 768px), print {
	.concierge-header .inner-text.large {
		font-size: 2rem;
	}
}
@media screen and (max-width: 767px) {
	.concierge-header .inner-text.large {
		font-size: 1.45rem;
	}
}
.concierge-body {
	display: flex;
	display: -webkit-flex;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: relative;
}
@media screen and (min-width: 768px), print {
	.concierge-body {
		max-height: calc(100% - 76px);
	}
}
@media screen and (max-width: 767px) {
	.concierge-body {
		max-height: calc(100% - 55px);
	}
}
.concierge-colWrapper {
	display: flex;
	display: -webkit-flex;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}
@media screen and (min-width: 768px), print {
	.concierge-colWrapper {
		margin: 10px -6px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-colWrapper {
		margin: 15px -15px;
	}
}
.concierge-colWrapper.row-reverce {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
@media screen and (min-width: 768px), print {
	.concierge-colWrapper.pc-row-reverce {
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
}
@media screen and (max-width: 767px) {
	.concierge-colWrapper.sp-column {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
}
.concierge-colWrapper.column {
	-webkit-flex-direction: column;
	flex-direction: column;
}
@media screen and (max-width: 767px) {
	.concierge-colWrapper.sp-column {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
}
.concierge-cols {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}
@media screen and (min-width: 768px), print {
	.concierge-cols {
		margin: 6px;
		width: calc(50% - 12px);
	}
}
@media screen and (max-width: 767px) {
	.concierge-cols {
		margin: 4px;
		width: calc(50% - 8px);
	}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
	.sp-column .concierge-cols {
		width: calc(100% - 8px);
	}
}
.concierge-cols.wide-full {
	width: calc(100% - 20px);
}
@media screen and (max-width: 767px) {
	.concierge-cols.wide-full {
		width: calc(100% - 8px);
	}
}
.concierge-cols.wide-oneThird {
	width: calc(33.33% - 12px);
}
@media screen and (max-width: 767px) {
	.concierge-cols.wide-oneThird {
		width: calc(33.33% - 8px);
	}
}
.concierge-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 2px solid #098378;
	color: #098378;
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	font-weight: bold;
	line-height: 1;
	outline: none;
	width: 100%;
}
@media screen and (min-width: 768px), print {
	.concierge-button {
		border-radius: 12px;
		font-size: 1.9rem;
	}
}
@media screen and (max-width: 767px) {
	.concierge-button {
		border-radius: 7px;
		font-size: 1.55rem;
	}
}
.concierge-button-inner {
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
}
@media screen and (min-width: 768px), print {
	.concierge-button-inner {
		min-height: 55px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-button-inner {
		min-height: 45px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-button.sp-font-mini {
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 768px), print {
	.concierge-button.is-mini {
		font-size: 1.7rem;
	}
}
@media screen and (max-width: 767px) {
	.concierge-button.is-mini {
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 768px), print {
	.concierge-button.is-mini .concierge-button-inner {
		min-height: 40px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-button.is-mini .concierge-button-inner {
		min-height: 40px;
	}
}
.concierge-button.is-mini.is-high .concierge-button-inner {
	line-height: 1.3;
}
@media screen and (min-width: 768px), print {
	.concierge-button.is-mini.is-high .concierge-button-inner {
		min-height: 55px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-button.is-mini.is-high .concierge-button-inner {
		min-height: 45px;
	}
}
@media screen and (min-width: 768px), print {
	.concierge-button.more-mini {
		font-size: 1.4rem;
		line-height: 1.2;
	}
}
@media screen and (max-width: 767px) {
	.concierge-button.more-mini {
		font-size: 1.2rem;
	}
}
@media screen and (min-width: 768px), print {
	.concierge-button.more-mini .concierge-button-inner {
		min-height: 40px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-button.more-mini .concierge-button-inner {
		min-height: 40px;
	}
}
.concierge-button:active {
	background-color: #098378;
	border: 2px solid #098378;
	color: #fff;
}
.concierge-result {
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto;
}
@media screen and (min-width: 768px), print {
	.concierge-result {
		width: 390px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-result {
		width: 300px;
	}
}
.concierge-result-item {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 10px;
	text-align: center;
	width: calc(50% - 20px);
}
.concierge-result-item .result-button {
	display: inline-block;
	position: relative;
}
.concierge-result-item .result-button::after {
	border: 3px solid #c00;
	bottom: 0;
	content: '';
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition-duration: 200ms;
}
.concierge-result-item .result-button:hover::after {
	bottom: -4px;
	left: -4px;
	opacity: 1;
	right: -4px;
	top: -4px;
}
.concierge-result-item img {
	vertical-align: top;
}
@media screen and (min-width: 768px), print {
	.concierge-result-item img {
		max-height: 170px;
		max-width: 170px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-result-item img {
		max-height: 130px;
		max-width: 130px;
	}
}
.concierge-start {
	display: flex;
	display: -webkit-flex;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-x: none;
	overflow-y: auto;
}
.concierge-start .start-body {
	-webkit-align-items: flex-end;
	align-items: flex-end;
	display: flex;
	display: -webkit-flex;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 15px 20px;
	position: relative;
}
@media screen and (min-width: 768px), print {
	.concierge-start .start-body {
		min-height: 500px;
	}
}
.concierge-start .start-body::before {
	background-image: url(/postcard/kitamura/common/images/2020/hirose/hirose_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.concierge-timeline {
	background-image: url(/postcard/kitamura/common/images/2020/common/bg_concierge_timeline.png);
	display: none;
	height: 100%;
	left: 0;
	-webkit-overflow-scrolling: touch;
	overflow-x: none;
	overflow-y: auto;
	padding: 18px 20px;
	position: absolute;
	top: 0;
	width: 100%;
}
@media screen and (min-width: 768px), print {
	.concierge-timeline {
		background-size: 51px 51px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-timeline {
		background-size: 60px 60px;
	}
}
.concierge-timeline > * {
	margin-bottom: 8px !important;
	transition: opacity 0ms 200ms ease-in-out;
}
.concierge-timeline > *:last-child {
	margin-bottom: 0;
}
.concierge-timeline .is-hide {
	opacity: 0;
}
.concierge-comment {
	-webkit-align-items: flex-start;
	align-items: flex-start;
	display: flex;
	display: -webkit-flex;
	margin: -10px -20px;
}
.concierge-comment .comment-user {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 10px 5px;
	width: 40px;
}
@media screen and (min-width: 768px), print {
	.concierge-comment .comment-user {
		width: 60px;
	}
}
.concierge-comment .comment-bodyWrapp {
	-webkit-align-items: flex-start;
	align-items: flex-start;
	display: flex;
	display: -webkit-flex;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}
.concierge-comment .comment-body {
	background-color: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	font-family: 'Noto Sans JP';
	margin: 13px 10px 0;
	position: relative;
}
@media screen and (min-width: 768px), print {
	.concierge-comment .comment-body {
		border-radius: 20px;
		color: #414141;
		max-width: calc(100% - 40px - 40px - 2.5rem - 20px);
		padding: 10px 20px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-comment .comment-body {
		border-radius: 15px;
		color: #202020;
		font-size: 1.5rem;
		max-width: calc(100% - 40px - 40px - 2.0rem - 20px);
		padding: 8px 12px;
	}
}
.concierge-comment .comment-body::after {
	background-image: url(/postcard/kitamura/common/images/2020/common/concierge_baloon_left.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	position: absolute;
}
@media screen and (min-width: 768px), print {
	.concierge-comment .comment-body::after {
		height: 18px;
		left: -15px;
		top: 3px;
		width: 18px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-comment .comment-body::after {
		height: 15px;
		left: -13px;
		top: 3px;
		width: 15px;
	}
}
.concierge-comment .comment-time {
	-webkit-align-self: flex-end;
	align-self: flex-end;
	color: #fff;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: 1rem;
	word-break: keep-all;
}
.concierge-comment.is-user .comment-bodyWrapp {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.concierge-comment.is-user .comment-body {
	background-color: #fff79a;
	margin-right: 20px;
}
.concierge-comment.is-user .comment-body::after {
	background-image: url(/postcard/kitamura/common/images/2020/common/concierge_baloon_right.png);
	left: auto;
}
@media screen and (min-width: 768px), print {
	.concierge-comment.is-user .comment-body::after {
		right: -15px;
	}
}
@media screen and (max-width: 767px) {
	.concierge-comment.is-user .comment-body::after {
		right: -13px;
	}
}
/*====================================================================
 Contents styles
====================================================================*/
#contents {
	position: relative;
}
#contents p,#contents ul,#contents ol {
	line-height: 1.7em;
}
.paSide {
	padding: 0 50px;
}
/* contents wrapper & section */
.secondaryPages {
	background: url(/postcard/kitamura/common/images/2020/common/texture01.gif) repeat center top;
}
.secondaryPages.kanchu,.gnCategory03 .secondaryPages.autokanchu {
	background: url(/postcard/kitamura/common/images/2020/common/texture04.gif) repeat center top;
	padding-bottom: 1px;
}
.secondaryPages.bgWhite {
	background: none;
}
.topBorder {
	border-top: solid 4px #917d00;
}
.topBorderSub {
	border-top: solid 1px #917d00;
}
.topBorderSubGray {
	border-top: solid 1px #ccc;
}
.bottomBorder {
	border-bottom: solid 4px #917d00;
}
.secondaryPages.nextArrow-white {
	position: relative;
}
.secondaryPages.nextArrow-white::after {
	border-bottom-width: 0;
	border-color: transparent;
	border-left-width: 50px;
	border-right-width: 50px;
	border-style: solid;
	border-top-color: #fff;
	border-top-width: 30px;
	content: '';
	left: 50%;
	margin-left: -50px;
	margin-top: -.5px;
	position: absolute;
	top: 100%;
}
.secondaryPages .section {
	margin: 0 auto;
	max-width: 1140px;
	padding: 20px;
}
.secondaryPages .section.narrow-section {
	padding: 10px 20px;
}
.secondaryPages .section.banner-section {
	padding: 50px 20px 10px;
}
.secondaryPages h2 + .section {
	padding: 0 20px 20px;
}
.secondaryPages .topContWrapper {
	overflow: hidden;
	width: 100%;
}
.secondaryPages .topContents {
	margin: 0 auto 30px;
	max-width: 1140px;
	padding: 25px 20px 10px;
	position: relative;
}
@media screen and (max-width: 767px) {
	.secondaryPages .section {
		padding: 20px 15px;
	}
	.secondaryPages .section.narrow-section {
		padding: 10px 15px;
	}
	.secondaryPages .section.banner-section {
		padding: 10px 15px;
	}
	.secondaryPages h2 + .section,.secondaryPages .heading2 + .section {
		padding: 0 15px 20px;
	}
	.secondaryPages .topContents {
		margin: 0 auto 10px;
		padding: 20px 15px 10px;
	}
	.secondaryPages.nextArrow-white::after {
		border-left-width: 30px;
		border-right-width: 30px;
		border-top-width: 19px;
		margin-left: -30px;
	}
}
/*====================================================================
 Secondary Pages styles
====================================================================*/
/* heading */
.secondaryPages h1 {
	color: #444;
	font-size: 230%;
	line-height: 1.2em;
	margin-bottom: 20px;
}
.secondaryPages h2,.secondaryPages .heading2 {
	border-top: solid 4px #917d00;
	color: #444;
	font-size: 198%;
	line-height: 1.2em;
	margin-bottom: 25px;
	padding: 40px 50px 0;
}
.secondaryPages h2.is-black,.secondaryPages .heading2.is-black {
	color: #444;
}
.secondaryPages h2.level-low,.secondaryPages .heading2.level-low {
	font-size: 170%;
}
.secondaryPages h2 a,.secondaryPages .heading2 a {
	color: #444;
	text-decoration: none;
	transition-duration: .2s;
}
.secondaryPages h2 a:hover,.secondaryPages .heading2 a:hover {
	color: #444;
}
.secondaryPages h2.noBorder,.secondaryPages .heading2.noBorder {
	border-top: none;
	margin-bottom: 25px;
	padding-top: 0 !important;
}
.secondaryPages h2.inBlock,.secondaryPages .heading2.inBlock {
	padding: 30px 0 0;
}
.secondaryPages h2 > span,.secondaryPages .heading2 > span {
	display: block;
	margin: 0 auto;
	max-width: 1100px;
}
.secondaryPages .heading3 {
	color: #444;
	font-size: 3.0rem;
	line-height: 1.3em;
	margin-bottom: 12px;
}
.footerTitle {
	font-size: 1.5em;
}
@media screen and (max-width: 767px) {
	.footerTitle {
		font-size: 1.2em;
	}
	.secondaryPages h1 {
		font-size: 3rem;
		margin-bottom: 15px;
	}
	.secondaryPages h2,.secondaryPages .heading2 {
		font-size: 2.5rem;
		padding: 30px 15px 0;
	}
	.secondaryPages h2.level-low,.secondaryPages .heading2.level-low {
		font-size: 2.2rem;
	}
	.secondaryPages h2.inBlock.sp-outBlock,.secondaryPages .heading2.inBlock.sp-outBlock {
		margin-left: -15px;
		margin-right: -15px;
		padding: 20px 15px 0;
	}
	.secondaryPages h2.sp-hasBorder,.secondaryPages .heading2.sp-hasBorder {
		border-top: solid 4px #917d00;
		padding-top: 20px !important;
	}
	.secondaryPages .heading3 {
		font-size: 2.4rem;
	}
}
.secondaryPages p.pageTopHeaderSmall,.secondaryPages h1.pageTopHeaderSmall,.secondaryPages h1 span.pageTopHeaderSmall {
	font-size: 2.3rem;
	margin-bottom: 2px;
}
.secondaryPages h1.header2Line {
	line-height: 1.3em;
	margin-top: -4px;
}
.secondaryPages h1.header2Line span.pageTopHeaderSmall {
	line-height: 2.0em !important;
}
.secondaryPages h2.pageTopHeader {
	border-top: none;
	color: #917d00;
	font-size: 250%;
	line-height: 1.5em;
	margin-bottom: 20px;
	padding: 0;
}
.secondaryPages h1.pageTopHeader.smallHeader,.secondaryPages h2.pageTopHeader.smallHeader {
	font-size: 200%;
}
.secondaryPages .topContents h2.catchCopy,.secondaryPages .topContents h3.catchCopy,.secondaryPages .topContents p.catchCopy {
	border-top: none;
	color: #444;
	font-size: 130%;
	line-height: 1.5em !important;
	padding: 0;
}
.secondaryPages .topContents h3 {
	font-size: 110%;
}
.secondaryPages h3.subHeading {
	font-size: 2.5rem;
}
@media screen and (max-width: 767px) {
	.secondaryPages h1 span.pageTopHeaderSmall {
		display: block;
		font-size: 1.8rem;
	}
	.secondaryPages h1 span.pageTopHeaderSmall + br {
		display: none;
	}
	.secondaryPages h3.subHeading {
		font-size: 2rem;
	}
}
@media screen and (min-width: 768px), print {
	.secondaryPages .topContents.commonBg:after {
		background: url(/postcard/kitamura/common/images/2020/common/common_heading_bg.png) no-repeat;
		background-size: contain;
		content: '';
		display: block;
		height: 270px;
		position: absolute;
		right: -33px;
		top: 0;
		width: 604px;
	}
}
.secondaryPages h2.no-style,.secondaryPages h3.no-style {
	border: none;
	margin: 0;
	padding: 0;
}
.secondaryPages .topContents .topText {
	max-width: 550px;
	min-height: 195px;
}
.secondaryPages .topContents .topPhoto {
	left: 540px;
	position: absolute;
	top: 0;
}
.secondaryPages div.pankuzu {
	font-size: 70%;
	line-height: 1.2em;
	margin-bottom: 25px;
}
#contents .secondaryPages ol.pankuzuWrapper {
	font-size: 70%;
	line-height: 1.2em;
	list-style: none;
	margin: 0;
	margin-bottom: 35px;
	padding: 0;
}
#contents .secondaryPages ol.pankuzuWrapper li.pankuzu {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.secondaryPages .pankuzu a {
	display: inline-block;
	margin-right: 9px;
	min-height: 14px;
	padding-right: 14px;
	position: relative;
}
.secondaryPages .pankuzu a:after {
	border-right: 1px solid #917d00;
	border-top: 1px solid #917d00;
	content: '';
	height: 7px;
	margin-top: -5px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 7px;
}
@media screen and (max-width: 767px) {
	.secondaryPages .topContents .topText {
		min-height: inherit;
	}
	#contents .secondaryPages ol.pankuzuWrapper {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.titleSpUi {
		-webkit-align-items: center;
		align-items: center;
		background-color: #fff;
		display: -webkit-flex;
		display: flex;
		height: 68px;
		-webkit-justify-content: center;
		justify-content: center;
		margin: -20px -15px 0;
		margin-bottom: 20px;
		padding: 5px 15px 5px;
		position: relative;
		text-align: center;
	}
	.titleSpUi.only-in-top {
		margin-bottom: 5px;
	}
	.titleSpUi h1 {
		font-size: 2.1rem;
		line-height: 2.3rem;
		margin-bottom: 0 !important;
	}
	.titleSpUi .backButton {
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 30px;
		z-index: 1;
	}
	.titleSpUi .backButton::before {
		border-left: 1px solid #444;
		border-top: 1px solid #444;
		content: '';
		height: 15px;
		left: 50%;
		margin-left: -1px;
		margin-top: -8px;
		position: absolute;
		top: 50%;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		width: 15px;
	}
}
/*====================================================================
 Conponents
====================================================================*/
.marker {
	display: inline-block;
	padding: 0 4px;
	position: relative;
}
.marker::before {
	bottom: .02em;
	content: '';
	height: .45em;
	left: 0;
	position: absolute;
	width: 100%;
}
.marker.m-orange::before {
	background-color: #facd8a;
}
.marker.m-yellow::before {
	background-color: #ff0;
}
.marker .on-marker {
	display: inline-block;
	position: relative;
}
@media screen and (max-width: 767px) {
	.sp-no-marker {
		padding: 0;
	}
	.sp-no-marker::before {
		display: none;
	}
}
/* .reasonBlock */
.reasonBlockWrapper {
	padding: 0 15px;
}
.reasonBlock {
	margin: 0 auto;
	max-width: 1160px;
	padding-top: 50px;
}
.reasonBlock .reasonTitle {
	color: #917d00;
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 35px;
	position: relative;
	text-align: center;
}
.reasonCatchCopy {
	font-size: 3.2rem;
	margin-bottom: 30px;
}
.reasonBlock .reasonStitle {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 7px;
}
.reasonBlock .reazonNum {
	background: #917d00;
	color: #fff;
	display: inline-block;
	line-height: 1.1em;
	margin-right: 8px;
	padding: 4px 7px 3px;
}
.reasonBlock img {
	height: auto;
	max-width: 100%;
}
@media screen and (max-width: 767px) {
	.reasonBlock {
		margin: 0 auto;
		padding-top: 35px;
	}
	.reasonBlock .reasonTitle {
		font-size: 2.1rem;
		margin-bottom: 30px;
	}
	.reasonCatchCopy {
		font-size: 1.9rem;
		text-align: center;
	}
	.reasonBlock .reasonStitle {
		font-size: 1.5rem;
		padding-left: 4.2em;
		text-indent: -4.2em;
	}
	.reasonBlock .reasonStitle .reazonNum {
		text-indent: 0;
	}
	.quality3Img {
		width: 90%;
	}
	.reason3Img {
		width: 95%;
	}
}
/* column block */
@media screen and (min-width: 768px), print {
	.col10Block,.col30Block,.col2Block,.col3Block,.col4Block,.col5Block,.col6Block,.col7Block {
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.col3Block {
		-webkit-justify-content: center;
		justify-content: center;
	}
	.col10Block *,.col30Block *,.col2Block *,.col3Block *,.col4Block *,.col5Block *,.col6Block *,.col7Block * {
		min-height: 1%;
	}
	.col10Block > .cols,.col30Block > .cols,.col2Block > .cols,.col3Block > .cols,.col4Block > .cols,.col5Block > .cols,.col6Block > .cols,.col7Block > .cols {
		-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
		margin-right: 30px;
	}
	.col2Block > .cols {
		width: calc(50% - 15px);
	}
	.col3Block > .cols {
		width: calc(33.33% - 20px);
	}
	.col4Block > .cols {
		width: calc(25% - 22.5px);
	}
	.col5Block > .cols {
		width: calc(20% - 24px);
	}
	.col6Block > .cols {
		width: calc(16.66% - 25px);
	}
	.col7Block > .cols {
		width: calc(14.28% - 25px);
	}
	.col10Block > .cols {
		width: calc(10% - 25px);
	}
	.col30Block > .cols {
		width: calc(3.33% - 25px);
	}
	.m10 > .cols {
		margin-right: 10px;
	}
	.m20 > .cols {
		margin-right: 20px;
	}
	.m30 > .cols {
		margin-right: 30px;
	}
	.m40 > .cols {
		margin-right: 40px;
	}
	.m50 > .cols {
		margin-right: 50px;
	}
	.m60 > .cols {
		margin-right: 60px;
	}
	.m70 > .cols {
		margin-right: 70px;
	}
	.m80 > .cols {
		margin-right: 80px;
	}
	.col10Block > .cols:nth-child(10n),.col30Block > .cols:nth-child(30n),.col2Block > .cols:nth-child(2n),.col3Block > .cols:nth-child(3n),.col4Block > .cols:nth-child(4n),.col5Block > .cols:nth-child(5n),.col6Block > .cols:nth-child(6n),.col7Block > .cols:nth-child(7n) {
		margin-right: 0 !important;
	}
	.col2Block.m10 > .cols {
		width: calc(50% - 5px);
	}
	.col3Block.m10 > .cols {
		width: calc(33.33% - 6.67px);
	}
	.col4Block.m10 > .cols {
		width: calc(25% - 7.5px);
	}
	.col5Block.m10 > .cols {
		width: calc(20% - 8px);
	}
	.col6Block.m10 > .cols {
		width: calc(16.66% - 8.33px);
	}
	.col2Block.m20 > .cols {
		width: calc(50% - 10px);
	}
	.col3Block.m20 > .cols {
		width: calc(33.33% - 13.33px);
	}
	.col4Block.m20 > .cols {
		width: calc(25% - 15px);
	}
	.col5Block.m20 > .cols {
		width: calc(20% - 16px);
	}
	.col6Block.m20 > .cols {
		width: calc(16.66% - 16.66px);
	}
	.col2Block.m30 > .cols {
		width: calc(50% - 15px);
	}
	.col3Block.m30 > .cols {
		width: calc(33.33% - 20px);
	}
	.col4Block.m30 > .cols {
		width: calc(25% - 22.5px);
	}
	.col5Block.m30 > .cols {
		width: calc(20% - 24px);
	}
	.col2Block.m40 > .cols {
		width: calc(50% - 20px);
	}
	.col3Block.m40 > .cols {
		width: calc(33.33% - 26.67px);
	}
	.col4Block.m40 > .cols {
		width: calc(25% - 30px);
	}
	.col5Block.m40 > .cols {
		width: calc(20% - 32px);
	}
	.col10Block.m40 > .cols {
		width: calc(10% - 36px);
	}
	.col30Block.m40 > .cols {
		width: calc(3.33% - 38.66px);
	}
	.col2Block.m50 > .cols {
		width: calc(50% - 25px);
	}
	.col3Block.m50 > .cols {
		width: calc(33.33% - 33.33px);
	}
	.col4Block.m50 > .cols {
		width: calc(25% - 37.5px);
	}
	.col5Block.m50 > .cols {
		width: calc(20% - 40px);
	}
	.col2Block.m60 > .cols {
		width: calc(50% - 30px);
	}
	.col3Block.m60 > .cols {
		width: calc(33.33% - 40px);
	}
	.col4Block.m60 > .cols {
		width: calc(25% - 45px);
	}
	.col5Block.m60 > .cols {
		width: calc(20% - 48px);
	}
	.col2Block.m70 > .cols {
		width: calc(50% - 35px);
	}
	.col3Block.m70 > .cols {
		width: calc(33.33% - 46.67px);
	}
	.col4Block.m70 > .cols {
		width: calc(25% - 52.5px);
	}
	.col5Block.m70 > .cols {
		width: calc(20% - 56px);
	}
	.col2Block.m80 > .cols {
		width: calc(50% - 40px);
	}
	.col3Block.m80 > .cols {
		width: calc(33.33% - 53.33px);
	}
	.col4Block.m80 > .cols {
		width: calc(25% - 60px);
	}
	.col5Block.m80 > .cols {
		width: calc(20% - 64px);
	}
}
@media screen and (max-width: 767px) {
	.spSame.col10Block,.spSame.col30Block,.spSame.col2Block,.spSame.col3Block,.spSame.col4Block,.spSame.col5Block,.spSame.col6Block,.spSame.col7Block {
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.spSame.col10Block > .cols,.spSame.col30Block > .cols,.spSame.col2Block > .cols,.spSame.col3Block > .cols,.spSame.col4Block > .cols,.spSame.col5Block > .cols,.spSame.col6Block > .cols,.spSame.col7Block > .cols {
		-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
		margin-right: 30px;
	}
	.spSame.col2Block > .cols {
		width: calc(50% - 15px);
	}
	.spSame.col3Block > .cols {
		width: calc(33.33% - 20px);
	}
	.spSame.col4Block > .cols {
		width: calc(25% - 22.5px);
	}
	.spSame.col5Block > .cols {
		width: calc(20% - 24px);
	}
	.spSame.col6Block > .cols {
		width: calc(16.66% - 25px);
	}
	.spSame.col7Block > .cols {
		width: calc(14.28% - 25px);
	}
	.spSame.col10Block > .cols {
		width: calc(10% - 25px);
	}
	.spSame.col30Block > .cols {
		width: calc(3.33% - 25px);
	}
	.spSame.m10 > .cols {
		margin-right: 10px;
	}
	.spSame.m20 > .cols {
		margin-right: 20px;
	}
	.spSame.m30 > .cols {
		margin-right: 30px;
	}
	.spSame.m40 > .cols {
		margin-right: 40px;
	}
	.spSame.m50 > .cols {
		margin-right: 50px;
	}
	.spSame.m60 > .cols {
		margin-right: 60px;
	}
	.spSame.m70 > .cols {
		margin-right: 70px;
	}
	.spSame.m80 > .cols {
		margin-right: 80px;
	}
	.spSame.col2Block > .cols:nth-child(2n),.spSame.col3Block > .cols:nth-child(3n),.spSame.col4Block > .cols:nth-child(4n),.spSame.col5Block > .cols:nth-child(5n),.spSame.col6Block > .cols:nth-child(6n),.spSame.col7Block > .cols:nth-child(7n) {
		margin-right: 0;
	}
	.spSame.col2Block.m10 > .cols {
		width: calc(50% - 5px);
	}
	.spSame.col3Block.m10 > .cols {
		width: calc(33.33% - 6.67px);
	}
	.spSame.col4Block.m10 > .cols {
		width: calc(25% - 7.5px);
	}
	.spSame.col5Block.m10 > .cols {
		width: calc(20% - 8px);
	}
	.spSame.col6Block.m10 > .cols {
		width: calc(16.66% - 8.33px);
	}
	.spSame.col2Block.m20 > .cols {
		width: calc(50% - 10px);
	}
	.spSame.col3Block.m20 > .cols {
		width: calc(33.33% - 13.33px);
	}
	.spSame.col4Block.m20 > .cols {
		width: calc(25% - 15px);
	}
	.spSame.col5Block.m20 > .cols {
		width: calc(20% - 16px);
	}
	.spSame.col6Block.m20 > .cols {
		width: calc(16.66% - 16.66px);
	}
	.spSame.col2Block.m30 > .cols {
		width: calc(50% - 15px);
	}
	.spSame.col3Block.m30 > .cols {
		width: calc(33.33% - 20px);
	}
	.spSame.col4Block.m30 > .cols {
		width: calc(25% - 22.5px);
	}
	.spSame.col5Block.m30 > .cols {
		width: calc(20% - 24px);
	}
	.spSame.col2Block.m40 > .cols {
		width: calc(50% - 20px);
	}
	.spSame.col3Block.m40 > .cols {
		width: calc(33.33% - 26.67px);
	}
	.spSame.col4Block.m40 > .cols {
		width: calc(25% - 30px);
	}
	.spSame.col5Block.m40 > .cols {
		width: calc(20% - 32px);
	}
	.spSame.col2Block.m50 > .cols {
		width: calc(50% - 25px);
	}
	.spSame.col3Block.m50 > .cols {
		width: calc(33.33% - 33.33px);
	}
	.spSame.col4Block.m50 > .cols {
		width: calc(25% - 37.5px);
	}
	.spSame.col5Block.m50 > .cols {
		width: calc(20% - 40px);
	}
	.spSame.col2Block.m60 > .cols {
		width: calc(50% - 30px);
	}
	.spSame.col3Block.m60 > .cols {
		width: calc(33.33% - 40px);
	}
	.spSame.col4Block.m60 > .cols {
		width: calc(25% - 45px);
	}
	.spSame.col5Block.m60 > .cols {
		width: calc(20% - 48px);
	}
	.spSame.col2Block.m70 > .cols {
		width: calc(50% - 35px);
	}
	.spSame.col3Block.m70 > .cols {
		width: calc(33.33% - 46.67px);
	}
	.spSame.col4Block.m70 > .cols {
		width: calc(25% - 52.5px);
	}
	.spSame.col5Block.m70 > .cols {
		width: calc(20% - 56px);
	}
	.spSame.col2Block.m80 > .cols {
		width: calc(50% - 40px);
	}
	.spSame.col3Block.m80 > .cols {
		width: calc(33.33% - 53.33px);
	}
	.spSame.col4Block.m80 > .cols {
		width: calc(25% - 60px);
	}
	.spSame.col5Block.m80 > .cols {
		width: calc(20% - 64px);
	}
	.spSame.sp-m5 > .cols {
		margin-right: 5px;
	}
	.spSame.sp-m10 > .cols {
		margin-right: 10px;
	}
	.spSame.sp-m15 > .cols {
		margin-right: 15px;
	}
	.spSame.sp-m20 > .cols {
		margin-right: 20px;
	}
	.spSame.sp-m25 > .cols {
		margin-right: 25px;
	}
	.spSame.sp-m30 > .cols {
		margin-right: 30px;
	}
	.spSame.sp-m35 > .cols {
		margin-right: 35px;
	}
	.spSame.sp-m40 > .cols {
		margin-right: 40px;
	}
	.spSame.sp-m50 > .cols {
		margin-right: 50px;
	}
	.spSame.sp-m60 > .cols {
		margin-right: 60px;
	}
	.spSame.sp-m70 > .cols {
		margin-right: 70px;
	}
	.spSame.sp-m80 > .cols {
		margin-right: 80px;
	}
	.spSame.col10Block > .cols:nth-child(10n),.spSame.col30Block > .cols:nth-child(30n),.spSame.col2Block > .cols:nth-child(2n),.spSame.col3Block > .cols:nth-child(3n),.spSame.col4Block > .cols:nth-child(4n),.spSame.col5Block > .cols:nth-child(5n),.spSame.col6Block > .cols:nth-child(6n),.spSame.col7Block > .cols:nth-child(7n) {
		margin-right: 0;
	}
	.spSame.col2Block.sp-m5 > .cols {
		width: calc(50% - 2.5px);
	}
	.spSame.col3Block.sp-m5 > .cols {
		width: calc(33.33% - 3.33px);
	}
	.spSame.col4Block.sp-m5 > .cols {
		width: calc(25% - 3.75px);
	}
	.spSame.col5Block.sp-m5 > .cols {
		width: calc(20% - 4px);
	}
	.spSame.col2Block.sp-m10 > .cols {
		width: calc(50% - 5px);
	}
	.spSame.col3Block.sp-m10 > .cols {
		width: calc(33.33% - 6.67px);
	}
	.spSame.col4Block.sp-m10 > .cols {
		width: calc(25% - 7.5px);
	}
	.spSame.col5Block.sp-m10 > .cols {
		width: calc(20% - 8px);
	}
	.spSame.col2Block.sp-m20 > .cols {
		width: calc(50% - 10px);
	}
	.spSame.col3Block.sp-m20 > .cols {
		width: calc(33.33% - 13.33px);
	}
	.spSame.col4Block.sp-m20 > .cols {
		width: calc(25% - 15px);
	}
	.spSame.col5Block.sp-m20 > .cols {
		width: calc(20% - 16px);
	}
	.spSame.col10Block.sp-m20 > .cols {
		width: calc(10% - 18px);
	}
	.spSame.col30Block.sp-m20 > .cols {
		width: calc(3.33% - 19.33px);
	}
	.spSame.col2Block.sp-m30 > .cols {
		width: calc(50% - 15px);
	}
	.spSame.col3Block.sp-m30 > .cols {
		width: calc(33.33% - 20px);
	}
	.spSame.col4Block.sp-m30 > .cols {
		width: calc(25% - 22.5px);
	}
	.spSame.col5Block.sp-m30 > .cols {
		width: calc(20% - 24px);
	}
	.spSame.col2Block.sp-m40 > .cols {
		width: calc(50% - 20px);
	}
	.spSame.col3Block.sp-m40 > .cols {
		width: calc(33.33% - 26.67px);
	}
	.spSame.col4Block.sp-m40 > .cols {
		width: calc(25% - 30px);
	}
	.spSame.col5Block.sp-m40 > .cols {
		width: calc(20% - 32px);
	}
	.spSame.col2Block.sp-m50 > .cols {
		width: calc(50% - 25px);
	}
	.spSame.col3Block.sp-m50 > .cols {
		width: calc(33.33% - 33.33px);
	}
	.spSame.col4Block.sp-m50 > .cols {
		width: calc(25% - 37.5px);
	}
	.spSame.col5Block.sp-m50 > .cols {
		width: calc(20% - 40px);
	}
	.spSame.col2Block.sp-m60 > .cols {
		width: calc(50% - 30px);
	}
	.spSame.col3Block.sp-m60 > .cols {
		width: calc(33.33% - 40px);
	}
	.spSame.col4Block.sp-m60 > .cols {
		width: calc(25% - 45px);
	}
	.spSame.col5Block.sp-m60 > .cols {
		width: calc(20% - 48px);
	}
	.spSame.col2Block.sp-m70 > .cols {
		width: calc(50% - 35px);
	}
	.spSame.col3Block.sp-m70 > .cols {
		width: calc(33.33% - 46.67px);
	}
	.spSame.col4Block.sp-m70 > .cols {
		width: calc(25% - 52.5px);
	}
	.spSame.col5Block.sp-m70 > .cols {
		width: calc(20% - 56px);
	}
	.spSame.col2Block.sp-m80 > .cols {
		width: calc(50% - 40px);
	}
	.spSame.col3Block.sp-m80 > .cols {
		width: calc(33.33% - 53.33px);
	}
	.spSame.col4Block.sp-m80 > .cols {
		width: calc(25% - 60px);
	}
	.spSame.col5Block.sp-m80 > .cols {
		width: calc(20% - 64px);
	}
	.spSame.col2Block.sp-m15 > .cols {
		width: calc(50% - 7.5px);
	}
	.spSame.col3Block.sp-m15 > .cols {
		width: calc(33.33% - 10px);
	}
	.spSame.col4Block.sp-m15 > .cols {
		width: calc(25% - 11.25px);
	}
	.spSame.col5Block.sp-m15 > .cols {
		width: calc(20% - 12px);
	}
	.spSame.col2Block.sp-m25 > .cols {
		width: calc(50% - 12.5px);
	}
	.spSame.col3Block.sp-m25 > .cols {
		width: calc(33.33% - 16.67px);
	}
	.spSame.col4Block.sp-m25 > .cols {
		width: calc(25% - 18.75px);
	}
	.spSame.col5Block.sp-m25 > .cols {
		width: calc(20% - 20px);
	}
	.spSame.col2Block.sp-m35 > .cols {
		width: calc(50% - 17.5px);
	}
	.spSame.col3Block.sp-m35 > .cols {
		width: calc(33.33% - 23.33px);
	}
	.spSame.col4Block.sp-m35 > .cols {
		width: calc(25% - 26.25px);
	}
	.spSame.col5Block.sp-m35 > .cols {
		width: calc(20% - 28px);
	}
}
/*パネルバナー*/
.pannel-banner {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -11px;
}
.pannel-banner .cols {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 0 11px 40px;
	width: calc(33.33% - 22px);
}
.pannel-banner[data-col='2'] .cols {
	width: calc(50% - 22px);
}
.pannel-banner[data-col='4'] .cols {
	margin: 0 11px 30px;
	width: calc(25% - 22px);
}
.pannel-banner[data-col='5'] .cols {
	margin: 0 11px 30px;
	width: calc(20% - 22px);
}
.pannel-banner.by-load-show {
	transition-duration: .3s;
}
.pannel-banner.by-load-show.is-loaded {
	opacity: 1;
}
.pannel-banner .banners {
	background-color: #fff;
	border: 1px solid #c8c8c8;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding: 3px;
	text-decoration: none;
}
.pannel-banner .banners > * {
	transition-duration: .2s;
}
.pannel-banner .banners:hover > * {
	opacity: .7;
}
.pannel-banner .banners .image {
	display: block;
	margin-bottom: 3px;
	min-height: 1%;
	width: 100%;
}
.pannel-banner .banners .image img {
	vertical-align: top;
	width: 100%;
}
.pannel-banner .banners .label {
	color: #444;
	display: block;
	font-size: 1.8rem;
	font-weight: bold;
	min-height: 34px;
	padding: 10px 12px 3px 12px;
	position: relative;
	text-align: center;
	width: 100%;
}
.pannel-banner .banners .label::after {
	border-right: 2px solid #444;
	border-top: 2px solid #444;
	content: '';
	height: 13px;
	margin-top: -7px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: rotate(45deg) scale(.65);
	transform: rotate(45deg) scale(.65);
	width: 13px;
}
.pannel-banner .banners .label.is-large {
	text-align: left;
}
.pannel-banner .banners .label.is-large::after {
	height: 20px;
	margin-top: -10px;
	right: 6px;
	width: 20px;
}
.pannel-banner .banners .label.is-large .description {
	font-size: 1.3rem;
}
.pannel-banner .banners .label.is-small {
	font-size: 1.4rem;
	line-height: 1.15;
	padding-top: 5px;
}
.pannel-banner .banners .description {
	color: #565656;
	display: block;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.6;
	padding-bottom: 8px;
	padding-right: 25px;
	padding-top: 6px;
	text-align: left;
}
.pannel-banner .banners .description.is-bottom {
	padding: 7px;
}
@media screen and (min-width: 768px), print {
	.pannel-banner.col4Center {
		margin-left: auto;
		margin-right: auto;
		max-width: 900px;
	}
}
@media screen and (max-width: 767px) {
	.pannel-banner .cols {
		margin: 0 11px 30px;
		width: calc(50% - 22px);
	}
	.pannel-banner[data-col='4'] .cols {
		width: calc(33.33% - 22px);
	}
	.pannel-banner[data-col='5'] .cols {
		width: calc(33.33% - 22px);
	}
	.pannel-banner.sp-col1 .cols {
		margin: 0 11px 15px;
		width: calc(100% - 22px);
	}
	.pannel-banner .banners {
		padding: 2px;
	}
	.pannel-banner .banners .image {
		margin-bottom: 2px;
	}
	.pannel-banner .banners .label {
		padding: 4px 10px 3px 10px;
		position: relative;
	}
	.pannel-banner .banners .label::after {
		height: 10px;
		margin-top: -5px;
		right: 6px;
		width: 10px;
	}
	.pannel-banner .banners .label.is-large::after {
		height: 14px;
		margin-top: -7px;
		right: 6px;
		width: 14px;
	}
	.pannel-banner.sp-listPanel {
		display: block;
		margin: 0 -15px -20px;
	}
	.pannel-banner.sp-listPanel .cols {
		border-top: 1px solid #ccc;
		display: flex;
		display: -webkit-flex;
		margin: 0 !important;
		width: 100% !important;
	}
	.pannel-banner.sp-listPanel .cols a {
		-webkit-align-items: center;
		align-items: center;
		border: none;
		display: flex;
		display: -webkit-flex;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-flex-direction: row;
		flex-direction: row;
		min-height: 54px;
		padding: 10px 2px;
		position: relative;
		width: 100%;
	}
	.pannel-banner.sp-listPanel .cols a:hover {
		text-decoration: none;
	}
	.pannel-banner.sp-listPanel .cols a::after {
		border-right: 1px solid #444;
		border-top: 1px solid #444;
		content: '';
		height: 10px;
		margin-top: -5px;
		position: absolute;
		right: 18px;
		top: 50%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 10px;
	}
	.pannel-banner.sp-listPanel .cols .image {
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
		margin: 0;
		margin-left: 7px;
		margin-right: 20px;
		text-align: center;
		width: 80px;
	}
	.pannel-banner.sp-listPanel .cols .image img {
		vertical-align: top;
	}
	.pannel-banner.sp-listPanel .cols .image img.icon-heart {
		width: 30px;
	}
	.pannel-banner.sp-listPanel .sp-textWrap {
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		padding-right: 25px;
	}
	.pannel-banner.sp-listPanel .cols .label {
		min-height: unset;
		padding: 0;
		text-align: left;
	}
	.pannel-banner.sp-listPanel .cols .label::after {
		display: none;
	}
	.pannel-banner.sp-listPanel .cols .description {
		margin-top: 0;
		padding: 0;
	}
	.pannel-banner.same-design-link {
		display: block;
		margin: 0 -15px -20px;
	}
	.pannel-banner.same-design-link .cols {
		border-top: 1px solid #ccc;
		display: flex;
		display: -webkit-flex;
		margin: 0;
		width: 100%;
	}
	.pannel-banner.same-design-link .cols a {
		-webkit-align-items: center;
		align-items: center;
		border-bottom: 2px solid #fff;
		border-left: none;
		border-right: none;
		color: #917d00;
		display: -webkit-flex;
		display: flex;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-flex-direction: row;
		flex-direction: row;
		font-weight: normal;
		min-height: 54px;
		padding: 3px 2px;
		position: relative;
		text-decoration: underline;
		width: 100%;
	}
	.pannel-banner.same-design-link .cols a:hover {
		text-decoration: none;
	}
	.pannel-banner.same-design-link .cols a::after {
		border-right: 1px solid #917d02;
		border-top: 1px solid #917d02;
		content: '';
		height: 10px;
		margin-top: -5px;
		position: absolute;
		right: 18px;
		top: 50%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 10px;
	}
	.pannel-banner.same-design-link .cols .image {
		margin: 0;
		margin-left: 7px;
		margin-right: 20px;
		text-align: center;
		width: 60px;
	}
	.pannel-banner.same-design-link .cols .image img {
		vertical-align: top;
	}
	.pannel-banner.same-design-link .cols .image img.icon-heart {
		width: 30px;
	}
	.pannel-banner.same-design-link .cols .label {
		color: #917d00;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		font-size: 1.6rem;
		font-weight: normal;
		text-align: left;
	}
	.pannel-banner.same-design-link .cols .label::after {
		display: none;
	}
}
@media screen and (max-width: 400px) {
	.pannel-banner {
		margin: 0 -6px;
	}
	.pannel-banner .cols {
		margin: 0 6px 12px;
		width: calc(100% - 12px);
	}
	.pannel-banner[data-col='4'] .cols {
		margin: 0 6px 12px;
		width: calc(50% - 12px);
	}
	.pannel-banner[data-col='5'] .cols {
		margin: 0 6px 12px;
		width: calc(50% - 12px);
	}
	.pannel-banner.sp-col1 .cols {
		margin: 0 6px 12px;
		width: calc(100% - 12px);
	}
	.pannel-banner.same-design-link {
		margin: 0 -15px -20px;
	}
	.pannel-banner.same-design-link .cols {
		margin: 0;
		width: 100%;
	}
}
/* design linkbox */
.designLinkBlockWrapper {
	border-bottom: 4px solid #917d02;
}
.designLinkTitle {
	margin-bottom: 40px;
}
@media screen and (min-width: 768px), print {
	.designLinkTitle {
		font-size: 2rem;
	}
}
.designLinkBlock .cols.is-number {
	display: none;
}
.number .designLinkBlock .cols.is-design {
	display: none;
}
.number .designLinkBlock .cols.is-number {
	display: block;
}
.designLinkBlock .cols a {
	background: #fff;
	width: 100%;
}
.designLinkBlock .cols a.current {
	border: 2px solid #c70100;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0);
	color: #c70100;
}
.designLinkBlock .cols .image {
	margin: 0 auto;
	max-width: 80%;
}
@media screen and (max-width: 767px) {
	.designLinkBlock {
		margin: 0 -15px -20px;
	}
	.designLinkBlock .cols {
		border-top: 1px solid #ccc;
		display: flex;
		display: -webkit-flex;
	}
	.designLinkBlock .cols a {
		-webkit-align-items: center;
		align-items: center;
		border-bottom: 2px solid #fff;
		display: flex;
		display: -webkit-flex;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		min-height: 60px;
		padding: 3px 2px;
		position: relative;
		width: 100%;
	}
	.designLinkBlock .cols a::after {
		border-right: 1px solid #917d02;
		border-top: 1px solid #917d02;
		content: '';
		height: 10px;
		margin-top: -5px;
		position: absolute;
		right: 18px;
		top: 50%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 10px;
	}
	.designLinkBlock .cols .image {
		margin: 0;
		margin-left: 7px;
		margin-right: 20px;
		text-align: center;
		width: 60px;
	}
	.designLinkBlock .cols .image img {
		vertical-align: top;
	}
	.designLinkBlock .cols .image img.icon-heart {
		width: 30px;
	}
	.designLinkBlock .cols .text {
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		text-align: left;
	}
}
@media screen and (min-width: 768px), print {
	.designLinkBlock .col5Block,.designLinkBlock .col6Block,.designLinkBlock .col7Block {
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.designLinkBlock .cols {
		display: flex;
		display: -webkit-flex;
		margin-bottom: 10px;
		margin-right: 10px;
		width: calc(33.3% - 7px);
	}
	.designLinkBlock .cols a {
		border: 2px solid #fff;
		border-radius: 12px;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
		color: #444;
		display: flex;
		display: -webkit-flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 4px 2px;
		text-align: center;
		text-decoration: none;
		transition-duration: .3s;
		width: 100%;
	}
	.designLinkBlock .cols .text {
		-webkit-align-items: center;
		align-items: center;
		display: flex;
		display: -webkit-flex;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-flex-direction: column;
		flex-direction: column;
		font-size: 1.1rem;
		font-weight: bold;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.designLinkBlock {
		margin: 0 auto;
		max-width: 1275px;
		padding: 0 10px 30px;
	}
	.designLinkBlock.hasTitle {
		padding: 0 0 50px;
	}
	.designLinkBlock .cols {
		display: flex;
		display: -webkit-flex;
		margin-right: 21px;
		width: calc(20% - 17px);
	}
	.designLinkBlock .col6Block .cols {
		display: flex;
		display: -webkit-flex;
		margin-right: 20px;
		width: calc(16.66% - 16.66px);
	}
	.designLinkBlock .col7Block .cols {
		display: flex;
		display: -webkit-flex;
		margin-right: 15px;
		width: calc(14.28% - 12.85px);
	}
	.designLinkBlock .cols a {
		border: 3px solid #fff;
		padding: 5px;
	}
	.designLinkBlock .cols a:hover {
		border: 3px solid #c70100;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0);
	}
	.designLinkBlock .cols a.current {
		border: 3px solid #c70100;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0);
		color: #fff;
	}
	.designLinkBlock .cols a img {
		opacity: 1;
		transition-duration: .3s;
	}
	.designLinkBlock .cols a:hover img {
		opacity: .7;
	}
	.designLinkBlock .cols .text {
		font-size: 1.5rem;
		line-height: 1.5em !important;
	}
	.designLinkBlock > p br {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.designLinkBlock .cols .text {
		line-height: 1.4;
	}
	.designLinkBlock.sp-same {
		margin: 0 auto;
		max-width: 1140px;
		padding: 0;
	}
	.designLinkBlock.sp-same .col3Block,.designLinkBlock.sp-same .col4Block,
	.designLinkBlock.sp-same .col5Block,.designLinkBlock.sp-same .col6Block,.designLinkBlock.sp-same .col7Block {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 10px;
	}
	.designLinkBlock.sp-same .cols {
		border-top: none;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 14px;
		margin-left: 6px;
		margin-right: 6px;
		width: calc(33.3% - 12px);
	}
	.designLinkBlock.sp-same .cols a {
		border: 2px solid #fff;
		border-radius: 12px;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
		color: #444;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 4px 2px;
		text-align: center;
		text-decoration: none;
		transition-duration: .3s;
		width: 100%;
	}
	.designLinkBlock.sp-same .cols a::after {
		display: none;
	}
	.designLinkBlock.sp-same .cols a:hover {
		border: 1px solid #faf5ef;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
	}
	.designLinkBlock.sp-same .cols .text {
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-flex;
		display: flex;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-flex-direction: column;
		flex-direction: column;
		font-size: 1.1rem;
		font-weight: bold;
		-webkit-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	.designLinkBlock.sp-same .cols a:hover {
		border: 2px solid #c70100;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0);
	}
	.designLinkBlock.sp-same .cols a.current {
		border: 3px solid #c70100;
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0);
		color: #fff;
	}
	.designLinkBlock.sp-same .cols a img {
		opacity: 1;
		transition-duration: .3s;
	}
	.designLinkBlock.sp-same .cols a:hover img {
		opacity: .7;
	}
	.designLinkBlock.sp-same .cols .text {
		font-size: 1.6rem;
		line-height: 1.5em !important;
	}
	.designLinkBlock.sp-same > p br {
		display: none;
	}
}
@media screen and (max-width: 320px) {
	.designLinkBlock.sp-same .col5Block,.designLinkBlock.sp-same .col6Block,.designLinkBlock.sp-same .col7Block {
		padding: 0 10px;
	}
	.designLinkBlock.sp-same .cols {
		margin-left: 5px;
		margin-right: 5px;
		width: calc(33.3% - 10px);
	}
}
/* @media screen and (max-width: 1024px) and (min-width:768px) {
.designLinkBlock .cols .text {
	font-size: 1.5vw;
}
} */
/*.btnList*/
.btnList {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -6px;
}
.btnList.topList {
	padding-bottom: 10px;
}
.btnList.bottomList {
	padding-top: 10px;
}
@media screen and (min-width: 768px), print {
	.col6btnList li {
		width: 16.66%;
	}
	.col5btnList li {
		width: 20%;
	}
	.col4btnList li {
		width: 25%;
	}
	.col3btnList li {
		width: 33.33%;
	}
}
@media screen and (max-width: 767px) {
	.tab-col3btnList li {
		margin-bottom: 16px;
		width: 33.33%;
	}
}
@media screen and (max-width: 767px) {
	.sp-col4btnList li {
		width: 25%;
	}
	.sp-col3btnList li {
		width: 33.33%;
	}
}
.btnList li {
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding: 0 6px;
}
.btnList li a {
	-webkit-align-items: center;
	align-items: center;
	background-color: #917d00;
	border-radius: 6px;
	color: #fff;
	display: flex;
	display: -webkit-flex;
	font-size: 80%;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: 1.5;
	min-height: 4em;
	padding: 6px 15px 4px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition-duration: .2s;
}
.btnList li a:hover {
	background-color: #a79733;
}
.btnList li.current a {
	background: #cc0001;
}
.btnList li a:before {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	content: '';
	height: 10px;
	margin-top: -5px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
}
.btnList li.current a:before {
	display: none;
}
.btnList.topList li.current a:after {
	border-color: #c00 transparent transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	bottom: -10px;
	content: '';
	display: block;
	height: 0;
	margin-right: -10px;
	position: absolute;
	right: 50%;
	width: 0;
}
.btnList.bottomList li.current a:after {
	border-color: transparent transparent #c00 transparent;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	content: '';
	display: block;
	height: 0;
	margin-right: -10px;
	position: absolute;
	right: 50%;
	top: -10px;
	width: 0;
}
@media screen and (max-width: 767px) {
	.btnList li {
		padding: 0 3px;
	}
	.btnList li a {
		min-height: 50px;
		padding: 5px 3px;
	}
	.btnList li a.lhighSmall {
		line-height: 1.2;
	}
	.tab-col3btnList li,.sp-col3btnList li,.sp-col4btnList li {
		margin-bottom: 12px;
	}
	.btnList.topList li.current a:after {
		border-width: 5px 5px 0 5px;
		bottom: -5px;
		margin-right: -5px;
	}
	.btnList.bottomList li.current a:after {
		border-width: 0 5px 5px 5px;
		margin-right: -5px;
		top: -5px;
	}
	.btnList li a:before {
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		bottom: 8px;
		height: 6px;
		right: 6px;
		top: auto;
		width: 6px;
	}
}
/* .expressBunner */
.expressBunner,.hayawariBunner {
	margin: -30px auto 50px;
	max-width: 1100px;
	overflow: hidden;
	position: relative;
}
#sub .expressBunner,#sub .hayawariBunner {
	margin: 0 auto 20px;
	padding: 20px 0 0;
}
.expressBunner .bunnerBg,.hayawariBunner .bunnerBg {
	position: relative;
}
.expressBunner .bunnerBg img,.hayawariBunner .bunnerBg img {
	vertical-align: top;
}
.expressBunner .cdtNumber,.hayawariBunner .cdtNumber {
	color: #e72111;
	font-size: 5rem;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	right: 170px;
	text-align: left;
	top: 108px;
	width: 140px;
}
.expressBunner .cdtNumber {
	top: 109px;
}
#sub .expressBunner .cdtNumber {
	top: 129px;
}
#sub .hayawariBunner .cdtNumber {
	top: 119px;
}
.expressBunner .cdtNumber .day,.hayawariBunner .cdtNumber .day {
	font-size: 2.4rem;
	margin-left: 3px;
}
.hayawariBunner .cdtNumber {
	right: 680px;
}
@media screen and (max-width: 767px) {
	.expressBunner,.hayawariBunner {
		margin: 0 auto 20px;
		padding: 0;
	}
	#sub .expressBunner,#sub .hayawariBunner,.expressBunner,.hayawariBunner {
		margin: 0 auto 10px;
		padding: 10px 0 0;
	}
	.expressBunner .bunnerBg img,.hayawariBunner .bunnerBg img {
		width: 100%;
	}
	.expressBunner .cdtNumber {
		font-size: 8.2vw;
		right: 18.5%;
		top: 71%;
		width: 25%;
	}
	.hayawariBunner .cdtNumber {
		font-size: 8.2vw;
		right: 18.5%;
		top: 78%;
		width: 25%;
	}
	#sub .expressBunner .cdtNumber {
		top: 71%;
	}
	#sub .hayawariBunner .cdtNumber {
		top: 77%;
	}
	.hayawariBunner .cdtNumber {
		right: -5.1%;
	}
	.expressBunner .cdtNumber .day,.hayawariBunner .cdtNumber .day {
		font-size: 3.5vw;
	}
}
/*====================================================================
 By APP Hide styles
====================================================================*/
.byAPP .byApp-hide,.byAPP #header,.byAPP #globalNavi,.byAPP #bottomContents,.byAPP .sp-footerLink {
	display: none;
}
@media screen and (min-width: 768px), print {
	.byAPP #footerCopyright {
		display: none;
	}
	.byAPP #footer .pagetop,.byAPP #footer .pagetop.isBottom {
		bottom: 0;
	}
	.byAPP #footerCookieBtns .favoriteBtn,.byAPP #footerCookieBtns .postcardBtn {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.byAPP #footer {
		height: 0;
		overflow: hidden;
	}
}
.byAPP #wrapper {
	padding-top: 0;
}