@charset "utf-8";


h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 140%;
	line-height:1.6;
}

#wrapper {
	width:100%;
	height:auto;
	min-width:100%;
	padding:0;
	margin:0 auto;
	text-align:left;
	background:url(../images/bg.jpg) repeat 0 0;
}


#index-outer_header {
	display:none;
}


/* header */
#header {display:none;}

#sp_header {
	width:100%;
	height:90px;
	display:block;
	overflow:hidden;
	position:relative;
}

#sp_header .logo {
	width:160px;
	float:left;
	padding:10px 0 10px 2%;
}

#sp_header .logo img {
	width:100%;
}


#sp_header .menu {
	width:45px;
	float:right;
	cursor:pointer;
	padding:25px 10px 0 0;
}

#sp_header .menu img {
	width:100%;
}


.js-menu {
  position: absolute;
  top: 90px;
  width: 100%;
  height: auto;
  background-color:#FFF;
  z-index:9999;
}


.js-menu ul {
	border-bottom:1px solid #8ABE74;
}


.js-menu li {
	border-top:1px solid #8ABE74;
	background:url(../images/arrow.png) no-repeat 95% center;
}

.js-menu li a {
	display:block;
	padding:13px 10px 10px;
	text-decoration:none;
}

/* footer */
#outer_footer {height:10px;}
#footer {
	width:100%;
	margin:0 auto;
	}


#footer_navi, #footer1, #footer2 {
	display:none;
}



#sp_footer {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	background:#008c38;
	padding:15px 0;
}

#copy {
	width:100%;
	height:auto;
	background:#87c53e;
	text-align:center;
	padding:2% 0;
}
#copy p { color:#fff; font-size:16px;}


#footer_bn {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

#footer_bn ul {
	width:100%;
	height:auto;
	overflow:hidden;
}
#footer_bn li {
	float:left;
	width:50%;
}

#sp_footer_logo_o {
	width:100%;
	height:auto;
	background:#fff;
	margin:0 auto;
	overflow:hidden;
}

#sp_footer_logo {
	width:96%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
#footer_logo img { width:100%;}

/* contact */
#sp_contact {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#sp_contact .tel {
	width:50%;
	height:auto;
	float:left;
}
#sp_contact .mail {
	width:50%;
	height:auto;
	float:right;
}


/*==========================================================================*/
/*                                Main Image                                */
/*==========================================================================*/
#topImage {
	width:100%;
	height:auto;
	margin:0 auto 10px;
}



/*----------------------------------------
	common
----------------------------------------*/
#top-info {
	width:98%;
	height:auto;
	padding:10px 1%;
	background:url(../images/info_bg.png) repeat 0 0;
}


#info-ttl {
	position:static;
	width:100%;
}

#info-in {
	position:static;
	width:100%;
}


#info_btn {
	width:100%;
	margin:10px 0 0;
	position:static;
	text-align:center;
}


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

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

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

.sp_left { float:left;}
.sp_right {float:right;}

.pc_area {display:none;}
.sp_area {display:block;}

.image_l { float: none; margin: 0 auto 3%; }
.image_r { float: none; margin: 0 auto 3%; }

.sub_bg {
	width:98%;
	height:auto;
	margin:0 auto;
	padding:20px 0 35px 0;
}

.text-area {
	width:96%;
	height:auto;
	margin:0 auto 20px;
	overflow:hidden;
}

#main {
	width:100%;
	margin:2% auto 15%;
	overflow:hidden;
}

.txt_img,
.txt_img_,
.txt_img_700,
.txt_img_225 {
	width:100%;
	height:auto;
	display:block;
}

.txt_img02 {
	width:100%;
	height:auto;
	display:block;
}


.txt_img_r,
.txt_img_l {
	float:none;
	margin:0 0 10px 0;
}

.contents_block {
	width:94%;
	height:auto;
	overflow:hidden;
	margin:0 auto 30px;
}


#m-col {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	float:none;
}

