/* ---------------------------------------------------------------
start COMMON CSS
--------------------------------------------------------------- */

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local("Noto Sans JP"),
		url(../fonts/NotoSansJP-Light.woff2) format('woff2'),
		url(../fonts/NotoSansJP-Light.woff) format('woff'),
		url(../fonts/NotoSansJP-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Noto Sans JP"),
		url(../fonts/NotoSansJP-Regular.woff2) format('woff2'),
		url(../fonts/NotoSansJP-Regular.woff) format('woff'),
		url(../fonts/NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local("Noto Sans JP"),
		url(../fonts/NotoSansJP-Medium.woff2) format('woff2'),
		url(../fonts/NotoSansJP-Medium.woff) format('woff'),
		url(../fonts/NotoSansJP-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local("Noto Sans JP"),
		url(../fonts/NotoSansJP-Bold.woff2) format('woff2'),
		url(../fonts/NotoSansJP-Bold.woff) format('woff'),
		url(../fonts/NotoSansJP-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: local("Noto Sans JP"),
		url(../fonts/NotoSansJP-Black.woff2) format('woff2'),
		url(../fonts/NotoSansJP-Black.woff) format('woff'),
		url(../fonts/NotoSansJP-Black.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../fonts/NotoSerifJP-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/NotoSerifJP-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../fonts/NotoSerifJP-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../fonts/NotoSerifJP-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url(../fonts/NotoSerifJP-Black.otf) format('opentype');
}

@font-face {
	font-family: 'HuiFontP109';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local("HuiFontP109"),
		url(../fonts/HuiFontP109.woff2) format('woff2'),
		url(../fonts/HuiFontP109.woff) format('woff'),
		url(../fonts/HuiFontP109.otf) format('opentype');
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #6d4800;
	font-size: 15px;
	line-height: 1.75;
	font-weight: 400;
	font-family: 'HuiFontP109', 'Noto Sans JP', Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	opacity: 0;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	z-index: 0;
	transition: opacity .1s;
}

body.font-load {
	opacity: 1;
}

.notosans {
	font-family: 'Noto Sans JP', Meiryo, sans-serif;
}

.notoserif {
	font-family: 'Noto Serif JP', Meiryo, sans-serif;
}

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

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*/
	/*/
	height: auto;
	overflow: hidden;
	/**/
}

a {
	outline: none;
	color: #004eb1;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: pointer;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

button {
	outline: none;
}

img {
	width: 100%;
	height: auto;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

p {
	margin: 0 0 15px 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: .8em;
	font-weight: normal;
}

ul {
	list-style: none;
}

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

.aligncenter {
	text-align: center;
}

.alignright {
	text-align: right;
}

.alignjust {
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt35 {
	margin-top: 35px;
}

.mt40 {
	margin-top: 40px;
}

.mt45 {
	margin-top: 45px;
}

.mt50 {
	margin-top: 50px;
}

.mt55 {
	margin-top: 55px;
}

.mt60 {
	margin-top: 60px;
}

.mt65 {
	margin-top: 65px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb45 {
	margin-bottom: 45px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb55 {
	margin-bottom: 55px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb65 {
	margin-bottom: 65px;
}

.ml1em {
	margin-left: 1em;
}


.fleft {
	float: left;
}

.fright {
	float: right;
}

.note {
	font-size: .7em;
}

.red {
	color: #e60012;
}

.yellow {
	color: #ffefb4;
}

.under {
	text-decoration: underline;
}

.iblock {
	display: inline-block;
}

.indent1 {
	padding-left: 1em;
	text-indent: -1em;
}

.indent1 * {
	text-indent: 0;
}

#wrap_content {
	overflow: hidden;
}

.fade-in {
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	position: relative;
}

.scroll-in,
.fade-in.active {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.delay01 {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.delay02 {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.delay03 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.delay04 {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.delay05 {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.goTop10 {
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
}

.goTop15 {
	-webkit-transform: translate3d(0, 15px, 0);
	transform: translate3d(0, 15px, 0);
}

.goLeft15 {
	-webkit-transform: translate3d(15px, 0, 0);
	transform: translate3d(15px, 0, 0);
}

.goLeft30 {
	-webkit-transform: translate3d(30px, 0, 0);
	transform: translate3d(30px, 0, 0);
}

.goRight15 {
	-webkit-transform: translate3d(-15px, 0, 0);
	transform: translate3d(-15px, 0, 0);
}

.goRight30 {
	-webkit-transform: translate3d(-30px, 0, 0);
	transform: translate3d(-30px, 0, 0);
}

.goBottom10 {
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}

.zoomlink {
	will-change: transform;
	animation-duration: 0.5s;
	-ms-interpolation-mode: bicubic !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

a .zoomlink:hover,
a.zoomlink:hover,
.grandbazaar .zoomlink:hover {
	animation-name: zoomlink;
}

@keyframes zoomlink {
	0% {
		transform: scale(1) rotate(0.001deg);
	}

	50% {
		transform: scale(1.1) rotate(0.001deg);
	}

	100% {
		transform: scale(1) rotate(0.001deg);
	}
}


/* --------------- header --------------- */

.img_headbnr {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	background-image: url(../img/bg_topbnr.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-size: auto 100%;
}


.img_headbnr_ec {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	background-image: url(../img/top/topbnr_ec.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000;
	background-size: auto 100%;
	position: relative;
}

.img_headbnr img.img1 {
	max-width: 1264px;
}

.img_headbnr_ec img.img1 {
	max-width: 596px;
	padding:10px 10px 10px 0 ;
}

.img_headbnr img.img2,
.img_headbnr_ec img.img2 {
	display: none;
}

.bnr_btn_ec{
	display: inline-block;
	color: #fff;
	margin-left: 0.5%;
}

.bnr_btn_ec a{
	color: #fff;
	background-color: #ff0000;
    font-size: 24px;
    font-weight: bold;
	padding: 0 13px 3px;
	border-radius: 3px;
}

.bnr_btn_ec a:hover{
	color: #ff0000;
	background-color: #fff;
}


header {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.inner_header {
	width: 100%;
	height: 75px;
	margin: 0 auto;
	padding: 0 0 0 1.5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.inner_header .pc_none{
	display: none;
}

.logo_header {
	width: 164px;
	margin: 0;
	padding: 0;
	transition: 0.2s;
}

.navi_header {
	width: calc(100% - 164px);
	margin: 0;
	padding: 0 0 0 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.header_contact {
	display: none;
}

header nav {
	margin: 0;
	padding: 0;
}

header nav>ul {
	margin: 0;
	padding: 0;
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

header nav>ul>li {
	margin: 0;
	padding: 0 10px;
	border-right: solid 1px #6d4800;
	position: relative;
	z-index: 0;
	display: inline-flex;
	align-items: center;
}

header nav>ul>li:last-child {
	border-right: none;
}

header nav>ul>li>a {
	padding: 0 6px;
	color: #6d4800;
	text-decoration: none;
	position: relative;
	z-index: 0;
}

header nav>ul>li:not(.trigger)>a:before {
	content: "";
	width: 0%;
	height: 2px;
	margin: 0;
	padding: 0;
	background-color: #6d4800;
	position: absolute;
	left: 0;
	bottom: -6px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

header nav>ul>li:not(.trigger)>a:hover:before {
	width: 100%;
}

#menubtn {
	display: none;
}

/* --------------- footer --------------- */


.col_footDrive {
	height: 275px;
	margin: 0;
	padding: 23px 0 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
	box-sizing: content-box;
}

.img_footcar {
	width: 96%;
	max-width: 1160px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	z-index: 5;
	animation: car-drive-up 1.4s linear infinite;
}

@keyframes car-drive-up {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(1px);
	}

	70% {
		transform: translateY(0px);
	}

	80% {
		transform: translateY(-1px);
	}

	100% {
		transform: translateY(0px);
	}
}

.img_footcar img {
	width: 146px;
	animation: car-drive 1.4s linear infinite;
}

@keyframes car-drive {
	0% {
		transform: skew(0deg, 0deg);
	}

	50% {
		transform: skew(0deg, -1deg);
	}

	70% {
		transform: skew(0deg, -2deg);
	}

	80% {
		transform: skew(0deg, -1deg);
	}

	100% {
		transform: skew(0deg, 0deg);
	}
}

.img_footcar .car {
	display: inline-block;
	position: relative;
	z-index: 0;
}

.img_footcar .tire {
	width: 33px;
	height: 33px;
	border: solid 3px #6d4800;
	border-radius: 50%;
	background-color: #fff;
	display: block;
	position: absolute;
	bottom: 0;
}

.img_footcar .tire.rear {
	left: 17px;
}

.img_footcar .tire.front {
	right: 17px;
}

.img_footcar .tire:before {
	content: "";
	width: 7px;
	height: 7px;
	border: solid 3px #6d4800;
	border-radius: 50%;
	display: block;
	position: absolute;
	bottom: calc(50% - 7px);
	left: calc(50% - 7px);
}

.layer_foot_land {
	width: 105%;
	height: 163px;
	background-image: url(../img/layer_land.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.loop_foot_land {
	width: 100vw;
	height: 215px;
	display: flex;
	overflow: hidden;
	position: relative;
	z-index: -3;
}

.loop_foot_land span.sp_none.loop1 {
	animation: loop_land1 60s -30s linear infinite;
}

.loop_foot_land span.sp_none.loop2 {
	animation: loop_land2 60s linear infinite;
}

@keyframes loop_land1 {
	0% {
		transform: translate3d(100%, 0, 0);
	}

	100% {
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes loop_land2 {
	0% {
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(-200%, 0, 0);
	}
}

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

.loop_foot_land.name {
	height: 27px;
	position: absolute;
	bottom: 56px;
	left: 0;
	z-index: 3;
}

.pagetop {
	width: 124px;
	height: 104px;
	margin: 0;
	padding: 47px 0 0 0;
	color: #6d4800;
	font-size: 19px;
	text-align: center;
	line-height: 1;
	background-image: url(../img/btn_pagetop.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: fixed;
	right: 15px;
	bottom: 260px;
	z-index: 5;
	cursor: pointer;
	outline: none;
	display: none;
}

.pagetop:before {
	content: "";
	width: 15px;
	height: 21px;
	margin: auto;
	background-image: url(../img/arrow_pagetop.gif);
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: absolute;
	top: 22px;
	left: 0;
	right: 0;
}

a.fixedbnr_line {
	width: 233px;
	height: 226px;
	margin: 0;
	padding: 0;
	color: #fff;
	background-image: url(../img/bg_fixedbnr_line.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: right .5s;
	position: fixed;
	left: 15px;
	bottom: 10px;
	z-index: 5;
}

a.fixedbnr_line .icon {
	width: 46px;
	margin: 0 auto 4px;
	padding: 0;
}

a.fixedbnr_line .lead {
	width: 175px;
	margin: 0 auto;
	font-size: 17px;
	line-height: 1.3;
	position: relative;
	z-index: 0;
}

a.fixedbnr_line .lead:before,
a.fixedbnr_line .lead:after {
	content: "";
	width: 16px;
	height: 1px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	position: absolute;
}

a.fixedbnr_line .lead:before {
	width: 12px;
	transform: rotate(60deg);
	left: -12px;
	bottom: 10px;
}

a.fixedbnr_line .lead:after {
	transform: rotate(-50deg);
	right: 3px;
	bottom: 12px;
}

a.fixedbnr_line .big {
	margin: 0 0 3px;
	padding: 0;
	color: #fff56b;
	font-size: 32px;
	line-height: 1.1;
	text-align: center;
}

a.fixedbnr_line .arrow {
	margin: 0;
	padding: 0 0 2px;
	font-size: 14px;
	position: relative;
	z-index: 0;
}

a.fixedbnr_line .arrow:before {
	content: "";
	width: calc(100% - 8px);
	height: 5px;
	margin: 0;
	padding: 0;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	transform: skewX(30deg);
	position: absolute;
	left: 5px;
	bottom: 0;
}

a.fixedbnr_line .close {
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	position: absolute;
	top: 30px;
	right: 43px;
}

a.fixedbnr_line .close:before {
	content: "";
	width: 10px;
	height: 1px;
	margin: 0;
	padding: 0;
	background-color: #06c755;
	position: absolute;
	top: 6px;
	left: 2px;
}

a.fixedbnr_line.click {
	animation: lineclose 2s ease-in-out forwards;
}

@keyframes lineclose {
	0% {
		bottom: 30px;
	}

	50% {
		bottom: -230px;
	}

	100% {
		bottom: 0;
	}
}

a.fixedbnr_line.close {
	width: 316px;
	height: 82px;
	padding: 9px 0 0;
	background-image: url(../img/bg_fixedbnr_line_fold.svg);
	flex-direction: row;
}

a.fixedbnr_line.close .icon {

	margin: 0 8px 0 0;
}

a.fixedbnr_line.close .txt {
	width: 220px;
}

a.fixedbnr_line.close .big {
	font-size: 23px;
}


footer {
	margin: 0;
	padding: 55px 0 25px;
}

.inner_footer {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 0 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.info_footer {
	width: 370px;
}

.logo_footer {
	width: 273px;
	margin: 0 0 12px;
	transition: 0.2s;
}

.address_footer {
	margin: 0 0 30px;
	padding: 0 0 0 20px;
	line-height: 1.5;
	font-style: normal;
}

.address_footer a {
	color: #6d4800;
	text-decoration: underline;
}

.address_footer a:hover {
	text-decoration: none;
}

.tel_footer {
	width: 285px;
	margin: 0 0 35px;
	padding: 0 0 0 20px;
}

.btn_footer_contact {
	width: 237px;
	height: 65px;
	margin-left: 20px;
	color: #fff;
	font-size: 20px;
	background-image: url(../img/btn_footer_contact.gif);
	background-size: 100% auto;
	background-repeat: no-repeat;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.btn_footer_contact .arrow {
	padding: 0 28px 0 0;
	background-image: url(../img/arrow_white1.png);
	background-size: 17px auto;
	background-position: right center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
}

.link_footer {
	width: calc(100% - 370px - 182px);
	padding: 0 20px 0 0;
	position: relative;
}

.col_link_footer {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.txt_footer_cal {
	margin: 0;
	text-align: right;
	line-height: 1.4;
	font-size: 13px;
	position: absolute;
	bottom: 10px;
	right: -10px;
}



.col_link_footer:first-of-type {
	margin-bottom: 15px;
}

.col_link_footer ul {
	width: 33.3%;
	margin: 0;
	padding: 0 15px 0 0;
	line-height: 1.55;
}

.col_link_footer ul li {
	margin: 0 0 2px;
	padding: 0;
}

.col_link_footer ul li.policy {
	margin: 14px 0 2px;
}

.col_link_footer ul li.mds_footerlink {
	margin-bottom: 5px;
}

.col_link_footer ul li.single {
	margin-bottom: 15px;
}

.col_link_footer ul li.sublink {
	margin-bottom: 2px;
	padding-left: 20px;
}

.col_link_footer ul li.sublink * {
	text-indent: 0;
}

.col_link_footer ul li a {
	color: #6d4800;
	font-size: 17px;
	display: inline-block;
}

.col_link_footer ul li a:hover,
.col_link_footer ul li a:hover .iblock {
	text-decoration: underline;
}

.col_link_footer ul li:not(.mds_footerlink) a,
.col_link_footer ul li:not(.sublink) a {
	margin: 0;
	padding: 0;
}

.col_link_footer ul li:not(.mds_footerlink) a {
	padding-left: 25px;
	background-image: url(../img/arrow_brown1.png);
	background-size: 17px auto;
	background-position: left 6px;
	background-repeat: no-repeat;
}

.col_link_footer ul li.sublink a {
	padding-left: 6px;
	font-size: 15px;
	text-indent: -6px;
	line-height: 1.4;
	display: inline-block;
	background-image: none;
	vertical-align: top;
}

.col_sns_footer {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-end;
}

.col_sns_footer a {
	width: 40px;
	margin: 0 15px 0 0;
	padding: 0;
	display: block;
}

.col_sns_footer a:last-child {
	margin-right: 0;
}



.calendar_footer {
	width: 182px;
	padding: 0;
}

dl.col_footcalender {
	margin: 0;
	padding: 0;
}

dl.col_footcalender dt {
	margin: 0 0 4px;
	padding: 0 0 4px;
	color: #6d4800;
	font-size: 17px;
	text-align: center;
	border-bottom: solid 1px #6d4800;
}

dl.col_footcalender dd {
	margin: 0;
	padding: 0;
}

dl.col_footcalender dd .calender {
	width: 156px;
	margin: 0 auto 8px;
	padding: 0;
	line-height: 1.6;
	text-align: center;
}

table.tbl_calender {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.1;
	border-top: solid 1px #6d4800;
	border-left: solid 1px #6d4800;
	box-sizing: border-box;
}

table.tbl_calender th {
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: normal;
	text-align: center;
	background-color: #6d4800;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #6d4800;
}

table.tbl_calender th:last-child {
	border-right: solid 1px #6d4800;
}

table.tbl_calender td {
	margin: 0;
	padding: 0;
	color: #6d4800;
	font-weight: normal;
	text-align: center;
	border-right: solid 1px #6d4800;
	border-bottom: solid 1px #6d4800;
}

table.tbl_calender td.close {
	background-color: #fff0a8;
}



.txt_footer_cal2 {
	display: none;
}

.col_copyright {
	width: 96%;
	margin: 10px 0 0 0;
	font-size: 12px;
	text-align: right;
}

.col_copyright a {
	color: #6d4800;
	text-decoration: underline;
}

.col_copyright a:hover {
	text-decoration: none;
}

.copyright {
	margin: 0 11px 0 0;
}



/* --------------- sub common --------------- */

.col_pagettl {
	width: 893px;
	height: 290px;
	margin: 4px auto 22px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.col_pagettl h1,
.col_pagettl h2 {
	font-size: 45px;
	color: #fff;
	text-align: center;
	line-height: 1.3;
}

.mds_star {
	margin: 0;
	padding: 0;
	font-size: 36px;
	line-height: 1.3;
	text-align: center;
}

.mds_star .icon {
	padding-left: 60px;
	background-image: url(../img/icon_star.gif);
	background-repeat: no-repeat;
	background-size: 41px auto;
	background-position: left top;
	display: inline-block;
}

.col_bread {
	width: 94%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
	font-size: 13px;
	line-height: 1.2;
}

.col_bread a {
	color: #6e4900;
	text-decoration: underline;
}

.col_bread a:hover {
	text-decoration: none;
}

.col_prepare1 {
	padding: 100px 5% 150px;
	text-align: center;
}

/*------------------popup----------------*/


#popup-wrapper {
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 100;
}

#popup-wrapper2 {
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 100;
}



.popup-inside {
	text-align: center;
	width: 90%;
	max-width: 630px;
	background: #EFEBE3;
	margin: 5% auto;
	padding: 20px;
	position: relative;
}

.popup-inside::before {
	content: '';
	background-image: url(../img/top/magnifying_glass.png);
	position: absolute;
	top: -1px;
	left: -1px;
	width: 55px;
	height: 55px;
}

.message {
	overflow: scroll;
	max-height: 80vh;
}

.message::-webkit-scrollbar {
	display: none;
}

.message a {
	background: purple;
	color: white;
	text-decoration: none;
	padding: 6px 10px;
}

.message h2 {
	max-width: 272px;
	margin: 10px auto 0;
	padding-bottom: 10px;
}

.message p {
	font-weight: bold;
}


#close {
	position: absolute;
	top: 0;
	right: 5px;
	cursor: pointer;
}

.message dl {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}

.message dl dt {
	width: 42%;
	margin: 0;
	padding: 0;
}

.message dl dd {
	width: 58%;
	margin: 0;
	padding: 0 0 0 7%;
	text-align: left;
	line-height: 1.4;
}

.wrap_popup {
	background-image: url(../img/top/popup_bg.svg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
	padding-bottom: 50px;
}

.popup_item {
	width: 80%;
	min-height: 200px;
	margin: 0 1% 8px 0;
	padding: 16px 0;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
}

.popup_item .piano {
	padding: 20px 0 0;
}

.popup_item .tag_items {
	margin-bottom: 6px;
}

.popup_item .tag_items .condition.new span {
	background-color: #e60012;
	border-color: #e60012;
	color: #efeae2;
	border-radius: 10px;
	padding: 3px 10px;
	font-size: 14px;
}

.popup_item .name_items {
	font-size: 20px;
}

.popup_item .name_items .maker {
	font-weight: 400;
	font-size: 15px;
}

.popup_item .name_items .name {
	font-weight: bold;
}


.popup_item .price_items .price_txt {
	font-size: 14px;
}

.popup_item .price {
	color: #e60012;
	font-size: 16px;
	font-weight: bold;
}

.popup_item .price .taxin {
	font-size: 24px;
}

.mds_piano_delivery {
	font-size: 22px;
	font-weight: bold;
}

.ttl_school_list {
	background-color: #90733b;
	border-radius: 14.1598px;
	margin: 5px 5%;
	color: #fff;
	font-size: 17px;
}

.school_list {
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
}

.school_list dl li {
	list-style: none;
	width: 22%;
}

.popup_item.purchase {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.img_piano {
	max-width: 196px;
	margin: 15px auto 0;
}

.school_list.purchase dl {
	display: block;
}

.school_list.purchase li {
	width: 100%;
	text-align: center;
}