@charset "UTF-8";
*{padding: 0;margin: 0;border: none;font-size: 1em;letter-spacing: 0;line-height: 1.8;font-weight: normal;list-style: none;}
img {width:100%;height: 100%;}
html{margin: auto;background: #fff;font-size: 13px;}

body,
button,
input,
select,
textarea{text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga", "kern"
}

body{height: 100%;min-height: 130vh;overflow-x: hidden;font-size: inherit;font-family:'Kosugi Maru',"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}
.font,.font *{font-family:'Noto Serif JP',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}

@media screen and (min-width: 960px) {html{font-size:15px}}


footer,
hr,
#top>h1{clear: both
}

a,
a:link{cursor: pointer;text-decoration: underline
}
a,
a:visited,
body{color: #000;}

a{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

p a,
p a:link{text-decoration: none;/* color: #600; */
border-bottom: 1px solid;}

a:hover{opacity: 0.3;filter: alpha(opacity=30);-moz-opacity: .3;-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}

/*img[src=""]{background:url();background-position: 50% 50%;background-size: cover;width: 100% !important;min-height: 140px;opacity: 0.8;}*/
strong{font-weight: bold;/* white-space: nowrap; */
}

.none{display: none}
.arrow{
	width: 24px;
	height: 16px;
	border-bottom: 1px solid;
	display: block;
	position: relative;
	margin: 0 0px 8px 0;
	left: 8px;
}
.arrow:after{content:'';display:block;width: 16px;height: 16px;border-top: 1px solid;border-left: 1px solid;position: absolute;bottom: -9px;left: 4px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

@media screen and (min-width: 960px) {.nopc{display: none;}}
@media screen and (max-width: 960px) {.nosp{display: none;}}


.outviewClass{transition: transform 0s ease-out, opacity 0s ease-out;transform: translate(0, 20px);opacity: 0;}

.inviewClass{transition: transform 1.5s ease-out, opacity 1.5s ease-out !important;transform: translate(0, 0);opacity: 1;}

.entrybody h1,
.entrybody h2,
.entrybody h3,
.entrybody h4,
.entrybody h5,
.entrybody h6
{font-family:'Noto Serif JP',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-weight: normal;padding: 0 0;margin: 1em 0;line-height: normal;letter-spacing: 0.1em;}
.entrybody p,
.entrybody li
{text-align: justify;font-weight: normal;padding: 0 0;margin: 1em 0;line-height: 170%;letter-spacing: .1em;}


.topmain{
	width: 100%;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.entrybody .topmain h2,
.entrybody .topmain h3,
.entrybody .topmain h4,
.entrybody .topmain h5{
	margin: 8px 4px 16px !important;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 3.5vw;
	letter-spacing: 1vw;
	display: block;
	background: transparent;
	color: #000;
	padding: 0;
	border: none;
	font-weight: normal;
}

.entrybody .topmain h3{
	font-size: 9.2vw;
}
.entrybody .topmain h4{
	font-size: 6vw;
	margin-right: -4px !important;
}

.entrybody .topmain h4 span {
    display: inline-block;
    margin: 80px 0 0 0;
}
.entrybody .topmain h5{
	margin-right: 24px !important;
}

@media (min-width: 769px) {
.entrybody .topmain h2,
.entrybody .topmain h3,
.entrybody .topmain h4,
.entrybody .topmain h5{
	font-size: 20px;
	letter-spacing: 0.2em;
}
.entrybody .topmain h3{
	font-size: 56px;
}
.entrybody .topmain h4{
	font-size: 36px;
}
.topmain h5{
	margin-right: 74px !important;
}
}
body.en .entrybody p, body.en .entrybody li {
	text-align: initial;
}

.entrybody .box{max-width: 640px;margin:auto;padding: 16px 24px;}
@media (min-width: 769px) {
.entrybody .box{}
}

.tokoton{
    padding: 80px 24px;
    margin: 0 0 24px 0;
    background: url(_MG_9771_fix.jpg) 0% 100%;
    background-size: cover;
    width: 100%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (min-width: 769px) {
.tokoton{height: 60vw;padding: 6%;}
}

.tokotonbox{
    background: #fff;
    padding: 16px 0px;
    width: 100%;
    max-width: 400px;
}

.tokotonbox h3 {margin: 0 0 24px;}

.tokoton h5 small {
    display: block;
    font-size: 75%;
}
.entrybody .tokoton h3{
    border: none;
    margin: 0 0 16px 0px;
    padding: 0 16px;
}
.entrybody .tokoton h5 {
    margin: 8px 0 0 0;
    font-size: 1.8em;
    font-weight: normal;
}

.slider {
  width: 100%;
  /* overflow: hidden; */
  padding: 0 0;
  box-sizing: border-box;
}

.sliderlink {
    margin: 0 0 16px 0;
    text-align: center;
    overflow: hidden;
    /* position: absolute; */
    /* z-index: 9; */
}

.entrybody .sliderlink a {margin: 0 16px 0 0;}

.entrybody .sliderlink a:before {/* content: '･ '; */}

.slides {
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  
  /*
  scroll-snap-points-x: repeat(300px);
  scroll-snap-type: mandatory;
  */
  /* margin: -100px 0 0 0; */
}
.slides::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}
.slides::-webkit-scrollbar-thumb {
  background: #2b497d;
  border-radius: 10px;
}
.slides::-webkit-scrollbar-track {
  background: transparent;
}
.gallery-cell {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: 100%;
  height: 200px;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;
  padding: 0 16px;
  box-sizing: border-box;
  background: hsla(218, 49%, 33%, 0.07);
  margin: 0 0 40px 0;
}
@media (min-width: 769px) {
.gallery-cell {
  height: 220px;
}
}
.author-info {
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 0.75rem;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.author-info a {
  color: white;
}
.slider > a {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  background: white;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 0 0.5rem 0;
  position: relative;
}
.slider > a:active {
  top: 1px;
}
.slider > a:focus {
  background: #000;
}

button.flickity-prev-next-button {
    width: 32px;
    height: 32px;
    background: #fff;
    box-shadow: 0 1px 5px -2px #000;
}

.flickity-prev-next-button.previous {
    left: -18px;
}

.flickity-prev-next-button.next {
    right: -18px;
}

.flickity-page-dots {bottom: 0;display: inline-block;/* width: auto; *//* margin: auto; */}
.flickity-page-dots .dot {
    width: auto;
    height: auto;
    background: transparent;
    padding: 4px 8px;
    color: #2b497d;
    opacity: .5;
    color: #000;
    cursor: pointer;
    font-family: 'Noto Serif JP',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.flickity-page-dots .dot.is-selected {
    opacity: 1;
    color: #2b497d;
    font-weight: bold;
}
.flickity-page-dots .dot:nth-child(1):before {content: "安全";}
.flickity-page-dots .dot:nth-child(2):before {content: "品質";}
.flickity-page-dots .dot:nth-child(3):before {content: "価格";}







.entrybody ol.onoff>li>ol{
	display: none;
	padding: 0 0 24px;
}
.entrybody ol.onoff>li{
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	clear: both;
}
.entrybody ol.onoff>li h3.on + ol{
	display: block;
}
.entrybody ol.onoff>li h3:before {content: '';margin: 0px 16px 0 12px;display: inline-block;width:8px;height:8px;position: relative;top: -1px;color: #fff;border-left: 1px solid;border-bottom: 1px solid;-webkit-transform: rotate(225deg);transform: rotate(225deg);filter: drop-shadow(-1px -1px 0px #000);}

.entrybody ol.onoff>li h3.on:before {-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -3px;}
.entrybody ol.onoff>li>ol li{
	display: block;
	margin: 0;
	padding: 0;
}



.entrybody blockquote{
	background: rgba(0, 156, 30, 0.2);
	padding: 8px 16px;
	border-radius: 12px;
}

.entrybody * small{
	/* color: #000; */
	font-size: 0.5em;
	/* float: right; */
	letter-spacing: 0.4em;
}

.entrybody hr{border: none;background: #999;width: calc(100% + 48px);display: block;height: 1px;margin: 4em 0 4em -24px;}



.entrybody a{
	background: #2b497d;
	padding: 2px 8px;
	color: #fff;
	text-decoration: none;
	display: inline;
	margin: 0 2px;
	font-weight: bold;
}

.entrybody a>svg {fill: #2b497d;width: 20px;height: 20px;vertical-align: middle;margin: -2px 3px 0;display: inline;}

a.link{
	background: #00BCD4;
	padding: 0px 4px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	margin: 2px auto;
	padding: 8px 16px;
	border-radius: 3px;
}


.entrybody img{max-width: 100%;height: auto;display: block;margin: 1em auto;border-radius: 12px;}
.entrybody img.mini{width: 30%;height: auto;display: block;margin: 0 0 1em 1em;float: right;}
.entrybody iframe{height: auto;min-height: 50vh;display: block;/* margin: 1em -24px; */width: 100%;}

.facebook iframe{width: 80%;margin: auto;height: inherit;}


.entrybody h2 em {
	font-family: initial;
	font-style: normal;
	color: #2b497d;
	display: block;
	font-size: 13px;
}

.entrybody h2>a {background: transparent;color: inherit;font-weight: inherit;padding: initial;margin: initial;}

.entrybody h2>a svg {
}

.entrybody h3 svg {
	width: 24px;
	height: 24px;
	float: right;
	background: #fff;
	display: inline-block;
}

.entrybody p + h2,
.entrybody h2 + h3{padding-top: 1em;margin-top: 1em;}
.entrybody h2{
	padding-top: 2em;
	color: #2b497d;
	font-size: 2em;
}
.entrybody h3{font-size: 1.6em;margin-top: 4em;border-bottom: 1px solid #2b497d;padding-bottom: 0.8em;display: block;background: #fff;}
.entrybody h4{font-size: 1.2em;margin-top: 2em;background: #2b497d;padding: 1em 24px 1.2em;color: #fff;line-height: 1.8;text-align: left;}
.entrybody h5{font-size: 1.4em;margin-top: 2em;color: #2b497d;font-weight: bold;text-align: left;}
.entrybody h6{font-size: 1.2em;letter-spacing: 0.01em;margin-top: 2em;}

.entrybody time{font-size:11px}
.entrybody ul{
	padding: 8px 0;
	clear: both;
}
.entrybody ul li, .entrybody ol li{
	margin: 4px 0 8px 24px;
	display: list-item;
	list-style: square;
	font-size: 92%;
}
.entrybody ol li{
	list-style-type: decimal;
}

.entrybody h2:nth-child(1),.entrybody h3:nth-child(1),.entrybody hr + h2{padding-top: 0;margin-top: 0;}

.entrybody table {
    border-collapse: collapse;
    margin: 8px 0 16px;
}

@media (max-width: 769px) {

    .entrybody table {
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
        display: block;
    }
}

.entrybody table th {
    background: #EEE;
    white-space: nowrap;
    vertical-align: top;
    padding: 4px 2px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    min-width: 40px;
}

.entrybody table th:last-child {
    border-right: 1px solid #000;
    border-bottom: 1px solid #fff;
}

.entrybody table td {
    padding: 4px 8px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    /* min-width: 140px; */
    width: 100%;
    /* white-space: nowrap; */
}

.entrybody table .gray th {
    padding: 2px 4px;
    background: #555;
    color: #aaa;
    border-bottom: 1px solid #ccc;
}

.entrybody table .line {
    border-bottom: 3px double #000;
}

.entrybody table .gray td {
    padding: 2px 4px;
    color: #888;
    border-bottom: 1px solid #ccc;
}

.entrybody table td.dots {
    text-align: center;
}

.entrybody table td.dotsgray {
    color: #ccc;
}

.entrybody table td.cost {
    text-align: right;
}




#header{
	width: 100%;
	height: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
}

#header>h1{display: block;text-align: left;width: 210px;/* height: 48px; */box-sizing: border-box;font-size: 160%;position: fixed;z-index: 999999999;top: 0;left: 0;}
#header>h1 a{display: block;margin: 0 auto;box-sizing: border-box;text-decoration: none;line-height: normal;padding: 24px 8px 0 24px;}

@media screen and (min-width: 960px) {
	#header{background:transparent;}
	#header>h1>a {padding: 24px 32px;}

#header>h1 {
	width: 320px;
}
}

.menu #header>h1 a {
	color: #fff;
	filter: none;
}

#header>h1 svg{width: 100%;height: 100%;display: block;fill: #000;}

#header>.gomenu,#header>a{/* filter: drop-shadow(0px 0px 1px #fff); */opacity: 1 !important;padding: 24px 24px 8px;text-align: center;position: fixed;top: 0;right: 0;z-index: 999999999999999;font-size: 10px;margin: 0;text-decoration: none;box-sizing: border-box;overflow: hidden;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: flex-start;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-box-align: flex-start;-moz-box-align: flex-start;-webkit-align-items: flex-start;-ms-flex-align: flex-start;align-items: flex-start;}
#header>a>svg{width: 24px;height: 24px;display: block;/* zoom: 0.85; */fill: #000;}
@media screen and (min-width: 960px) {
	#header>a>svg {
	/* fill: #fff; */
}
}

.menu #header>a>svg {
	fill: #fff;
}
#header>a.instagram{right:56px;}
#header>a.shop{right:106px;top:-4px;}
#header>a.shop  svg{width: 30px;height: 30px;}
@media screen and (min-width: 960px) {
	#header>a.instagram{right: 80px;}
	#header>a.shop{right: 140px;}
	#header>a {margin: 8px;}
}

#header>.gomenu:before{display: block;content: "";width: 32px;height: 1px;background: #000;box-shadow: 0 4px 0, 0 8px 0;float: right;margin-top: 0px;}

#header>.gomenu:after{background: #fff;}

#header>.gomenu,
#header>.gomenu:before,
#header>.gomenu:after{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}

#header>.gomenu .close {
	display: none;
}

#header>.gomenu span {
	margin: 8px 0 0 1px;
	display: block;
	letter-spacing: 0.6px;
}

.menu #header>.gomenu .menu {display: none;}

.menu #header>.gomenu .close {
	display: block;
	margin: 18px -3px 0 0;
}

.menu #header>.gomenu,
.menu #header>.gomenu:before,
.menu #header>.gomenu:after{-webkit-transition: all 1s ease !important;-moz-transition: all 1s ease !important;-ms-transition: all 1s ease !important;-o-transition: all 1s ease !important;transition: all 1s ease !important;}

.menu #header>.gomenu:after,
.menu #header>.gomenu:before{content: '';display: block;height: 1px;width: 24px;margin: 0;right: 26px;top: 32px;display: block;content: "";position: absolute;background: #fff;transition: .3s;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

.menu #header>.gomenu:before{box-shadow: none;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.menu #header>.gomenu{/* margin: 0; */z-index: 10002;color: #fff;filter: none;}

.menu #header>.button:before{box-shadow: none;-moz-transform: rotate(45deg);top: 21px;-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.menu #header>.button:after{display: block;content: "";position: absolute;top: 21px;right: 8px;width: 32px;height: 1px;background: #fff;transition: .3s;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

@media screen and (min-width: 960px) {

#header>.gomenu span {margin-left:0px;}
	#header>.gomenu{
		/* color: #fff; */
		margin: 8px;
	}

	#header>.gomenu:before {
		/* background: #fff; */
		/* color: #fff; */
	}
}


#header>nav{position: fixed;left: 0;top: 0;height: 100vh;width: 100vw;transition: 1s ease-out;padding: 0;box-sizing: border-box;z-index: 9998;background: rgba(43, 73, 125, 0.9411764705882353);color: #fff;opacity: 0;-moz-transform: translateY(-100vh);-webkit-transform: translateY(-100vh);-o-transform: translateY(-100vh);-ms-transform: translateY(-100vh);transform: translateY(-100vh);}
.menu #header>nav{-webkit-animation: gomenunav 1s ease 0s 1 forwards;animation: gomenunav 1s ease 0s 1 forwards;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;padding: 0;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;overflow: hidden;z-index: 9997;}

#header>nav ul {
	text-align: center;
}

#header>nav ul.footer {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	font-size: 60%;
}

#header>nav ul li a {
	padding: 12px 16px;
	display: inline-block;
	margin: 0;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	line-height: normal;
}

