@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 140%;
}

dt img,dd img,li img { vertical-align: bottom; }

.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.f-left {float:left;}
.f-right { float:right;}

/* 2015.11.7 段落設定のため追加 */
p   {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height:1.7;}

a   {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

h4   {
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 180%;
	font-weight:bold;}

/* IE7で本文の中にテキストリンクを貼ると、ズーム時にテキストが重なるというバグがあるので、それを回避する為のハック */
*:first-child+html p {letter-spacing:0;} 

/*----------------------------------------
■基本リンク
----------------------------------------*/
a:link    {color:#009900; text-decoration:underline;}
a:visited {color:#660066; text-decoration:underline;}
a:hover   {color:#ff6600; text-decoration:underline;}
a:active  {outline:none;}


/*----------------------------------------
■サブページテキスト幅
----------------------------------------*/
p.text{line-height:1.7;}
.text-area {
	width:680px;
	height:auto;
	margin:0 auto 20px;
	overflow:hidden;
}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {background: none;}
body {color: #000000; background:#FFF; position:relative;}


/* マージン設定 */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}


.mb0 {margin-bottom:0px !important;}
.mb3 {margin-bottom:3px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mb70 {margin-bottom:70px !important;}


.mb95 {margin-bottom:95px !important;}
.mb115 {margin-bottom:115px !important;}
.mb118 {margin-bottom:118px !important;}

.mr4 {margin-right:4px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr16 {margin-right:16px !important;}


#wrapper_cover {width:auto; height:auto; padding:0; margin:auto 0; text-align:center;}
#wrapper{width:100%; height:auto; padding:0; margin:0 auto; background:url(../images/bg.jpg) repeat; text-align:left;	border-top:3px solid #008c38;}
	

#main {
	width:950px;
	margin:0 auto 100px;
	overflow:hidden;
}


/* メインカラム */
#m-col {
	width:720px;
	float:right;
}

/* サブカラム */
#s-col {
	width:210px;
	float:left;
}

.sub_bg {
	width:720px;
	height:auto;
	padding:20px 0 35px 0;
	background:url(../images/m-col_bg.jpg) repeat-y 0 0;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width:950px;
	height:95px;
	margin:0 auto 3px;
	position:relative;
}

#sp_header {display:none;}


#logo {
	width:195px;
	height:85px;
	position:absolute;
	top:6px;
	left:0;
}

#header-content1 {
	width:115px;
	height:20px;
	position:absolute;
	right:0;
	top:13px;
}

#header-content2 {
	width:192px;
	height:46px;
	position:absolute;
	right:200px;
	top:33px;
}

#header-content3 {
	width:192px;
	height:33px;
	position:absolute;
	right:0;
	top:46px;
}

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/
#navi {
	width:950px;
	height:58px;
	list-style:none;
	margin:0 auto 10px;
}


#navi li {
	height:58px;
	float:left;
	text-align:center;
}
/*==========================================================================*/
/*                                Main Image                                */
/*==========================================================================*/
#topImage {
	max-width:950px;
	height:auto;
	max-height:485px;
	margin:0 auto 30px;
}
/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/
#sp_footer {display:none;}


#outer_footer {
	width:100%;
	height:200px;
	text-align:center;
	background:#008c38;
	margin:100px 0 0;
}

#footer {
	width:950px;
	height:200px;
	margin:0 auto;
	padding:20px 0 0 0;
	position:relative;
	text-align:left;
}

#gotop {
	position:absolute;
	top:-69px;
	right:0;
}

#footer_navi {
	width:950px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

#footer_navi li {
	float:left;
}

#footer1 {
	width:133px;
	height:85px;
	position:absolute;
	top:69px;
	left:253px;
}

#footer2 {
	width:260px;
	height:68px;
	position:absolute;
	top:81px;
	right:273px;
}

#copy_bg {
	width:100%;
	height:auto;
	padding:7px 0;
	margin:0 auto;
	background:#0e703e;
	text-align:center;
}

#copy_bg p { font-:11px; color:#fff;}



/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
/*side*/
/*side menu*/
.block_sidemenu h4 {
background:#ff9935;
color:#FFF;
text-align:center;
padding:17px 15px;
font-size:1.2em;
margin-top: 0px;
margin-bottom: 0px;
}

