@charset "Shift_JIS";
/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header {
	font-size:12px;
}
#logo {
	padding-top:16px;
}
#logo a, #logo h1, #logo .catch_ {
	float:left;
}
#logo h1,
#logo .catch_ {
/*	padding:22px 0 0 20px;*/
/*	font-size:10px;*/
	position: absolute;
	top: 14px;
	left: 63px;
	color: #E12B22;
	font-size: 0.9em;
}

#logo_en {
	padding-top:16px;
}
#logo_en a, #logo_en h1, #logo_en .catch_ {
	float:left;
}
#logo_en h1,
#logo_en .catch_ {
/*	padding:22px 0 0 20px;*/
/*	font-size:10px;*/
	position: absolute;
	top: 14px;
	left: 63px;
	color: #E12B22;
	font-size: 0.9em;
}

#hnav {
	position:absolute;
	top:45px;
	right:200px;
}
#hnav li {
	padding-left:10px;
	float:left;
}
.enheader_ #hnav li {
	margin-left:30px;
}
#hnav li a {
	padding-left:8px;
	background:url(../img/header/arw_01.gif) left center no-repeat;
}
#hnav li a:hover {
	background:url(../img/header/arw_01_o.gif) left center no-repeat;
}
#size {
	position:absolute;
	top:20px;
	right:478px;
}
#size dt {
	float:left;
}
#size dd {
	padding-left:2px;
	float:left;
}
#hsearch {
	position:absolute;
	top:17px;
	right:256px;
}
#hsearch input {
	float:left;
}
#hsearch .searchbox_ {
	width:172px;
	height:24px;
	border:none;
	padding-left:10px;
	background:url(../img/header/search_box.gif) left center no-repeat;
}
#header_loginform {
	width:215px;
	position:absolute;
	top:43px;
	right:0;
	overflow:hidden;
}
#header_loginform ul {
	width:230px;
	overflow:hidden;
}
#header_loginform ul li {
	margin:0 5px 0 0;
	float:left;
}
#hrecipe {
 width:183px;
 position:absolute;
	top:17px;
	right:0;
	overflow:hidden;
}
#hrecipe a {
 display:block;
 font-size:14px;
 line-height: 38px;
 border:2px solid #e62614;
 border-radius: 8px;
 text-align: center;
 color:#555;
 font-weight: bold;
 position: relative;
/* padding-right: 10px;*/
}
#hrecipe a:after {
    content: '';
    display: inline-block;
    position: relative;
    top: 1px;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    background: url(../img/common/icon/icon_outer_link_red.svg) center no-repeat;
        background-size: auto;
    background-size: contain;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
/*
 content: '';
 position: absolute;
 top: 0;
 bottom:0;
 right: 10px;
 margin: auto;
 width: 6px;
 height: 6px;
 background-color:transparent;
 border-top: 2px solid #e62614;
 border-right: 2px solid #e62614;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
*/
}
#hrecipe a:hover {
/* color:#fff;*/
 color:#E32B22;
 background-color:#FEF4F3;