#header>nav ul svg {
	width: 16px;
	height: 16px;
	margin: 0 4px;
}

#header>nav ul a em {
	display: block;
	font-size: 12px;
	opacity: 0.7;
	font-style:normal;
	font-family: initial;
}

#header>nav ul a svg {
	fill: #fff;
}

@-webkit-keyframes gomenunav{0%{opacity: 0;-moz-transform: scale(.8) translateY(0);-webkit-transform: scale(.8) translateY(0);-o-transform: scale(.8) translateY(0);-ms-transform: scale(.8) translateY(0);transform: scale(.8) translateY(0)
}

100%{opacity:1;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1)
}
}

@keyframes gomenunav{0%{opacity: 0;-moz-transform: scale(.8) translateY(0);-webkit-transform: scale(.8) translateY(0);-o-transform: scale(.8) translateY(0);-ms-transform: scale(.8) translateY(0);transform: scale(.8) translateY(0)
}

100%{opacity:1;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1)
}
}









#footer{padding: 16px 0;font-size: 100%;border-top: 1px #a7a7a7 solid;margin-top: 3em;}

#footer small{font-size: 10px;display: block;text-align: center;font-style: normal;color: #2b497d;}
#footer>.gotop {opacity: 0;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
#footer>.gotop.on {opacity: 1;}
#footer>.gotop>a {
	text-decoration: none;
	
	position: fixed;
	display: block;
	font-size: 10px;
	text-align: center;
	bottom: 64px;
	right: 16px;
}
#footer>.gotop>a>.arrow {/* float: left; */-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}


