@charset "shift_jis";

/* kitchen
========================================*/
#pagePath {
	margin-bottom: 7px;
}

#contents .pageLink {
	margin: -63px 10px 34px 0;
}

#contents .features02 li {
	min-height: 318px;
}
#contents .features .detail {
    min-height: 196px;
    padding: 122px 40px 0 50px;
}
#contents .features02 .title {
	min-height: 106px;
}

#contents .features02 li a .textP {
	padding-top: 8px;
}

#contents .features02 li a .textP span {
	line-height: 1.7;
	margin-bottom: 2px;
}

#contents .links li{
	width: 218px;
}
#contents .links li .btn {
	font-size: 120%;
	letter-spacing: 1px;
	margin: 0 0 16px;
}

/* index
========================================*/
#contents.index .mainVisual {
	margin-bottom: 3px;
	position: relative;
}

#contents.index .mainVisual p {
	bottom: 30px;
	color: #FFF;
	font-size: 220%;
	letter-spacing: 6px;
	line-height: 1.5;
	position: absolute;
	left: 39px;
	-webkit-font-smoothing: antialiased;
}

#contents.index .features {
	padding-bottom: 77px;
}
#contents.index .features.title {
	padding-bottom: 0;
}

#contents.index .features li a:hover .photo {
	filter: alpha(opacity=0);
	opacity: 0;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents.index .features02 li a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

#contents.index .features .link01 a {
	background: url(/kitchen/bb/images/ind_photo01_over.jpg) no-repeat;
}

#contents.index .features .link02 a {
	background: url(/kitchen/bb/images/ind_photo02_over.jpg) no-repeat;
}

#contents.index .features .link03 a {
	background: url(/kitchen/bb/images/ind_photo03_over.jpg) no-repeat;
}

#contents.index .features .link04 a {
	background: url(/kitchen/bb/images/ind_photo04_over.jpg) no-repeat;
}

#contents.index .features02 {
	padding-bottom: 95px;
}

#contents.index .features02 li a .textP {
	padding-bottom: 19px;
}

#contents.index .photoList {
	margin-bottom: 96px;
}
/*
#contents.index .photoList li {
	line-height: 1.55;
	padding-top: 0;
	width: 218px;
}

#contents.index .photoList li .btn {
	font-size: 120%;
	letter-spacing: 1px;
	margin: 0 0 16px;
}

#contents.index .photoList li .btn a {
	padding: 12px 0 8px;
}
*/
#contents.index .h3Ttl02 {
	margin-bottom: 50px;
	padding-bottom: 33px;
}

#contents.index .btmPhoto {
	margin: 0 -4px 78px 0;
	overflow: hidden;
	zoom: 1;
	width: 964px;
}

#contents.index .btmPhoto li {
	float: left;
	margin-right: 3px;
	width: 318px;
}

#contents.index .btmPhoto .link01 a {
	background: url(/kitchen/bb/images/com_photo01_over.jpg) no-repeat;
}

#contents.index .btmPhoto .link02 a {
	background: url(/kitchen/bb/images/com_photo02_over.jpg) no-repeat;
}

#contents.index .btmPhoto .link03 a {
	background: url(/kitchen/bb/images/com_photo03_over.jpg) no-repeat;
}

#contents.index .btmPhoto .link04 a {
	background: url(/kitchen/bb/images/com_photo04_over.jpg) no-repeat;
}

#contents.index .btmPhoto .link05 a {
	background: url(/kitchen/bb/images/com_photo11_over.jpg) no-repeat;
}

#contents .btmPhoto .fs1 {
	left: 11px;
	top: -13px;
}

#contents.index .btmBox {
	border: none;
	padding-top: 76px;
}
#contents .features li.plans.title {
width: 100%;
padding: 50px 0 40px;
}


/* feature
========================================*/
#contents.feature .mainVisual {
	margin-bottom: 70px;
	z-index: 100;
}

#contents.feature .mainVisual ul {
	width: 322px;
}

#contents.feature .mainVisual .title {
	padding-bottom: 16px;
}

#contents.feature .mainVisual .title span {
	letter-spacing: 2px;
}

#contents.feature .mainVisual li a {
	padding: 37px 0 11px;
}

#contents.feature .mainVisual li a span {
	padding-bottom: 30px;
}

#contents .mainVisual .title {
	padding-bottom: 17px;
}

#contents.feature .mainVisual .link01 {
	margin-bottom: 2px;
}

#contents.feature .mainVisual .link01 a {
	padding: 26px 0 11px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#contents.feature .mainVisual .title {
		padding-bottom: 19px;
	}

	#contents.feature .mainVisual .link01 a { padding-bottom: 11px;}
}

#contents.feature .mainVisual .link01 a span {
	padding-bottom: 19px;
}

