@charset "UTF-8";
/* CSS Document */
/*==============================
¥ê¥»¥Ã¥È
==============================*/
#wrapper.pad_t_20.container {
    width: 100%;
    max-width: none;
    padding: 0;
}
#contents.mar_b_50.col-lg-9 {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
}
#side{
	display:none;
}

html{
	height:100%;
	overflow:auto;
}
body{
	width:100%;
    line-height: 160%;
	font-family:'Noto Sans JP',"Þ⥴¥·¥Ã¥¯" , "Yu Gothic" , "Þ⥴¥·¥Ã¥¯ÂÎ" , "YuGothic" ,Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,  "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "¥á¥¤¥ê¥ª" , Meiryo , "£Í£Ó £Ð¥´¥·¥Ã¥¯" , "MS PGothic" , sans-serif;
	font-weight:400;
	font-size:16px;
	color:#231815;
	overflow:hidden;
}
*{
	box-sizing:border-box;
	margin:0px;
	padding:0px;
}
p,ul, ol{
	margin:0;
}
li{
	list-style-type:none;
}
img:not([width="1"]){
	vertical-align: bottom;
	border-style:none;
	box-shadow: #000 0 0 0;
	height:auto;
	width:100%;
}
input[type="text"]:focus {
  outline: 0;
}
x:-moz-any-link, x:default {
	box-shadow: #000 0 0 0;
}
table,th,td{
border-collapse: collapse;
border: 0 ;
}
.clear::after{
	content: '.';
    display: block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
a:hover{
	color:inherit;
	text-decoration:none;
}

.link_btn {
    display: block;
  width:80%;
    max-width: 300px;
    margin: 0 auto;
    background-color: #c69c6d;
    font-size: 1.125em;
    line-height: 100%;
    color: #ffffff;
    padding: 1em 0;
	transition:all ease 300ms;
}
.link_btn:hover{
	color:#c69c6d;
	background-color:#ffffff;
	box-shadow:0 0 0 2px #c69c6d;
}
/*===========================
web-font
===========================*/
.g-font{	
	font-family: 'Raleway', sans-serif;
	font-family: 'PT Sans Narrow', sans-serif;
	letter-spacing:2px;
}
/*==============================
Header
==============================*/
header {
    background: #ffffff;
}
.header_inner{
    display: flex;
    align-items: center;
    height: 80px;
}
.head_logo {
    width: 260px;
    height: 35px;
	margin-left:45px;
	margin-right:45px;
}
.topback {
    display: block;
    width: 140px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    height: 80px;
}
.menu_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu_list a{
	color:#000000;
    margin-right: 1.2em;
	letter-spacing:1px;
}
.menu_list li,
.menu_list li a {
    line-height: 100%;
}
.menu_list a::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 1em;
	background:url(https://img21.shop-pro.jp/PA01439/365/etc/icon_rice.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
    line-height: 100%;
    margin-right: 0.5em;
}
.contact_link a:before{
	display:none;
}
.contact_link a {
    color: #ffffff;
    display: inline-block;
    padding: 0.8em 1em;
    border-radius: 3em;
    border: 1px solid #c69c6d;
	transition:all ease 200ms;
	background-color:#c69c6d;
}
.contact_link a:hover{
    color: #c69c6d;
	background-color:#ffffff;
	text-decoration:none;
}
.account_wrap {
    position: absolute;
	right:100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 110px;
    height: 50px;
}
.account_icon a{
    display: block;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    background-color: #eee8e0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 0.9em;
    overflow: hidden;
    transition: all ease 300ms;
    color: #fff;
    padding-top: 100%;
	text-align:center;
	line-height:105%;
}
.account_icon .mypage {
	background-image:url(https://img21.shop-pro.jp/PA01439/365/etc/icon_mypage.png);
}
.account_icon .cart {
	background-image:url(https://img21.shop-pro.jp/PA01439/365/etc/icon_cart.png);
}
.account_icon a:hover{
	box-shadow:0 0 0 2px #c69c6d;
	text-decoration:none;
	background-color:#c69c6d;
	padding-top:calc(100% / 2 - 1em);
	background-size:0%;
}
/*==============================
drawermenu
==============================*/
a.menu_btn {
    display: block;
    width:80px;
    height: 80px;
    position: fixed;
    top:0;
    right:0;
    cursor: pointer;
    z-index: 200;
	background-color:#c69c6d;
	padding-top:22px;
	padding-bottom:22px;
    text-align: center;
	text-decoration:none;
}
.menu_btn .hamburger{
	position:relative;
	display:block;
    width: 100%;
	height:100%;
}
.menu_btn .hamburger span {
    display: block;
	width:30px;
    height: 2px;
	left:0;
	right:0;
	margin:auto;
    background-color: #ffffff;
	position:absolute;
	transition:all ease 300ms;
}
.menu_btn .hamburger span:nth-of-type(2){
    top: 8px;
}
.menu_btn .hamburger span:nth-of-type(3){
	top:16px;
}
.menu_btn .hamburger::after{
	position:absolute;
	content:"MENU";
	color:#ffffff;
	font-family: 'Raleway', sans-serif;
	font-size:0.625em;
	line-height:100%;
	letter-spacing:1px;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.menu_btn.open .hamburger::after{
	content:"CLOSE";
}
.menu_btn.open .hamburger span:nth-of-type(1){
    transform: rotate(45deg);
    top: 8px;
}
.menu_btn.open .hamburger span:nth-of-type(2){
	opacity:0;
}
.menu_btn.open .hamburger span:nth-of-type(3){
    transform: rotate(-45deg);
    top: 8px;
}
.drawr {
    display: none;
	background-color:#c69c6d;
    position: fixed;
    top: 0px;
    right:0;
    width:260px;
    padding:60px 0 20px 20px;
    z-index: 100;
}
#menu li {
    width:260px;
}
#menu li a {
    color:#fff;
    display: block;
    padding: 15px;
}

/*==============================
Footer
==============================*/
footer {
    background-color: #b5a032;
}
.footer_inner {
    padding: 100px 0 60px;
	text-align:center;
	background-color:#b5a032;
	position:relative;
}
.footer_inner::before{
	content:"";
	display:block;
	width:100%;
	height:65px;
	background-image:url(https://img21.shop-pro.jp/PA01439/365/etc/footer_head.png?1127);
	background-repeat:repeat-x;
	background-size:contain;
	background-position:center bottom;
	background-color:#ffffff;
	position:absolute;
	top:0;
}
.footer_logo{
	width:310px;
	height:30px;
	margin:0 auto;
}
.footer_menu_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px 0px;
}
.footer_menu_btn a {
	display:block;
    background-color: #ffffff;
    color: #b5a032;
    padding: 0.8em 1.4em;
    border-radius: 1.8em;
    font-size: 0.935em;
    margin: 5px;
	transition:all ease 200ms;
}
.footer_menu_btn a:hover{
	color:#ffffff;
	text-decoration:none;
	background-color:#b5a032;
	box-shadow:0 0 0 2px #ffffff;
}
.footer_address{
	color:#ffffff;
	letter-spacing:0.5px;
}
.footer_address .name {
    font-size: 1.5em;
    letter-spacing: 2px;
    margin-right: 1em;
}
.footer_address .tel {
    font-size: 1.4em;
    letter-spacing: 1px;
    margin-left: 1em;
}
.footer_inner .menu_list{
    justify-content: center;
    margin-top: 30px;
}
.footer_inner .menu_list li a{
	color:#ffffff;
}
.footer_inner .menu_list a::before {
	background-image:url(https://img21.shop-pro.jp/PA01439/365/etc/icon_rice_w.png);
}
.copy{
    color: #ffffff;
    text-align: center;
    padding: 25px 0;
    background: #666666;
}



.bg_dark {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

.pankz{
    padding: 0.35em;
    width: 96%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.pankz, .pankz a {
    color: #998675;
    font-size: 0.935em;
}
.pankz li {
    display: inline-block;
}
.head_view {
    height: 280px;
	color:#ffffff;
    text-align: center;
	background-image:url(https://img21.shop-pro.jp/PA01439/365/etc/about_hv.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
    overflow: hidden;
}
.head_view .hv_title {
    font-size: 2em;
    letter-spacing: 2px;
    line-height: 120%;
}
.head_view .bg_dark {
    display: flex;
    justify-content: center;
    align-items: center;
}
.rice_bg{
	background:url(https://img21.shop-pro.jp/PA01439/365/etc/bg_rice.jpg) repeat;
}
.rice_hd::before{
	content:"";
	display:inline-block;
	height:32px;
	width:16px;
	margin-right:15px;
	background:url(https://img21.shop-pro.jp/PA01439/365/etc/title_hd.png) no-repeat center;
	background-size:contain;
}
.wrap_inner {
    width: 90%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.table{
	border-top:1px solid #c7b299;
	border-right:1px solid #c7b299;
	border-left:1px solid #c7b299;
	background:#ffffff;
}
.tr {
    width: 100%;
    display: flex;
}
.th,.td{
	border-bottom:1px solid #c7b299;
    padding: 0.8em 1.5em;
}
.th {
    width: 28.5%;
    max-width: 200px;
    background-color: #f3f1ea;
}
.td{
    width: 71.5%;	
}
@media screen and (min-width:1201px) {
	.header_menu{
		display:block;
	}
}
@media screen and (max-width:1200px) {
	.header_menu{
		display:none;
	}
}
@media screen and (max-width:768px) {
	.footer_inner .menu_list{
		display:none;
	}
}
@media screen and (min-width:501px) {
	.sp{
		display:none !important;
	}
}
@media screen and (max-width:500px) {
	header{
		top:0;
		bottom:auto;
	}
	.head_logo {
    	width: calc(100% - 210px);
    	max-width: 260px;
    	height: auto;
    	margin-left: 10px;
    	margin-right: 5px;
	}
	.head_logo img {
		max-width: 104px;
	}
	a.menu_btn{
		top:10px;
		width:60px;
		height:60px;
    	padding-top: 14px;
    	padding-bottom: 10px;
	}
	.account_wrap{
    	right: 70px;
	}
	.footer_inner::before{
		background-size:cover;
	}
	.footer_menu_btn,
	.footer_address{
    	width: 86%;
		margin-left: auto;
		margin-right: auto;
	}
	.footer_inner{
		padding-bottom:30px;
	}
	.footer_address span{
		display:block;
		margin-bottom:15px;
	}
	.footer_menu_btn {
		display: block;
    	margin-bottom: 30px;
	}
	.footer_menu_btn li{
		margin-bottom:15px;
	}
	.tr{
		display:block;	
	}
	.th{
		border-bottom:none;
	}
	.td,.th{
		max-width:none;
		width:100%;
	}
	.head_view{
		height:180px;
	}
	.pc{
		display:none !important;
	}
}