@charset "utf-8";
/*----------------------------------------------------
	                 basic elements
------------------------------------------------------*/
.siteInner{
	width: 1000px;
	margin: 0 auto;
}
#contents{
	margin: 0 auto 50px;
}
.btnDetail{
	width: 173px;
	height: 30px;
	font-size: 12px;
	background-image: url(../img/common/pc/bg_btn_detail.png);
	padding:5px 20px 0 0;
}
.btnDetail:hover{
	background-position: 0 -35px;
	text-decoration: none;
}
.none_pc{
	display: none;
}
.slick-arrow{
	width: 78px;
	height: 70px;
}
.touch{
	transition:opacity 0.3s linear;
}
.touch:hover{
	opacity: 0.6;
}
a:hover{
	text-decoration: underline;
}
a.touch:hover{
	text-decoration: none;
}
.btn{
	transition:background-color 0.3s linear;
}
.btn:hover{
	text-decoration: none;
	background-color: #cf9400;
}
.blogList{
	float: left;
	margin-bottom: 20px;
}
.blogList:nth-child(4){
	margin-right: 0;
}
#blogLists{
	width: 100%;
}
#blogLists:after{content: "";display: block;clear: both;}
#btnSubmit,
#btnBack,
#btnConfirm,
#btnReset{
	font-size: 16px;
}
#contact #privacy,
#products #privacy{
	margin-bottom: 30px;
}
#btnSubmit,
#btnConfirm{
	width: 280px;
	margin-right: 10px;
}
#btnBack,
#btnReset{
	width: 180px;
}
#sys_box,
#acceptNotice{
	padding: 20px;
	margin-bottom: 30px;
}
/*----------------------------------------------------
	                 2ndpageCommon
------------------------------------------------------*/
#titArea{
	height: 150px;
}
#pageTit{
	font-size: 44px;
	padding-top: 50px;
}
#pageTit .en{
	font-size: 16px;
	padding-top: 10px;
}
#topicPath{
	width: 1024px;
	margin: 20px auto 30px;
}
.subtit01{
	font-size: 28px;
	padding: 15px 0 20px;
	margin-bottom: 30px;
}
.subtit02{
	font-size: 32px;
	padding: 15px 0 25px;
	background: url(../img/common/pc/line_subtit02.png) repeat-x 0 100% ;
	margin-bottom: 40px;
}
.subtit03{
	font-size: 23px;
	margin-bottom: 20px;
}
.subtit04{
	font-size: 23px;
	padding: 15px 0 15px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.accordion{
	margin-bottom: 30px;
}
.accordion summary,
.accordionBoxTit{
	font-size: 130%;
}
.accordion summary:hover,
.accordionBoxTit:hover{
	background: #f0eee2;
}
.accordionBoxContents{
	margin-top: 10px;
}
.accordionSecsubTit{
	margin-bottom: 20px;
}
#pager {
	position: relative;
}
#pager .page-numbers.prev{
	position: absolute;
	left: 25%;
}
#pager .page-numbers.next{
	position: absolute;
	right: 25%;
}
#pager .page-numbers{
	transition:opacity 0.3s linear;
}
#pager .page-numbers:hover{
	text-decoration: none;
	background: #efefef;
}
.secBoxInner{
	width: 940px;
	margin: 0 auto;
}
.basicTbl.formTbl td,
.basicTbl.formTbl th{
	padding: 20px 15px;
}
.basicTbl.formTbl th{
	width: 30%;
}
.inputLarge{
	width: 100%;
}
.inputMiddle{
	width: 50%;
}
#sendBtn{
	outline: none;
	width: 320px;
	margin: 0 auto;
	display: block;
	font-size: 120%;
	padding: 15px 0;
}
.btnMore{
	margin: 0 0 0 auto;
	width: 90px;
	transition:background-color 0.3s linear;
}
.btnMore:hover{
	background: #ffc669;
	text-decoration: none;
}
#newsLists .date{
	font-size: 90%;
	margin-bottom: 10px;
}
.excerpt{
	margin-bottom: 30px;
	padding-bottom: 20px;
}
.postTit{
	padding-bottom: 10px;
}
#archiveList{
	width: 210px;
	text-align: center;
	margin: 0 0 0 auto;
}
a.page-numbers{
	transition:background-color 0.3s linear;
}
a:hover.page-numbers{
	background-color: #a5a5a5;
	color: #fff;
	text-decoration: none;
}
.btnMoreOpen{
	transition:background-color 0.3s linear;
}
.btnMoreOpen:hover{
	text-decoration: none;
	background-color: #e3e3e3;
}
/*----------------------------------------------------
	                 header
------------------------------------------------------*/
#spHeader,
#spMenu{
	display: none!important;
}
#siteHeader{
	padding-top: 15px;
	height: 195px;
	position: relative;
}
#siteLead{
	font-size: 80%;
	margin-bottom: 5px;
	line-height: 1;
}
#headerNavs{
	height: 100px;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
	width: 1000px;
}
.headerNav,
.headerNav a{
	height: 100px;
	display: block;
}
.headerNav{
	float: left;
}
.headerNav a{
	font-size: 13px;
	width: 166px;
	text-align: center;
	background-image: url(../img/common/pc/header.png);
	background-repeat: no-repeat;
	line-height: 140px;
}
.headerNav a:hover{
	text-decoration: none;
}
#headerNavs:after{
	content: "";
	display: block;
	clear: both;
}
#hnProfile a{
	background-position: 0 0;
}
#hnProfile a:hover{
	background-position: 0 -100px;
}
#hnBooks a{
	background-position: -166px 0;
}
#hnBooks a:hover{
	background-position: -166px -100px;
}
#hnProducts a{
	background-position: -332px 0;
}
#hnProducts a:hover{
	background-position: -332px -100px;
}
#hnBlog a{
	background-position: -498px 0;
}
#hnBlog a:hover{
	background-position: -498px -100px;
}
#hnRecipe a{
	background-position: -664px 0;
}
#hnRecipe a:hover{
	background-position: -664px -100px;
}
#hnNewsletter a{
	background-position: -830px 0;
}
#hnNewsletter a:hover{
	background-position: -830px -100px;
}
#hdAside .contact{
	width: 181px;
	height: 43px;
	display: inline-block;
	background-image: url(../img/common/pc/btn_hd_contact.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#hdAside .contact:hover{
	background-position: 0 -43px;
}
#hdAside a{
	display: inline-block;
	margin-right: 10px;
}
#hdAside{
	position: absolute;
	top: 20px;
	right: 0;
}
#hdYtBtn,
#hdTwBtn,
#hdFbBtn{
	overflow: hidden;
}
#hdYtBtn span,
#hdTwBtn span,
#hdFbBtn span{
	display: block;
	overflow: hidden;
}
#hdTwBtn,
#hdTwBtn span{
	width: 44px;
	height: 33px;
}
#hdFbBtn,
#hdFbBtn span{
	width: 50px;
	height: 35px;
}
#hdYtBtn,
#hdYtBtn span{
	width: 45px;
	height: 35px;
}
#hdTwBtn span{
	background-image: url(../img/common/pc/btn_tw.png);
	background-position: 0 0;
}
#hdTwBtn:hover span{
	background-position: 0 -33px;
}
#hdFbBtn span{
	background-image: url(../img/common/pc/btn_fb.png);
	background-position: 0 0;
}
#hdFbBtn:hover span{
	background-position: 0 -35px;
}
#hdYtBtn span{
	background-image: url(../img/common/pc/btn_youtube.png);
	background-position: 0 0;
}
#hdYtBtn:hover span{
	background-position: 0 -35px;
}
/*----------------------------------------------------
	                 footer
------------------------------------------------------*/
#pageTop{
	position: fixed;
	bottom: 80px;
	right: 50px;
}
#pageTop,
#pageTop span{
	display: block;
	width: 78px;
	height: 78px;
}
#siteFooter #ftNav{
	padding: 45px 0;
}
#pageTop:hover span{
	background-position: 0 -78px;
}
#copyArea{
	padding: 7px 0;
}
#copyRight{
	text-align: right;
	margin-top: -20px;
}
#spFtNav{
	display: none!important;
}
.ftNavs{
	width: 230px;
	margin-right: 26px;
	display: block;
	float: left;
}
.ftNavs.last{
	margin-right: 0;
}
#ftYoutube,
#ftContact{
	width: 231px;
	height: 55px;
	display: block;
	position: relative;
}
#ftContact{
	margin: -110px 0 10px 0;
}
#ftYoutube{
	margin: 0 0 0 0;
}
#ftContact .contact,
#ftContact .contact span,
#ftYoutube .bnYoutbe,
#ftYoutube .bnYoutbe span{
	width: 231px;
	height: 55px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
#ftContact .contact,
#ftYoutube .bnYoutbe{
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#ftContact .contact span{
	background-image: url(../img/common/pc/btn_ft_contact.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#ftYoutube .bnYoutbe span{
	background-image: url(../img/common/pc/bn_youtube.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 231px 55px;
	transition: all 0.2s linear;
	
}
#ftContact .contact:hover span{
	background-position: 0 -55px;
}
#ftYoutube .bnYoutbe:hover span{
	opacity: 0.6;
}
#ftNav .siteInner:after{content: ""; display: block; clear: both;}
#ftNav{
	width: 1000px;
	margin: 0 auto 0 auto;
}
/* #pcFtNav{
	background-color: #cf9400;
	width: 100%;
	height: auto;
} */
#pcFtNav:after{
	content: "";
	display: block;
	clear: both;
}
@media only screen and (max-width: 1190px){
	#siteLead, #siteName {
		text-align: left;
		margin-left: 20px;
	}
	#siteLead{
		margin-left: 30px;
	}
	#siteName{
		margin-left: 20px;
	}
  }