#contents.feature .h3Ttl {
	line-height: 1.6;
	margin-bottom: 53px;
}

#contents.feature #h303,
#contents.feature #h304 {
	margin-bottom: 52px;
}

#contents.feature h4 {
	color: #000;
	font-size: 180%;
	font-weight: normal;
	line-height: 1.35;
	letter-spacing: 4px;
	margin-bottom: 25px;
	-webkit-font-smoothing: antialiased;
}

#contents.feature .h4Ttl {
	margin-bottom: 25px;
}
#contents.feature .h4Ttl strong {
font-weight: normal;
color:#d32d3b;
}

#contents.feature .photoList {
	clear: both;
	margin-bottom: 56px;
}

#contents.feature .photoList05 {
	margin-bottom: 55px;
}

/*#contents.feature .photoList li {
	padding-bottom: 59px;
}*/

#contents .photoList li span {
	margin-bottom: 5px;
}

#contents.feature .photoList li .speText03 {
	margin-bottom: 1px;
}

#contents.feature .photoList li .text01 {
	padding-bottom: 25px;
}

#contents.feature .photoList li .yen {
	background-color: #CCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #FFF;
	font-size: 145%;
	line-height: 1.2;
	letter-spacing: 0;
	display: inline-block;
	height: 20px;
	margin: -4px 5px 0 0;
	text-align: center;
	width: 20px;
	vertical-align: middle;
	behavior: url(/common/js/pie.htc);
}

#contents.feature .photoList li .price {
	color: #333;
	display: inline;
	font-size: 13px;
	letter-spacing: 0;
	margin-right: 6px;
}

#contents.feature .photoList .photoBox {
	overflow: hidden;
}

#contents.feature .photoList .photoBox a {
	display: block;
	margin-bottom: 25px;
}

#contents.feature .photoList li a {
	display: block;
	position: relative;
}

#contents.feature .photoList li .arrow {
	position: absolute;
	right: 10px;
	bottom: 10px;
	margin: 0;
}

#contents.feature .photoList li .arrow{
	background: url(../images/fea_icon01.png) no-repeat;
	width: 34px;
	height: 34px;
}
#contents.feature .photoList li .arrow img {
	margin: 0;
	display: none;
}

#contents.feature .photoList li .arrow02 {
	background: url(../images/fea_icon03.png) no-repeat;
	bottom: 4px !important;
	right: 4px;
	width: 46px;
	height: 46px;
}

#contents.feature .photoList li .play{
	background: url(../images/fea_icon02.png) no-repeat;
}

#contents.feature .photoList li .arrow02 img{
	display: none;
}

#contents.feature .photoList li a:hover .arrow {
	background: url(/kitchen/bb/images/fea_icon01_over.png) no-repeat;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents.feature .photoList li a:hover .arrow02 {
	background: url(/kitchen/bb/images/fea_icon03_over.png) no-repeat;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents.feature .photoList li a:hover .arrow img {
	/*filter: alpha(opacity=0);*/
	opacity: 0;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents.feature .photoList .photoBox .btnBox {
	overflow: hidden;
}

#contents.feature .photoList .photoBox .comBtn {
	float: right;
	margin-bottom: 0;
}

#contents.feature .photoList .photoBox .comBtn a {
	margin-bottom: 0;
}

#contents.feature .photoList .photoBox .popLink {
	float: left;
	margin-bottom: 0;
	width: 314px;
}

#contents.feature .photoList .photoBox .popLink01 {
	margin-bottom: 0;
	float: left;
	width: 630px;
}

#contents.feature .photoList .photoBox .popLink01:hover .arrow {
	background: url(/kitchen/bb/images/fea_icon02_over.png) no-repeat !important;
}

#contents.feature .photoList .titleText {
	padding: 0 0 0 30px;
}

#contents.feature .photoList li .comBtn {
	margin-top: 5px;
}

#contents.feature .photoList li .comBtn02 {
	margin-top: 49px;
}

#contents.feature .photoList li .comBtn03 {
	margin-top: 30px;
}

#contents.feature .photoList .photo02 {
	padding-bottom: 65px;
}

#contents.feature .photoList .innerText {
	float: left;
	width: 318px;
}

#contents.feature .photoList li .comBtn04 {
	float: right;
	margin-top: 24px;
}

#contents.feature .photoList li .comBtn03 span {
	margin-top: 2px;
}
#contents.feature .photoList01 {
width: 100%;
}
#contents.feature .photoList01 li {
	padding: 0 0 4px 0;
	overflow: hidden;
	width: 100%;
}
#contents.feature .photoList01 .btn {
width: 50%;
	float:right;
}

#contents.feature .photoList02 {
	margin-bottom: 76px;
}

#contents.feature .photoList02 li {
	padding: 0 2px 4px 0;
	overflow: hidden;
	width: 479px;
}

