@charset "UTF-8";

/* layout */
/*=================================
	Initialization of style
===================================*/
body {
	margin: 0;
	padding: 0;
	background:#fff;

    color: #222;
	font-size: 14px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 150%;
	text-align: center;
	
	font-weight:bold;

	width: 100%;
	min-width:100%!important;
}

a:link,
a:visited {
	text-decoration: none;
    color: #222;
}
a:hover,
a:active {
	text-decoration: underline;
    color: #222;
}

div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form {
	margin: 0;
	padding: 0;
}
img, a img {
	border:none;
	vertical-align: bottom;
}

img {
	max-width:100%;
	height:auto;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.pn {display:none;}

/* blockgroup */
	h1 {
		color: #fff ;
		font-weight:normal;
		font-size: 11px;
		letter-spacing:0.075em;
	}



/* List_group */
ul,ol,li { list-style: none;}                                                                                                                         

/* inline-style */
address {
	font-style: normal;
	font-size: 11px;
	color:#fff;
	letter-spacing: 0.05em;
}
	address a,
	address a:link,
	address a:visited {
		text-decoration: none;
		color: #fff;
	}
	address a:hover,
	address a:active {
		text-decoration: underline;
		color: #fff;
	}
	



/* table */
table { width:100%;}
tr,th,td {}

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

.ff01 {
	font-family: 'Zen Kaku Gothic New', sans-serif;
}





/*=============================
	Layout-Base
===============================*/
/* header
-------------------------*/
.clearfix:after {
  display: block;
  content: " ";
  clear: both;
}
#pagetop {
	position: relative;
}
#pagetop.toppage {
	padding-bottom:100px;
}
#pagetop.toppage:before {
	width:80%;
	height:100%;
	content: "";
	position: absolute;
	right:0;
	top:0;
	background:url("https://basefile.akamaized.net/saifufoods-base-shop/68eddec8bbce0/bg_stripe.jpg") repeat;
}
#header {
    position:relative;
	width:96%;
	max-width:1720px;
	margin: 0 auto;
}
	.siteTitle {
		width:18%;
		text-align: left;
	}
		.siteTitle a {
			display: block;
			text-decoration: none;
			height:100%;
			padding:13px 2%;
		}
	.h_right {
		width:78%;
		max-width:940px;
		margin-top:40px;
	}
    .btn_online {
		max-width:245px;
		background:#9b0026;
		height:60px;
		line-height:60px;
		border-radius:5px;
		font-size:17px;
		letter-spacing: 0.075em;
		transition: .4s;
	}
        .btn_online a {
			color:#fff;
			text-decoration: none;
			display: block;
			height:100%;
		}
        .btn_online:hover,
        .btn_online:active {
			background:#af3351;
		}
    .h_right .btn_online {
		width:32%;
	}
.xpn{ display:none!important;}



		
	
/* global-navigation
-------------------------*/
.pc-nav {
	width: 64%;
	max-width: 600px;
	margin-top:15px;
}
	.pc-nav nav {
	}
	.pc-nav li {
		font-size:16px;
		line-height: 1.5em;
		letter-spacing:0.075em;
		background:url("https://basefile.akamaized.net/saifufoods-base-shop/68eddf065abd1/gnav_off.png") no-repeat center bottom;
		transition: .4s;
	}
	.pc-nav li a {
		color:#222;
		text-decoration:none;
		display: block;
		padding-bottom:8px;
	}
	.pc-nav li:hover ,
	.pc-nav li:active {
		background:url("https://basefile.akamaized.net/saifufoods-base-shop/68eddef184b0a/gnav_line.gif") no-repeat center bottom;
	}


/* pagetop
-------------------------*/
#pagetop {}
#totop {
	position:fixed;
	z-index:100;
	right:2%;
	bottom:25%;
}
#totop img {display:block;}




/* footer
-------------------------*/
footer {
	padding-bottom:110px;
	background:#210c00;
}
#footer {
	width:96%;
	margin:0 auto;
	padding:40px 0 18px;
}
	.ft_nav {
		margin-top:45px;
	}
		.ft_nav li {
			font-size:14px;
			letter-spacing: 0.075em;
			line-height:1.5em;
			font-weight:bold;
			background:url("https://basefile.akamaized.net/saifufoods-base-shop/68eddede8ea48/ft_bar.gif") no-repeat right center;
			padding:0 .6em;
			display: inline-block;
		}
		.ft_nav li a {
			color:#fff;
		}
		.ft_nav li:last-child {
			background: none;
			padding-right:0;
		}
		.ft_nav li:first-child {
			padding-left:0;
		}
.copyright {
	margin-top:30px;
}
	.copyright address {
		line-height:1.4em;
	}