.block_sidemenu ul {
padding:10px;
background:#FFF;
}


.block_sidemenu li {
border-bottom:1px solid #DDD;
background:url(../images/arrow_sidemenu.jpg) no-repeat 95% 20px;
}


.block_sidemenu li a {
display:block;
width:100%;
padding:17px 15px;
color:#000;
}


.block_sidemenu ul ul {
padding:0;
margin:0;
font-size:inherit;
background:#FFF;
}


.block_sidemenu ul ul li {
border-bottom:none;
border-top:1px solid #DDD;
background:url(../images/arrow_sidemenu.jpg) no-repeat 95% center #fafafa;
}


.block_sidemenu ul ul li a {
display:block;
width:100%;
padding:17px 15px 17px 25px;
color:#000;
}



.block_sidemenu li a:hover {
color:#ff9935;
}


#side-facebook {
	width:210px;
	height:450px;
	margin:0 auto;
}


.topicpath { width:945px; height:auto; margin:5px auto 10px; padding:0 0 0 5px;}

.topicpath ol li {
        /* liを横並び＆ブレットを消す */
        display: inline;
        list-style-type: none;
		font-size:12px;
}

.topicpath ol li:before {
        /* liの前に記号追加 */
        content: " > ";
}

.topicpath ol li:first-child:before {
        /* 最初のliだけcontentを消す */
        content:"";
}


.topicpath a:link    {color:#000000; text-decoration:none;}
.topicpath a:visited {color:#000000; text-decoration:none;}
.topicpath a:hover   {color:#008c38; text-decoration:none;}
.topicpath a:active  {outline:none;}


.common-list li {
	padding:0 0 0 13px;
	margin-bottom:8px;
	line-height:1.6;
	background:url(../images/job_icon.jpg) no-repeat 0 3px;
}

.table1 {
	width:100%;
	margin:0 auto;
	border-top:1px solid #ffbb79;
	border-right:1px solid #ffbb79;
}

.table1 th {
	border-bottom:1px solid #ffbb79;
	border-left:1px solid #ffbb79;
	background:#ffecd9;
	padding:6px 0;
	text-align:center;
	color:#ff8207;
	font-weight:bold;

}

.table1 td {
	border-bottom:1px solid #ffbb79;
	border-left:1px solid #ffbb79;
	padding:6px 10px;
}

.orange { color:#ff6a28;}

.font16 { font-size:16px;}
.font18 { font-size:18px;}
.font20 { font-size:20px;}
.bold { font-weight:bold;}

.h3_ttl {
	height:auto;
	margin:0 auto 10px;
	padding:15px 0 15px 25px;
	background:#fff;
	border-bottom:2px solid #a5c750;
	-moz-box-shadow: 1px 1px 2px #cccccc;
	-webkit-box-shadow: 1px 1px 2px #cccccc;
}

.h3_ttl h3 {
	font-size:18px;
	font-weight:bold;
	letter-spacing:3px;
}

.h4_ttl { 
	width:680px;
	height:auto;
	border-bottom:1px solid #96bc36;
	margin:0 auto 15px;
	padding:0 0 8px 0;
	margin-top: 0px;/**/
	margin-bottom: 0px;/**/
	margin-bottom:10px;
}

.h4_ttl h4 {
	font-size:16px;
	letter-spacing:3px;
	margin-top: 0px;/**/
	margin-bottom: 0px;/**/
}

.h4_ttl2 {
	width:680px;
	height:auto;
	margin:0 auto 5px;
	padding:3px 0 3px 15px;
	background:url(../images/job_icon.jpg) no-repeat 0 5px;
	
}
.h4_ttl2 h4 {
	font-size:16px;
	letter-spacing:3px;
	font-weight:bold;
	margin-top: 0px;/**/
	margin-bottom: 0px;/**/
}


.pc {display:block;}
.sp {display:none;}



/* index
------------------------------------------------------------------------*/
#top-info {
	width:950px;
	height:45px;
	margin:0 auto 15px;
	background:url(../images/info_bg.png) no-repeat 0 0;
	position:relative;
}

#info-ttl {
	width:201px;
	height:28px;
	position:absolute;
	top:9px;
	left:8px;
}

p#info-ttl {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:0;
}

#info-in {
	width:495px;
	height:25px;
	position:absolute;
	top:10px;
	left:208px;
	background:#fff;
	border:1px solid #f29149;
	overflow:hidden;
	padding:4px 0 5px 13px;
	box-sizing:border-box;
}