@media (min-width: 960px){
#footer>.gotop {}
#footer>.gotop>a {right: calc(50% - 590px);}
#footer>.gotop>a>.arrow {
}


}


@media screen and (min-width: 560px) {}
@media screen and (min-width: 960px) {}


main {
	padding: 0;
	min-height: 50vh;
	/* max-width: 640px; */
	margin: auto;
	box-sizing: border-box;
}

@media screen and (min-width: 960px) {
	main{padding: 0;}}


.entrylist {
}
.entrylist>.entrybox {padding: 0 0 56px 0;}

.entrylist>.entrybox.member a:before,
.memberlabel,
body.member .entryheader:before{content: 'MEMBER';background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNiA4di0yYzAtMy4zMTMgMi42ODYtNiA2LTYgMy4zMTIgMCA2IDIuNjg3IDYgNnYyaC0ydi0yYzAtMi4yMDYtMS43OTUtNC00LTRzLTQgMS43OTQtNCA0djJoLTJ6bTE1IDJ2MTRoLTE4di0xNGgxOHptLTIgMmgtMTR2MTBoMTR2LTEweiIvPjwvc3ZnPg==) no-repeat 8% 50%;background-size: 14px;padding: 1px 8px 0px 24px;border: 2px solid #00BCD4;border-radius: 3px;float: right;font-size: 11px;margin: 2px 0px 8px 8px;color: #000;letter-spacing: 0.4px;box-shadow: 0 1px 0px #fff;}
.memberlabel{content:'';float:none;margin: 2px;padding: 3px 8px 1px 24px;}
.entrylist>.entrybox>.entrypermalink {text-decoration: none;display: block;padding: 4px 1px;}
.entrylist>.entrybox>.entrypermalink>.entrytitle {font-size: 140%;}
.entrylist>.entrybox>.entrypermalink>.entrydata {font-size: 80%;color: #00BCD4;}
.entrylist>.entrybox>.entrypermalink>.entrydata>span {
}
.entrylist>.entrybox>.entrypermalink>.entrybody {margin: 0 0 4px 0;font-size: 92%;}
.entrylist>.entrybox>.entrypermalink>.entrycate {
}
.label.member,.label.entry {display: none;}
.label {text-decoration: none !important;background: #999;color: #fff !important;padding: 1px 6px 0;border-radius: 4px;display: inline-block;}


section.entry,
section.cate {padding: 24px 24px 0;}
@media screen and (min-width: 960px) {.entry {padding:0;}}
.entry>.entryheader {
}
.entry>.entryheader>.entrytitle {font-size: 140%;}
.entry>.entryheader>.entrydata {font-size: 80%;color: #00BCD4;}
.entry>.entryheader>.entrydata>span {
}
.entry>.entrybody {padding: 24px 0;}
.entry>.entrybody>p {
}
.entry>.entrypn {padding: 24px;display: block;text-align: center;}
.entry>.entrypn>.c.member,.entry>.entrypn>.c.entry {display: none;}
.entry>.entrypn>.c {margin: 0 24px 0 -20px;}
.entry>.entrypn>.n,
.entry>.entrypn>.p {
	width: 16px;
	height: 16px;
	color: #000;
	margin: auto;
	display: inline-block;
	position: relative;
}


.entrypn .p {
	border-bottom: 1px solid;
	border-right: 1px solid;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 20px;
}

.entrypn .n {
	border-top: 1px solid;
	border-left: 1px solid;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 12px;
	left: 0px;
}

#video{}
/*#video:before{content:'';display:block;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGUlEQVQYV2NkQABjRijbmIGB4SyIA2aABAEabgI3VKpgCwAAAABJRU5ErkJggg==);width: 100%;height: 100vh;position: absolute;top: 0;left: 0;box-sizing: border-box;}*/
#video video{height: 100vh;width: 100%;-o-object-fit: cover;object-fit: cover;-ms-transform: none;-moz-transform: none;-webkit-transform: none;transform: none;}


html.edge #video video,
html.edge #video:before,
html.edge #videologo,
html.ie #video video,
html.ie #video:before,
html.ie #videologo{
	width: 100%;
	height: 54.8vw;
}

#top{ position:relative;}

#top div.lang a.lang {
	font-size: 12px;
	padding: 8px 16px;
	margin: 4px;
	font-weight: normal;
	
	position: absolute;
	top: calc(100vw - 46px);
	text-decoration: none;
	color: #000;
	z-index: 9999;
}

#top div.lang {
	text-align: left;
}