#ttl_h1 { display:none;}


/* none */
#navi {
	display:none;
}


#s-col {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	float:none;
}


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


/* index */
.index_b1 {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}


.index_b1 img {
	width:100%;
}


.index_sec01 li {
	float:left;
	width:50%;
	margin-bottom:3%;
}


.index_ban {
	display:none;
}


.index_banner_sp {
	display:block;
}


.index_banner_sp img {
	width:100%;
}


#index-r, #index-l {
	width:100%;
	float:none;
}



#top-news {
	width:100%;
	height:auto;
	margin:0 auto 20px;
	padding:2%;
	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:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
}

#news_btn {
	width:120px;
	height:30px;
	position:absolute;
	top:13%;
	right:5px;
}


#facebook {
	width:100%;
	height:auto;
	margin:0 auto;
}


#side-facebook {
	width:100%;
	height:auto;
	margin:0 auto;
}


#top-movie {display:none;}





.mb2p { margin-bottom:2% !important;}
.mb5p { margin-bottom:5% !important;}
.mb10p { margin-bottom:10% !important;}
.mb20p { margin-bottom:20% !important;}

.b98 {
	width:98%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

.b96 {
	width:96%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

.index_bnr {
	width:49%;
	height:auto;
}

.index_bnr img { width:100%;}

.index_sp_list li {
	margin-bottom:1%;
}

/*パンくず*/

.topicpath { display:none;}


/*見出し*/

.h2_title {
	width:98%;
	height:auto;
	padding:13px 0 10px 10px;
	margin:0 auto 8px;
	background:#a4d15d;
	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:22px;
	color:#008c38;
	font-weight:bold;
}

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

.h4_ttl { width:98%; height:auto; border-bottom:1px solid #96bc36; margin:0 auto 15px; padding:0 0 8px 0;}
.h4_ttl h4 { font-size:16px;letter-spacing:3px;}

.h4_ttl2 {
	width:98%;
	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;}


/*job*/
.job_o {
	width:96%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	padding:0;
}

.job-bg {
	width:100%;
	height:auto;
	margin:0 auto 10px;
	padding:14px 16px 18px 16px;
	box-sizing:border-box;
	background:#fff;
}

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

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

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

.blog-list dl { margin-bottom:15px; overflow:hidden; width:100%; margin:0 auto;}

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


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


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


.product_img {
	width:45%;
	height:auto;
	margin:0 10px 10px 0;
	float:left;
}


.product_img img {
	width:100%;
}



.cake_list {
	width:49%;
	margin:0 1% 30px 0;
	float:left;
}


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


.cake_img img {
	width:100%;
}


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

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

/*cake*/

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

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


/*spring*/

.spring1 {
	width:98%;
	height:auto;
	margin:0 auto 10px;
	overflow:hidden;
}

.spring2-img {
	width:98%;
	height:auto;
	float:none;
	margin:0 auto 5px;
	overflow:hidden;
}

.spring2-text {
	width:98%;
	height:auto;
	float:none;
	margin:0 auto 10px;
	overflow:hidden;
}

.spring2-img img,
.spring1 img {
	width:100%;
	/*margin-bottom:10px;*/
}


/* food */
/*.area_food {
	width:100%;
	overflow:hidden;
}


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


.box_food h4 {
	font-weight:bold;
	margin:0 0 5px;
}


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


.img_food img {
	width:100%;
}*/


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


.clearfloat li {
    float: left;
    width: 48%;
	font-size:0.8em;
    min-height: 500px;
    height: auto !important;
    margin: 15px 1% 0;
}


.clearfloat li img {
	width:100%;
	height:auto;
	margin:0 0 5px;
}


.pr15 {
    padding-right: 0;
}


.orange2 {
    color: #FF8000;
}



/* 20160108 ケーキ工房トップページ */
.text-area .b275 {
	width:100%;
}

.text-area .b395 {
	width:100%;
}

.text-area .b395 img {
	width:100%;
}