/* FIX-AREA
-------------------------*/
.fix-area {
	display: block;
	position: fixed;
	bottom: -110px;
	left: 0;
	z-index: 10;
	width: 100%;
	padding: 25px 0;
	background:#fefefe;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
	.fix-area.fx {
		bottom: 0px;
	}
.footer_info {
	width:96%;
	max-width:1280px;
	margin:0 auto;
}
	.footer_info ul {
		max-width:935px;
		margin:0 auto;
	}
	.footer_info li {
		height:60px;
		line-height:60px;
		border-radius:5px;
		font-size:17px;
		letter-spacing: 0.075em;
		transition: .4s;
	}
	.footer_info .btn_online {
		width:26%;
	}
	.footer_info .btn_insta {
		width:36%;
		max-width:300px;
		background:#000000;
	}
		.footer_info .btn_insta span {
			background:url("https://basefile.akamaized.net/saifufoods-base-shop/68eddf8d6ce8f/icon_ig.png") no-repeat left center;
			padding-left:48px;
			display: inline-block;
		}
	.footer_info li:nth-child(3) {
		line-height:1.3em;
	}
	.footer_info li a {
		display: block;
		text-decoration: none;
		color:#fff;
		height:100%;
	}
	.footer_info li:nth-child(3) a {
		padding-top:8px;
	}
	.footer_info .btn_insta:hover, 	.footer_info .btn_insta:active {
		background:#4d3d33;
	}




/*=============================
	Common-class
===============================*/
/* float */
.fLeft { float: left;}
.fRight { float: right;}

/* float-clear */
.clear { clear:both;}
br.clear {
	height: 0;
	line-height: 0;
	font-size: 0;
}

/* image-layout */
.imgleft{ float:left;}
	.imgleft img{
		display:block;
	}
.imgright{ float:right;}
	.imgright img{
		display:block;
	}

/* table-default-style */
table.def {}
	table.def tr,th,td {}
	table.def th {}
	table.def td {}

/* Bread_crumb_List */
.bcList {text-align:right; margin:20px 8px 5px 0;}
	.bcList li {
		display:inline;
	}
	.bcList li a{padding-right:15px;}
	.bcList li em {font-weight:bold; font-style:normal;}

/*=============================
	TopPage setting
===============================*/
#wrap-content.topcontents {}
section {
	max-width:1200px;
	width:96%;
	margin:0 auto;
	position: relative;
}
.btn01 {
	width:96%;
	max-width:250px;
	height:65px;
	line-height:60px;
	border-radius:33px;
	letter-spacing: 0.075em;
	text-align:center;
	font-size:18px;
	background:url("https://basefile.akamaized.net/saifufoods-base-shop/68eddea30c0b5/arw.png") no-repeat 92% center,#fff;
	border:3px solid #222222;
	box-shadow: 0 4px 0 0 #222222;
	margin:0 auto;
	transition: .4s;
}
	.btn01 a {
		color:#222222;
		display:block;
		text-decoration:none;
	}
	.btn01:hover,
	.btn01:active {
		background:url("https://basefile.akamaized.net/saifufoods-base-shop/68eddea30c0b5/arw.png") no-repeat 92% center,#f4eade;
	}
.topcontents p {
	font-size:17px;
	line-height:2.1em;
	letter-spacing: 0.075em;
}


/*=============================
	Sub(Lower)Page setting
===============================*/
.submainbox{
    max-width: 1200px;
    width: 96%;
    background:url("https://basefile.akamaized.net/saifufoods-base-shop/68eddf7317172/h2.jpg")repeat center ,#776450;
    background-size: cover;
	padding: 120px 0;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    z-index: 5;
	}
.submainbox h2{
    text-align: center;
    line-height: 1.1;
    font-size: 58px;
	}
.submainbox h2 span{
    display: inline-block;
    background: #7f2d41;
    color: #fff;
    padding:10px 25px;
    border-radius: 6px;
    font-weight: 600;
    }
.submainbox h2 span.ff01{
    font-size: 25px;
    text-transform: uppercase;
    background: #fff;
    color: #7f2d41;
    }

/* bread_crumb
--------------------------------------------------*/
.bread_crumb_list {
	padding:10px 0;
	width:100%;
	margin: auto;
	}
ul.bread_crumb {
	text-align:left;
	margin:0 auto;
	width:96%;
	max-width: 1200px;
	}
.bread_crumb li {
	display:inline;
	color: #000;
	font-size:14px;
	font-weight:500;
	}
.bread_crumb .material-icons{vertical-align:-0.2em !important;}
.bread_crumb li:after {
    content : '>';
    padding-left:10px;
    margin-right:10px;
	}
.bread_crumb li:last-child:after {content : '';}
.bread_crumb li a {color:#000;text-decoration:underline;}
.bread_crumb li a:hover{text-decoration:none;}
.bread_crumb li.current {}