@media (min-width: 960px) {
#top div.lang a.lang {
	position: fixed;
	top: 8px;
	left: 240px;
	z-index: 9999999999;
}

body.menu #top div.lang a.lang {
	color: #fff;
}
}

section#top>ul {
	padding: 0 24px 16px;
	max-width: 540px;
	margin: auto;
}

section#top>ul>li {
	clear: both;
	padding: 0 0 8px;
}

section#top ul li>strong {
	width: 100px;
	height: 100px;
	display: block;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid;
	float: left;
	margin: 10px 16px 40px -32px;
	color: #2b497d;
}

section#top>ul ul {
	margin: -8px 0 0 0;
	font-size: 84%;
}

section#top>ul ul strong {
	font-size: 130%;
	color: #2b497d;
}

section#top ul li svg{
	width: 100%;
	height: 100%;
	display: block;
	padding: 0px;
	box-sizing: border-box;
	fill: #2b497d;
	}

#videobox {
    width: 100%;
    height: 100%;
    position: relative;
}

#videobox div.font {
	width: 100%;
	height: 100vh;
	display: block;
	position: absolute;
	top: 0;
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
 
}
#videobox .font p{
	background: #fff;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	padding: 16px;
	font-size: 3.5vw;
	letter-spacing: 1vw;
	display: inline-block;
}
#videobox a.goscroll{
    display: block;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    width: 80px;
    padding: 16px 0;
    box-sizing: border-box;
    position: absolute;
    z-index: 9997;
    bottom: 8%;
    left: calc(50% - 40px);
    /* filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 0.5)); */
}