/* background-color:#e62614;*/
}
#hrecipe a:hover:after {
 border-top-color:#fff;
 border-right-color:#fff;
}
/* --------------------------------------------------------------------
	ユーザー定義　グローバルナビゲーション
--------------------------------------------------------------------- */
#gnav {
	font-size:12px;
}
.ddsmoothmenu {
	width:950px;
	margin:0 auto;
	text-align:left;
	position:relative;/*gnavのためneed*/
	z-index:30000;/*gnavのためneed*/
}
.ddsmoothmenu ul {
	z-index:100;
}
/*Top level list items*/
.ddsmoothmenu ul li {
	position:relative;
	float:left;
	display:inline;
}
.ddsmoothmenu > ul > li {
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 width:20%;
 border-right:1px solid #fff;
}
.ddsmoothmenu > ul > li:first-child {
 border-left:1px solid #fff;
}
.ddsmoothmenu ul li a {
	display:block;
}
.ddsmoothmenu > ul > li > a {
	line-height: 33px;
 padding-top:2px;
 color:#fff;
 text-decoration: none;
 text-align: center;
 font-size:13px;
}
.ddsmoothmenu > ul > li > a:hover {
 background-color:#474747;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	min-width:118px;
	padding:6px 0;
	background:#474747;
	position:absolute;
	left:0;
 width:100%;
	display:none; /*collapse all sub menus to begin with*/
	visibility:hidden;
 z-index: 30000;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	float:none;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	padding:3px 10px 3px 20px;
	background-image:url(../img/header/arw_02.gif);
	background-position:10px 6px;
	background-repeat:no-repeat;
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}
.ddsmoothmenu ul li ul li a:hover {
	background-image:url(../img/header/arw_02_o.gif);
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass, .rightarrowclass {
	display:none;
}
/* --------------------------------------------------------------------
	ユーザー定義　ぱんくず
--------------------------------------------------------------------- */
#lnav {
	width:950px;
	margin:0 auto;
	text-align:left;
	font-size:10px;
	line-height:36px;
}
/* --------------------------------------------------------------------
	ユーザー定義　印刷ボタン
--------------------------------------------------------------------- */
#print {
	width:950px;
	margin:-25px auto 6px;
	text-align:right;
}
/* --------------------------------------------------------------------
	ユーザー定義　2カラムメインエリア
--------------------------------------------------------------------- */
.container_ .contents_ .mainframe_ {
	background:#ffffff url(../img/common/mainframe_bg.gif) left top repeat-y;
}
.container_ .contents_ .mainbox_ {
	background:url(../img/common/mainframe_top.gif) left top no-repeat;
	/*padding-top: 10px;*/
}
.container_ .contents_ .mainboxinner_ {
	background:url(../img/common/mainframe_end.png) left bottom no-repeat;
	padding-bottom:1px;
}
/* --------------------------------------------------------------------
	ユーザー定義　ページトップへ（汎用）
--------------------------------------------------------------------- */
.pagetop_ {
	margin:30px auto;
	text-align:right;
	font-size:12px;
}
.pagetop_ a {
	padding-right:15px;
	background:url(../img/common/ico_pagetop.gif) right center no-repeat;
}
/* --------------------------------------------------------------------
	ユーザー定義　ページトップへ（フッタ）
--------------------------------------------------------------------- */
#pagetop {
	width:950px;
	margin:30px auto 10px;
	text-align:right;
	font-size:12px;
}
#pagetop a {
	padding-right:15px;
	background:url(../img/common/ico_pagetop.gif) right center no-repeat;
}
/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
#finq {
	padding:4px 0;
	overflow:hidden;
	position:relative;
	zoom:1;
}
#finq p {
	width:173px;
	padding-top:10px;
	float:left;
	font-weight:bold;
}
#finq dl {
	height:62px;
	float:left;
	background:url(../img/common/line_dot_y.gif) left top repeat-y;
}
#finq #inq_tel {
	width:487px;
}
#finq #inq_mail {
	width:290px;
}
#finq dt {
	margin:8px 0 8px 18px;
	padding-left:18px;
	font-size:12px;
	line-height:12px;
}
#finq #inq_tel dt {
	background:url(../img/footer/ico_inq_tel.gif) left center no-repeat;
}
/*#finq #inq_mail dt {
	background:url(../img/footer/ico_inq_mail.gif) left center no-repeat;
}*/
#finq #inq_mail dt {
	background:url(../img/footer/ico_inq_internet.png) left center no-repeat;
}
#finq dd {
	margin:0 0 8px 18px;
}
#finq #inq_tel dd {
	font-size:10px;
}
#finq #inq_tel dd img {
	margin-right:2px;
	vertical-align:top;
}
#finq #inq_tel dd .txt_teltime_ {
	display: inline-block;
    text-align: left;
    width: auto;
    padding: 0;
    float: none;
    font-weight: normal;
    margin: -1px 0 0 5px;
    line-height: 1.2;
}
#finq #inq_tel dd .txt_teltime_ .telannotation_ {
	display: block;
    margin: 0 0 0 49px;
}

#finq #inq_mail dd a {
	margin-right:5px;
}
#fnav {
	padding:14px 0;
}
#fnav .inner {
	overflow:hidden;
	position:relative;
	zoom:1;
}
#fnav ul {
	width:193px;
	float:left;
	border-right:1px #cdc4be solid;
}
#fnav ul ul {
	width:181px;
	margin-left:-12px;
	float:none;
	border-right:none;
}
#fnav li {
	margin-left:20px;
	margin-bottom:20px;
	padding-left:12px;
	background:url(../img/footer/arw_01.gif) left top no-repeat;
	font-size:11px;
	font-weight:bold;
}
#fnav li.thin_ {
	margin-bottom:0;
}
#fnav li.none_ {
	padding-left:none;
	background:none;
}
#fnav li li {
	margin-left:0;
	margin-bottom:0;
	padding-left:12px;
	background:url(../img/footer/arw_02.gif) left 2px no-repeat;
	font-weight:normal;
}
#fnav li a.outside_ {
	padding-right:16px;
	background:url(../img/footer/ico_outside.gif) right center no-repeat;
}
#flogo {
	margin-top:12px;
	float:left;
}
#copyright {
	text-align:right;
	font-size:10px;
	line-height:52px;
}

/* --------------------------------------------------------------------
	ユーザー定義　20160406 ロゴ画像背景化
--------------------------------------------------------------------- */
#logo a {
	width:172px;
	height:50px;
	background:url(../img/usr/sitelogo.png) left top no-repeat;
	text-indent:-9999px;
	display:block;
}

#logo_en a {
	width:172px;
	height:50px;
	background:url(../img/usr/sitelogo_en_pc.gif) left top no-repeat;
	text-indent:-9999px;
	display:block;
}

#flogo {
	width:231px;
	height:23px;
	background:url(../img/footer/flogo.gif) left top no-repeat;
	text-indent:-9999px;
	display:block;
}

iframe[name="google_conversion_frame"] { height:0; width:0; border:none; display:none;}





/*----------トップスライダー----------*/
div#top_slideConte_{
	width: 950px;
	height: 360px;
	/*background:#fff;*/
	margin-bottom: 50px;
}
div#top_slideConte_ .flexslider {
	margin: 0 0 60px;
	background: transparent;
	border: none;
	position: relative;
	zoom: 1;
	width: 950px;
	height: 360px;
}
div#top_slideConte_ .flexslider .slides a:hover img {
  opacity: 0.8;
}
div#top_slideConte_ div#top_leftside_box{
float: left;
	width: 280px;
	height: 320px;
}
div#top_slideConte_ div#top_main_box{
	float: right;
	width: 580px;
	height: 290px;
}

.sns_box_ {
    display: flex !important;;
    justify-content: flex-end !important;
    align-items: flex-start !important;
}
.sns_fb_ {
    margin-top: 0px !important;
}