#contents.feature .photoList02 li span {
	margin: 14px 0 7px;
}

#contents.feature .photoList02 li .btn {
	float: right;
	margin-top: 26px;
	width: 300px;
}

#contents.feature .photoList02 li p {
	padding: 10px 15px 20px 0;
}

#contents.feature .photoList03 {
	margin-bottom: 45px;
}

#contents.feature .photoList03 li {
	padding-bottom: 11px;
}

#contents.feature .photoList03 li .comBtn {
	margin-top: 26px;
}


#contents.feature .photoListMB36 {
	margin-bottom: 36px;
}

#contents.feature .colorList {
	margin-bottom: 54px;
}

#contents.feature .lastList {
	margin-bottom: 69px;
}

#contents.feature .lastList li p {
	padding-top: 6px;
}

#contents.feature .imgBox {
	clear: both;
	margin-bottom: 85px;
}

#contents.feature .imgBox02 {
	margin-bottom: 81px;
}

#contents.feature .imgBox02 .pLead {
	margin-top: 5px;
}

#contents.feature .imgBox .pLead {
	margin-bottom: 15px;
}

#contents.feature .imgBox .speLead {
	margin-top: 2px;
}

#contents.feature .imgBox .photo {
	position: relative;
	width: 630px;
}

#contents.feature .imgBox .photo a {
	position: absolute;
	left: 115px;
	top: 125px;
}

#contents.feature .imgBox .photo .popLink01 {
	left: 300px;
}

#contents.feature .imgBox .photo .popLink02 {
	left: 470px;
}


#contents.feature .colorbox,
#contents.feature .youtube,
#contents.feature .popup{
	background-image: none;
	display: block;
	overflow: hidden;
	position: relative;
	zoom: 1;
}

#contents.feature .pop4-box .colorbox,
#contents.feature .pop8-box .youtube{
	height: 291px;
}

#contents.feature .pop5-box .colorbox,
#contents.feature .pop6-box .colorbox,
#contents.feature .pop6-box .popup,
#contents.feature .pop7-box .colorbox,
#contents.feature .pop7-box .popup{
	height: 230px;
	padding-right: 0;
}

#contents.feature .colorbox img,
#contents.feature .youtube img,
#contents.feature .popup img{
	position: relative;
}

#contents.feature .pop4-box .colorbox:hover span img,
#contents.feature .pop8-box .youtube:hover span img{
	top: -291px\9;
}

#contents.feature .pop5-box .colorbox:hover span img,
#contents.feature .pop6-box .colorbox:hover span img,
#contents.feature .pop6-box .popup:hover span img,
#contents.feature .pop7-box .colorbox:hover span img,
#contents.feature .pop7-box .popup:hover span img{
	top: -230px\9;
}

#contents.feature .imgBox .photo a{
	background: url(../images/fea_icon03.png) no-repeat;
	width: 46px;
	height: 46px;
	display: block;
}
#contents.feature .imgBox .photo a:hover {
	background: url(/kitchen/bb/images/fea_icon03_over.png) no-repeat;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents.feature .imgBox .photo a img{
	display: none;
}
#contents.feature .imgBox .photo a:hover img {
	/*filter: alpha(opacity=0);*/
	/*opacity: 0;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;*/
}
/*
#contents.feature .imgBox02 .photo a:hover {
	background: url(/kitchen/bb/images/fea_icon03.png) no-repeat;
}*/

#contents.feature .features02 {
	padding: 140px 0 85px;
	border-top: 1px solid #333;
}

#contents.feature .features02 li a .textP {
	padding-bottom: 19px;
}

#contents.feature .photoList .photoBox .speBox01,
#contents.feature .photoList li a .speBox02,
#contents.feature .photoList li a .speBox03,
#contents.feature .photoList li a .speBox04,
#contents.feature .photoList li a .speBox05 {
	display: block;
	overflow: hidden;
	margin-top: 0;
}

#contents.feature .photoList .photoBox .speBox01 {
	background: url(/kitchen/bb/images/fea_photo18_over.jpg) no-repeat;
}

#contents.feature .photoList li a .speBox02 {
	background: url(/kitchen/bb/images/fea_photo20_over.jpg) no-repeat;
	margin-bottom: 0;
}

#contents.feature .photoList li a .speBox03 {
	background: url(/kitchen/bb/images/fea_photo28_over.jpg) no-repeat;
	margin-bottom: 0;
}

#contents.feature .photoList li a .speBox04 {
	background: url(/kitchen/bb/images/fea_photo29_over.jpg) no-repeat;
	margin-bottom: 0;
}

#contents.feature .photoList li a .speBox05 {
	background: url(/kitchen/bb/images/fea_photo30_over.jpg) no-repeat;
	margin-bottom: 0;
}