#videobox a.goscroll:after{
    content: '';
    border-bottom: 1px solid;
    border-right: 1px solid;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px;
    height: 16px;
    display: block;
    margin: auto;
}



@media (min-width: 960px) {
	#videologo, #video video, #video:before,#videobox div.font{height: 56.25vw;}
	#videologo img{top: calc(40vh - 193.5px);left: calc(50% - 150px);width: 300px;height: 387px;}
	#videobox div.font {}
	#videobox .font p{
	font-size: 1.4vw;
	letter-spacing: 0.2em;
}
}

section#top h2 {
	font-size: 9.4vw;
	padding: 8px 24px 4px;
	font-weight: normal;
	
	text-align: center;
}

section#page {
	padding: 16px 0;
	background: #fff;
	margin: 24px auto;
	box-sizing: border-box;
}

@media (min-width: 960px) {
	section#top h1 {
	text-align: center;
	font-size: 160%;
}
	section#top h2 {
	text-align: center;
	font-size: 2.6em;
}
}

ul#insta1 {
	margin: 0 -8px;
	padding: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
}

a.instagram {
	background: none;
	margin: 0;
	display: block;
}

a.instagram:hover {
	opacity: 1;
}

ul#insta1 li {
	display: block;
	padding: 0;
	margin: 0;
}