#info-in li {
	font-size:14px;
}

#info-in a:link    {color:#000000; text-decoration:none;}
#info-in a:visited {color:#000000; text-decoration:underline;}
#info-in a:hover   {color:#000000; text-decoration:underline;}
#info-in a:active  {outline:none;}


#info_btn {
	width:233px;
	height:37px;
	position:absolute;
	top:5px;
	right:3px;
}

p#info_btn {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:0;
}


.index_b1 {
	width:950px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	padding:0;
}

.index_ban li {
	float:left;
}

.index_banner_sp {
	display:none;
}


#index-l {
	width:620px;
	height:auto;
	margin:0 auto;
	float:left;
}
#index-r {
	width:315px;
	height:auto;
	margin:0 auto;
	float:right;
}

.index-side li {
	margin-bottom:10px;
}

#top-news {
	width:620px;
	height:190px;
	margin:0 auto 20px;
	padding:10px 12px 10px 12px;
	background:#fff;
	border-bottom:3px solid #f4dead;
	border-left:3px solid #f4dead;
	border-right:3px solid #f4dead;
	box-sizing:border-box
}

#top-news dl {
	width:100%;
	overflow:hidden;
	padding:12px 0;
}

#top-news .odd {
	width:100%;
	overflow:hidden;
	padding:12px 0;
	background:#f8f6f3 !important;
}

#top-news dt {
	width:30%;
	float:left;
	padding:0 0 0 25px;
	background:url(../images/news-icon.png) no-repeat 14px 6px;
	box-sizing:border-box;
	font-size:14px;
}

#top-news dd {
	width:70%;
	color:#b28850;
	float:right;
	box-sizing:border-box

}

#news_ttl {
	width:620px;
	height:60px;
	margin:0 auto;
	padding:0;
	position:relative;
}

#news_btn {
	width:120px;
	height:30px;
	position:absolute;
	top:15px;
	right:17px;
}

p#news_btn {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:0;
	}


#facebook {
	width:620px;
	height:450px;
	margin:0 auto;
}

#top-movie {
	margin:20px auto 0;
	padding:0;
}


.event_banners {
	width:100%;
	margin:0 0 10px;
}


.event_banners a {
	display:block;
	width:100%;
}

.event_banners a:hover, .event_banners a:active {
	-webkit-opacity:0.7;
	-moz-opacity:0.7;
	opacity:0.7;
}



/*job*/

.h2_title {
	width:950px;
	height:70px;
	padding:24px 0 0 25px;
	margin:0 auto 8px;
	background:#008c38;
	box-sizing:border-box;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
-moz-box-shadow: 1px 1px 2px #cccccc;
-webkit-box-shadow: 1px 1px 2px #cccccc;
}


.h2_title h2 {
	font-size:24px;
	color:#FFF;
	font-weight:bold;
}

.job_o {
	width:926px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	padding:0;
}

p#job_o {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:0;
}

.job-bg {
	width:302px;
	height:472px;
	margin:0 auto;
	padding:5px 16px 5px 16px;
	box-sizing:border-box;
	background:url(../images/job_bg.png) no-repeat center top;
}

.job-list li {
	padding:0 0 5px 23px;
	font-size:12px;
	line-height:1.6;
	background:url(../images/job_icon.jpg) no-repeat 6px 3px;
}

/*aboutcake*/




.movie_b {
	width:500px;
	height:420px;
	margin:0 auto 55px;
}

