body{
	font-size: 12px;
}
.pcOnly{
	display: none;
}
.spOnly{
	display: block;
}








.top-contents {
	width: 100%;
	max-width: 980px;
	position: fixed;
	top: 0px;
	transform: translateY(0px) translateX(-50%);
	-webkit- transform: translateY(0px) translateX(-50%);
	z-index: 9999;
}
.top-logo-img{
	display: none;
}
.top-logo-img-sp{
	display: block;
	margin-bottom: 0px;
}
.top-logo-img-sp.top-logo-img-sp-off{
	display: block;
	opacity: 0;
}
.top-logo-img-sp img{
	width: 60%;
	position: fixed;
	top: 25vh;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);%;
	filter:
		drop-shadow(0px 0px 9px rgba(255, 255, 255, 1))
		drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.5));
}

.btn-gNav {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
}
.btn-gNav-img {
	content: "";
	background: url("../img/navbtn-open.png");
	width: 40px;
	height: 30px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
}
.gNav {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	box-sizing: border-box;
	padding-top: 50px;
	transition: .3s;
	z-index: 0;
}

.gNav.open {
	right: 0;
}

.gNav .gNav-menu {
	font-size: 3vw;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	display: block;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.gNav .gNav-menu li {
	width: 100%;
	padding: 15px;
	border-bottom: #525252 1px solid;
	margin: 0 auto;
}
.gNav .gNav-menu li:nth-last-child(1) {
	border-bottom: none;
}
.gNav .gNav-menu li div {
	font-family: 'Kaisei Decol'!important;
	letter-spacing: 3px;
}


.top-contents .btn-gNav {
	content: "";
	background: url("../img/navbtn-open.png");
	background-size: 100px 80px;
	width: 100px;
	height: 80px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	cursor: pointer;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}
.top-contents .btn-gNav.btn-gNav-close {
	content: "";
	background: url("../img/navbtn-close.png");
	background-size: 100px 80px;
	width: 100px;
	height: 80px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	cursor: pointer;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}


.top-contents .btn-gNav span {
	position: absolute;
	width: 100%;
	height: 4px;
	background: #ffffff;
	border-radius: 10px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}




.kv{
	height: 60vh;
}
.kv .logo{
	width: 100%;
}
.kv .logo img{
	width: 80%;
}
.kv .sub-copy{
    font-size: 20px;
    margin-top: 0px;
}
.video{
    min-width: 100%;
    height: 60vh;
}

article{
	width: 100%;
	padding: 20px 0 20px;
}
section{
	width: 100%;
	overflow-x: hidden;
}
.section-md img{
	width: 50%;
}


.sakuhin-wrapper section{
	overflow: hidden;
}


.onlineShopBox{
	margin: 0 20px;
}
.onlineShopList{
	display: flex;
	margin: 0 20px;
}

.onlineShopBox img{
	width: 95%;
}
.onlineShopList div{
	width: 45%;
}


.wrapper-dark,
.wrapper-light{
	padding-top: 40px;
}

.top-about-img img{
	width: 90%;
}

.about-head-wrapper{
	padding-top: 40px;
}

.about-detail-frame{
	width: 80%;
}

.sakuhin-inner{
	margin: 80px 0 -150px;
}
.sakuhin-grid{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 0px;
}
.sakuhin-title{
	width: 60%;
	margin: 0px auto 20px;
	transform: translateX(0px);
}
.sakuhin-frame{
	margin: 0 auto;
	transform: rotate(-1deg) scale(0.9);
	animation: 6s frame-rotate 0s ease-in-out infinite;
	margin: 0 10vw 30px;
}

.sakuhin-text{
	margin: 0 10vw 30px;
}



#news ul{
	grid-template-columns: repeat(1, 1fr);
	margin: 0 5vw 30px;
}
#goods ul {
	grid-template-columns: repeat(1, 1fr);
	margin: 0 0 30px;
	padding: 6vw 0;
	transform: scale(1.5);
}
#goodspage ul {
	grid-template-columns: repeat(2, 1fr);
	margin: 0 10px;
	padding: 3vw 0;
	transform: scale(1);
}

#news ul li .trim{
	display: grid;
	grid-template-columns: 40% 1fr;
	grid-gap: 3vw;
}
#news ul li div p.date{
	text-align: left;
	padding: 0px 0 5px;
}
#news-banner{
	grid-template-columns: repeat(1, 1fr);
	margin: 0 15vw;
}
.news-banner-img{
	margin: 20px 0 0;
}
#goods ul li p.title {
	font-size: 1.6vw;
}




#article{
	border: none;
	padding: 0 5%;
}

.articleDate {
	padding-top: 50px;
}

.articleTitle {
}


.articleText{
}

.articleText img{
	width: 100%;
	height: 100%;
}

th,
td{
        display: block;
		text-align: left;
}


.articleText ul li img{
	width: inherit!important;
	height: auto!important;
}

.articleFooter {
	padding: 50px 0;
}



.title-wrapper{
	grid-template-columns: 1fr;
	grid-gap: 30px;
	align-items: center;
	margin: 40px auto;
	width: 80%;
	text-align: center;
}
.title-wrapper-hr{
	content: "";
	width: 1px;
	height: 60px;
	background: rgba(255,255,255,0.60);
	margin: 0 auto;
}
.title-wrapper-year{
	width: 35%;
	font-size: 36px;
	font-family: 'Kaisei Decol';
	font-weight: bold;
	background: rgba(255,255,255,0.75);
	padding: 0px 60px;
	line-height: 60px;
	border: 1px #fff solid;
	border-radius: 50%;
	text-align: center;
	margin: 70px auto 70px;
}

.title-wrapper-img-odd{
	order: 1;
}
.title-wrapper-img-odd img{
	width: 90%;
}
.title-wrapper-detail-odd{
	text-align: center;
	order: 1;
}
.title-wrapper-img-even{
	order: 1;
}
.title-wrapper-img-even img{
	width: 90%;
}

.title-wrapper-detail-even{
	text-align: center;
	order: 1;
}


.title-inner-period-detail,
.title-inner-number-detail,
.title-inner-original-detail{
	font-size: 5vw;
	color: #fff;
	font-weight: bold;
	font-family: 'Kaisei Decol';
	font-style: italic;
	letter-spacing: 2px;
}
.title-wrapper-detail-page .title-inner-tag{
	width: 100%;
}

.title-inner-tag img{
	width: 70
}

.back-about img{
	width: 35vw;
}





.section-about-md{
	padding: 3vw;
}
.about-detail-content-character{
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 2vw;
	padding: 0px;
}

.about-detail-content-character-inner{
	grid-column-gap: 5px;
}




/*　　サイド　　*/

.news-wrapper section::before{
	background: none;
}
.news-wrapper section::after{
	background: none;
}
.sakuhin-wrapper section::after{
	background: none;
}
.goods-wrapper section::before{
	background: none;
}
.top-media-wrapper section::after{
	background: none;
}
.top-stamp-wrapper section::after{
	background: none;
}
















.footer-inner{
	display: grid;
	grid-template-columns: 1fr 1fr;
}


.footer-sns{
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 10px;
	margin: 60px 10px;
}
.footer-menu{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	align-items: center;
}



.attachment-01,
.attachment-02{
	padding:50%;
}
.attachment-max {
	padding:60vh 0;
}