ul#insta1>li:nth-child(n + 7) {display: none;}

ul#insta1>li img{width: 28.6vw;height: 28.6vw;object-fit: cover;margin: 1px;}

@media (min-width: 960px) {
	ul#insta1>li img {width: 195px;height: 195px;margin: 1px;}
}


p.goshop a {
	display: block;
	background: #fff url(https://kanekichi-morishima.com/files/20191215213513-ee4faa34c245539967462c9e731b21c192273b80.jpg) 100% 52% no-repeat;
	background-size: 120%;
	border: #2b497d 1px solid;
	text-align: right;
	box-shadow: 0 4px 7px -3px #000;
	color: #000;
	padding: 24px 32px;
	margin: 40px auto;
	text-shadow: 0 1px 0px #fff;
	font-size: 16px;
	font-weight: bold;
	max-width: 330px;
}

p.goshop a:before {content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNi42NjUgOS4wNjhsLTMuNjY1LTEuNjZ2MTRsMy42NjUgMi41OTIgMTQuMzM1LTIuMTU1di0xNC44NDVsLTE0LjMzNSAyLjA2OHptLTEuNjY1IDEuNDQxbDEgLjQ1M3YxMC4xMThsLTEtLjcwN3YtOS44NjR6bTE0IDkuNjE1bC0xMSAxLjY1M3YtMTAuODgxbDExLTEuNTg3djEwLjgxNXptLTItMTUuODMzbC0uMDAxIDEuNzQ5YzAgLjI0Ni0uMTguNDU1LS40MjMuNDkyLS4zMDMuMDQ1LS41NzYtLjE5LS41NzYtLjQ5NXYtMS43NDZjLjAwMS0uNjkxLS4yMzEtMS4zMDQtLjY1My0xLjcyNi0uMzY4LS4zNy0uODQ3LS41NjUtMS4zODQtLjU2NS0xLjU0NyAwLTIuOTYgMS41NTgtMi45NjMgMy4yNjh2MS42ODFjMCAuMjQ3LS4xODEuNDU3LS40MjUuNDk0LS4zMDIuMDQ2LS41NzUtLjE4OS0uNTc1LS40OTRsLjAwMS0xLjY4M2MuMDA0LTIuMjYxIDEuODY2LTQuMjY2IDMuOTYyLTQuMjY2IDEuNzE3IDAgMy4wMzkgMS4zODcgMy4wMzcgMy4yOTF6bS05Ljk5OSAyLjIwOXYtMi4yMzVjLjAwNC0yLjI2IDEuODY2LTQuMjY1IDMuOTYyLTQuMjY1LjQ5MiAwIC45NDQuMTI1IDEuMzUuMzMyLS40MjMuMTctLjgyMi40LTEuMTg4LjY4M2wtLjE2Mi0uMDE1Yy0xLjU0NyAwLTIuOTYxIDEuNTU4LTIuOTYzIDMuMjY4djIuMjMyYzAgLjI0OC0uMTgyLjQ1OC0uNDI3LjQ5NC0uMy4wNDUtLjU3Mi0uMTg3LS41NzItLjQ5NHoiLz48L3N2Zz4=);float: left;}