@charset "UTF-8";
/* CSS Document */
header {
    position: absolute;
    bottom: 0;
    z-index: 50;
    width: 100%;
}
.first_view{
	height:100vh;
}
.swiper-slide{
	background-size:cover;
	background-position:center;
	position:relative;
}
.swiper-slide::before{
	content:"";
	display:block;
	position:absolute;
	width:260px;
	height:280px;
	z-index:3;
	background-image:url(https://img21.shop-pro.jp/PA01439/365/etc/fv_title_b.png);
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	top:70px;
	left:7.7%;
}
.swiper-slide.fv_w::before{
	background-image:url(https://img21.shop-pro.jp/PA01439/365/etc/fv_title_w.png);
}
.swiper-pagination {
    right: 0;
    left: auto !important;
    background: #fff;
    width: 80px !important;
    height: 100vh;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom:0 !important;
	padding-top:calc(50vh - 120px);
}
.swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: 18px;
    height: 18px;
    margin-left: auto !important;
    margin-right: auto !important;
	background-image:url(https://img21.shop-pro.jp/PA01439/365/etc/slider_dotte.png);
	background-position:center;
	background-repeat:no-repeat;
    background-color: #fff;
    margin-bottom: 8px !important;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-image:url(https://img21.shop-pro.jp/PA01439/365/etc/slider_active.png);
}

.top_img_wrap{
	height:48.7vw;
	min-height:680px;
	padding-top:90px;
	background:url(https://img21.shop-pro.jp/PA01439/365/etc/top_img.jpg) no-repeat center;
	background-size:cover;
}
.top_img_wrap .title_wrap{
	width:86%;
	margin:0 auto;
	max-width:710px;
	color:#ffffff;
}
.top_img_wrap .title_wrap .title{
    text-align: center;
    font-size: 2em;
    margin-bottom: 18px;
    letter-spacing: 1.5px;
    font-weight: normal;
	line-height:120%;
}
.top_img_wrap .title_wrap .text{
	line-height:180%;
}
.product_link_wrap {
	padding-top:110px;
	padding-bottom:120px;
	background:url(https://img21.shop-pro.jp/PA01439/365/etc/bg_rice.jpg) repeat;
}
.product_link_wrap .title_wrap {
    width: 90%;
    max-width: 165px;
    margin: 0 auto 35px;
    text-align: center;
}
.product_link_wrap .title_wrap .title{
	margin-bottom:10px;
}
.product_list {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product_list .product{
    width: 30.7%;
    margin-bottom: 20px;
}
.product_list .img_wrap {
    width: 100%;
    height: 310px;
	background:url(https://img21.shop-pro.jp/PA01439/365/etc/bg_product.png) no-repeat center;
    background-size: 100% 100%;
    margin-bottom: 25px;
	position:relative;
}
.product_list .img_wrap::before{
	content:"";
	display:block;
	width:71%;
    height: 30px;
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	margin:auto;
	background:url(https://img21.shop-pro.jp/PA01439/365/etc/img_product_above.png) no-repeat center;
	background-size:contain;
}
.product_list a:hover .img_wrap::before{
	transform:rotate(-10deg);
}
.product_list .link{
	color:#000000;
	text-align:center;
}
.product_list .name {
    margin-bottom: 5px;
}
.product_list .price {
    font-size: 1.1em;
}
.product_link_wrap .link_wrap {
    margin-top: 80px;
    text-align: center;
}

.news_wrap {
	background-image:url(https://img21.shop-pro.jp/PA01439/365/etc/bg_topics.jpg);
	background-position:top right;
	background-repeat:no-repeat;
    background-color: #f9f9f9;
    padding: 120px 0 170px;
}
.news_inner {
    width: 90%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.news_wrap .title_wrap {
    text-align: center;
    margin-bottom: 40px;
}
.news_wrap .title {
    font-size: 2.8em;
    letter-spacing: 5px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 100%;
}
.news_wrap .subtitle {
    font-size: 0.875em;
}
.news_list {
    background-color: rgba(249,249,249,0.8);
}
.news_list .news {
    border-bottom: 1px solid #ccc;
    padding: 1.5em 2em;
}
.news_list .news:first-child{
    border-top: 1px solid #ccc;
}
.news_list .news .date {
    margin-right: 1em;
    color: #c69c6d;
}
.news_list .news .name a {
	color:#000000;
	text-decoration:underline;
}

.about_link_wrap {
    padding: 130px 0;
}
.about_link {
    width: 90%;
    max-width: 480px;
	height:280px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	background:url(https://img21.shop-pro.jp/PA01439/365/etc/aboutus_link.jpg) no-repeat center;
	background-size:cover;
}
.about_link_btn{
	color:#ffffff;
    display: block;
    height: 100%;
	transition:all ease 300ms;
}
.about_link_btn:hover{
	color:#ffffff;
	box-shadow:0 0 0 5px #c69c6d;
}
.about_link .bg_dark {
    background-color: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
	width:100%;	
    height: 100%;
}
.about_link .link_name {
    font-size: 1.5em;
    letter-spacing: 2px;
    line-height: 140%;
}
.about_link .link_name span {
    font-size: 0.7em;
}
.youtube_wrap{
width:100%;
background:url(https://img21.shop-pro.jp/PA01439/365/etc/bg_movie.jpg?cmsp_timestamp=20191127231501) center;
  background-size:cover;
}
.youtube{
padding:80px 0;
    background-color: rgba(255,255,255,0.8);
}
.youtube iframe {
    width: 90%;
    max-width: 960px;
display: block;
    height: 56.25vw;
    max-height: 540px;
margin:0 auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
@media screen and (max-width:980px) {
	.swiper-pagination.swiper-pagination-bullets{
		display:none !important;
	}
}
@media screen and (max-width:500px) {
	header{
		bottom:auto;
	}
	.swiper-slide::before{
		top:calc(80px + 7.7vw);
      width:140px;
      height:130px;
	}
	.top_img_wrap{
		padding-top: 60px;
	}
	.top_img_wrap .title_wrap .title{
    font-size: 1.6em;
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
	}
	.top_img_wrap .title_wrap .text{
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
	}
	.product_list .product {
    width: 100%;
    margin-bottom: 60px;
}
.product_list .img_wrap {
    background-size: contain;
    margin-bottom: 15px;
}
.product_list .img_wrap .img{
    height: 100%;
    width: auto;
    max-width: none;
}
.news_list .news span {
    display: block;
    line-height: 160%;
}
}