/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset "shift-jis";

html {
	font-size: 16px;
	line-height: 180%;
	letter-spacing: 0.02em;

	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;

	font-feature-settings: 'pkna' 1;
	-webkit-font-feature-settings: 'pkna' 1;
	-moz-font-feature-settings: 'pkna' 1;
	height: auto;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, div, ul, ol, li, dl, dt, dd, table, tr, td {
	padding: 0;
	margin: 0;
}

.pc-hide	{ display: none; }
.sp-hide	{ display: block; }

a:active { color: #fffc0e; cursor: hand; }
a:hover { color: #fffc0e; text-decoration: none; cursor: hand; }
a { color: #ffffff; text-decoration: none; }

a img:hover { opacity: 0.7; }

h1 img { width:100%; max-width: 2000px; }
h2	{ text-align: center; padding:20px 0; }
h2 img	{ width:80%; max-width: 501px; }
h3	{ text-align: center; padding:0 0 20px; }
h3 img	{ width:80%; max-width: 210px; }


main	{ min-height:90vh; }

main .whats	{ text-align: center; padding:20px; }
main .whats p	{ font-size: 1.5rem; font-weight:400; line-height: 2.5rem; padding:2rem 2rem 3rem; }

main .photo	{ width:90%; max-width: 1010px; }

main .line	{ padding:20px 0; }
main .line img	{ width:100%; max-width: 1000px;; }

main .movie	{ width:80%; max-width:560px; margin:0px auto; padding:50px 0 30px; }
main .movie-wrap	{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
main .movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

main .goods_ .StyleF_Frame_	{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width:90%; max-width:1200px; margin: 0 auto; }

main .goods_ .StyleF_Frame_ .StyleF_Item_	{
	width:32%;
	padding: 1rem;
	margin-bottom: 2rem;
	background: #946b38;  color:#ffffff;
	border-radius: 0.5rem ;
	-webkit-border-radius: 0.5rem ;
	-moz-border-radius: 0.5rem ;
	-ms-border-radius: 0.5rem ;
	-o-border-radius: 0.5rem ;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}

main .goods_ .StyleF_Frame_ .StyleF_Item_:nth-child(even)	{ background:#4d2d1b; }
main .goods_ .StyleF_Frame_ .StyleF_Item_:nth-child(even) a:hover	{ color:#fffc0e; }

main .goods_ .StyleF_Frame_ .StyleF_Item_:nth-child(3n+2)	{ margin: 0 2% 2rem; }

main .goods_ .StyleF_Frame_ .StyleF_Item_ .img_ a	{ display: block; }
main .goods_ .StyleF_Frame_ .StyleF_Item_ .img_ img	{ width:100%; }

main .goods_ .StyleF_Frame_ .StyleF_Item_ .name_	{ -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; }
main .goods_ .StyleF_Frame_ .StyleF_Item_ .name1_	{ padding:5px 0; font-size:0.9rem; font-weight: 700; line-height: 1.3rem; }
main .goods_ .StyleF_Frame_ .StyleF_Item_ .name1_ a	{ display: block; }


main .goods_ .StyleF_Frame_ .StyleF_Item_ .price_	{ text-align: right; font-size: 1rem; font-weight: 700; padding: 5px 0 0; } 
main .goods_ .StyleF_Frame_ .StyleF_Item_ .price_ .small_	{ font-size:0.8rem; font-weight: 400; }

footer div { background:#e29954; text-align: center; padding:10px; }
footer div img	{ width:100px; height: auto; }

#page_top	{ position: fixed; right: 1rem; bottom: 0.5rem; opacity: 1; z-index: 10; text-align: center; font-weight: 700; }

/* Smartphone */

@media screen and (max-width: 767px) {
	
	.pc-hide	{ display: block; }
	.sp-hide	{ display: none; }

	h2	{ padding:10px 0; }

	main .whats	{ padding:10px; }
	main .whats p	{ font-size: 1.2rem; line-height: 1.8rem; padding:1rem 1rem 2rem; }

	main .movie	{ width:90%; max-width:560px; margin:0px auto; padding:30px 0; }

	main .goods_ .StyleF_Frame_	{ width:95%; margin-bottom: 2rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

	main .goods_ .StyleF_Frame_ .StyleF_Item_	{ width:49%; padding: 0.5rem; margin-bottom: 2vw; }

	main .goods_ .StyleF_Frame_ .StyleF_Item_:nth-child(4n+1),
	main .goods_ .StyleF_Frame_ .StyleF_Item_:nth-child(4n+4)	{ background-color:#946b38; }
	main .goods_ .StyleF_Frame_ .StyleF_Item_:nth-child(4n+2),
	main .goods_ .StyleF_Frame_ .StyleF_Item_:nth-child(4n+3)	{ background-color:#4d2d1b; }
	main .goods_ .StyleF_Frame_ .StyleF_Item_:nth-child(3n+2)	{ margin: 0; margin-bottom: 2vw; }
}
.StyleF_Item_ .rdt_,
.StyleF_Item_ .comment_,
.StyleF_Item_ .cart_ {
  display: none;
}