#contents.feature .photoList .photoBox a:hover .speBox01 img,
#contents.feature .photoList li a:hover .speBox02 img,
#contents.feature .photoList li a:hover .speBox03 img,
#contents.feature .photoList li a:hover .speBox04 img,
#contents.feature .photoList li a:hover .speBox05 img {
	/*filter: alpha(opacity=0);*/
	opacity: 0;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
}

#contents.feature .photoList04 li span {
	margin-top: 11px;
}

#contents.feature .photoList04 .title span {
	margin: 3px 0 10px;
}

#contents.feature .photoList04 li p {
	padding-bottom: 23px;
}

#contents.feature .photoList03 .photoBox p {
	padding-top: 10px;
}

#contents.feature .photoList03 li .speText {
	padding-top: 6px;
}

#contents .photoList li .speText01 {
	padding-top: 9px;
	margin-left: -1px;
}

#contents .photoList li .speText02 {
	padding-top: 9px;
}

#contents.feature .btmBox .pageLink {
	margin-top: 0;
}

#contents.feature .photoList .title .speText {
	margin-bottom: 10px;
}

#contents.feature .photo03 {
	padding: 8px 0 0 30px;
	text-indent: -9999px;
}

#contents.feature .feature01_slider {
    clear: both;
    overflow: hidden;
    display: block;
    width: 100%;
    margin: 0 auto 80px;
}

#contents.feature .feature01_slider .sp-slide img {
margin-bottom: 20px;
}
#contents.feature .feature01_slider .sp-slide p {
padding:0 20px;
}
#contents.feature .feature01_slider .sp-slide p.photo_lead {
font-size: 12px;
margin-bottom: 1em;
}
#contents.feature .feature01_slider .sp-slide p.photo_lead strong {
font-size: 18px;
font-weight: normal;
}
#contents.feature .sp-horizontal .sp-arrows {
		max-width: 960px;
		right:0;
		margin-left: auto;
		margin-right: auto;
}




#contents.feature .photoList01.photo06 {
margin-bottom: 36px;
}
#contents.feature .photoListMB36 {
	margin-bottom: 36px;
}

#contents.feature .clastone_box {
border:  solid 1px #333;
overflow: hidden;
padding: 25px 30px;
margin: 0 auto 56px;
max-width: 450px;

display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;

-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;

font-size: 13px;
}
#contents.feature .clastone_box p {
display: inline-block;
text-align: left;
}
#contents .letterspacing2 {
    letter-spacing: 2px!important;
}

#contents .colA,
.popBox .inner .textBox .colA {
	color: red !important;
}

/* plan
========================================*/
#contents.plan .mainVisual {
	margin-bottom: 69px;
}

#contents.plan .mainVisual ul {
	width: 322px;
}

#contents.plan .mainVisual li a {
	padding-top: 41px;
}

#contents.plan .mainVisual li a span {
	padding-bottom: 32px;
}

#contents.plan .mainVisual .link01 {
	margin-bottom: 2px;
}

#contents.plan .mainVisual .link01 a {
	padding: 29px 0 10px;
}

#contents.plan .mainVisual .link01 a span {
	padding-bottom: 22px;
}

#contents.plan .mainVisual .last {
	padding-bottom: 6px;
}

#contents.plan .topP{
	text-align: center;
	width: 100%;
}

#contents.plan h3 {
	margin-top: 65px;
}

#contents.plan .photoList li {
	line-height: 1.55;
	padding-top: 0;
	width: 218px;
}

#contents.plan .photoList li .btn {
	font-size: 120%;
	letter-spacing: 1px;
	margin: 0 0 16px;
}

#contents.plan .photoList li .btn a {
	padding: 10px 0;
}

#sideBar .link {
	line-height: 1.1;
	text-align: right;
}

#sideBar .link a {
	text-decoration: none;
}

.popBox .inner {
	overflow: hidden;
}

.bbPop .inner .textBox p {
	font-size: 16px;
	margin-bottom: 66px;
}

/*#pop5 .inner {
	height: 411px;
	padding-right: 10px;
}

#pop5 .inner .textBox {
	width: 247px;
}*/

.berryPop#pop8 {
	box-shadow: none;
	background: none;
	width: 640px;
}

.berryPop#pop8 .inner {
	padding: 0 !important;
}

.berryPop#pop8 .inner .photoBox {
	float: none;
}

.berryPop#pop8 .inner {
	padding: 50px 70px;
}

#com01{
	margin-top: 20px!important;
}

#com02{
	margin-top: 15px!important;
}

#com03{
	margin-top: 0px!important;
}

#com04{
	margin-top: 72px!important;
}

#com05{
	margin-top: 0!important;
}

#com06{
	margin-top: 698px!important;
}