.b420 {
	width:420px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

.b340 {
	width:340px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}


.b375 {
	width:375px;
	height:auto;
	margin:0 10px 20px auto;
	overflow:hidden;
}


.b290 {
	width:290px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}


@media screen and (min-width: 641px) {
.b395 {
	width:395px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}


.b275 {
	width:275px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
}


@media screen and (max-width: 640px) {
.b395 {
	width:100%;
}


.b275 {
	width:100%;
}

.b395 img {
	width:100%;
}


}



/*henhouse*/

.henhouse_b1 {
	width:216px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

.btn-left li { float:left;}

/*blog*/
.blog-list {
	width:680px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

.blog-list dl { margin-bottom:15px;}

.blog-list dt {
	width:240px;
	float:left;
	padding-left:15px;
	box-sizing:border-box;
	background:url(../images/job_icon.jpg) no-repeat 0 4px;
	font-weight:bold;
	color:#333333;
}

.cake-icon1 { margin:3px 0 0 10px;}

/*cake*/


ul.cake-o  {
	width:696px;
list-style:none;
margin:0 auto;
  padding: 0;
}

 
ul.cake-o li {
  display: inline-block; /* 横並び */
  vertical-align: top; /* li要素を上端揃えに */
	width:216px;
	margin:0 7px 50px 6px;
  padding: 0;
}


.ico-shipping {
	color:#FFF;
	font-size:0.8em;
	background:#ff6a28;
	padding:3px 5px;
	margin:0 5px 0 0;
	}
	

.ico-net {
	color:#FFF;
	font-size:0.8em;
	background:#a4c945;
	padding:3px 5px;
	margin:0 5px 0 0;
	}
	


/* 商品紹介一覧 */
.category_title {
	clear:both;
}


.product_list {
	width:100%;
	margin:0 0 15px;
	overflow:hidden;
}


.product_img {
	width:40%;
	height:auto;
	margin:0 15px 15px 0;
	float:left;
}


.product_img img {
	width:100%;
}


.product_img a {
	display:block;
	width:100%;
}

.product_img a:hover, .product_img a:active {
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	opacity:0.5;
}



.cake_list {
	width:32%;
	min-height:400px;
	margin:0 1% 30px 0;
	float:left;
	overflow:hidden;
}


.cake_img {
	width:100%;
	height:auto;
	max-height:200px;
	margin:0 0 5px;
	overflow:hidden;
}


.cake_img img {
	width:100%;
}


.cake_img a {
	display:block;
	width:100%;
}

.cake_img a:hover, .cake_img a:active {
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	opacity:0.5;
}



.product_name {
	font-size:1.4em;
	padding:3px 0 0;
	margin:0 0 5px !important;
}

.product_price {
	font-size:1.4em;
	color:#F90;
	margin:0 0 5px !important;
}


.product_summary {
	font-size:1.2em;
	margin:0 0 10px !important;
}



/*spring*/

.spring1 {
	width:332px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

.spring2-img {
	width:240px;
	height:auto;
	float:left;
	overflow:hidden;
}


.spring2-img img {
	width:100%;
}


.spring2-text {
	width:425px;
	height:auto;
	float:right;
	overflow:hidden;
}



/* animal */
#area_animal {
	width:100%;
	overflow:hidden;
}


.box_animal {
	width:48%;
	height:auto;
	margin:0 1% 30px;
	float:left;
}


.img_animal {
	width:100%;
	margin:0 0 5px;
}


.img_animal img {
	width:100%;
}


/* food */
.area_food {
	width:100%;
	overflow:hidden;
	margin:0 0 30px;
}


.box_food {
	width:48%;
	height:auto;
	margin:0 1% 30px;
	float:left;
}


.box_food h4 {
	font-weight:bold;
	margin:0 0 5px;
	margin-top: 0px;/**/
	margin-bottom: 0px;/**/
}


.img_food {
	width:100%;
	margin:0 0 5px;
}


.img_food img {
	width:100%;
}



/* 20150812 にぎやかな春仮トップページ */
.clearfloat {
	width:660px;
	margin:0 auto;
	overflow:hidden;
	list-style:none;
}


.clearfloat li {
    float: left;
    width: 207px;
    min-height: 500px;
    height: auto !important;
    margin:0;
}


.clearfloat li img {
	height:136px;
	margin:0 0 5px;
}



.pr15 {
    padding-right: 19px;
}


.orange2 {
    color: #FF8000;
}



/* 20160330 ケーキ詳細 */
#cake_mainImage {
	width:100%;
	margin:0 auto 10px;
	text-align:center;
}


#cake_textArea {
    width: 100%;
    height: auto;
	margin:0 auto 50px;
}