@charset "utf-8";
/* --------------------------------------------------------------------------------
	メイン幅
-------------------------------------------------------------------------------- */
.fs-l-main {
	max-width: none;
}
.fs-l-pageMain {
	max-width: none;
}
/********** index メイン **********/
#index {
	max-width: 750px !important;
}
/* --------------------------------------------------------------------------------
	スライドバナーボックス
-------------------------------------------------------------------------------- */
/********** スライドバナー **********/
#slideshow {
	width: 950px;
	border: solid 1px #ccc;
	padding: 15px;
	margin: 20px auto 0;
}
#slideshow ul.bnr-headermain {
	position: relative;
	float: left;
	width: 740px;
	height: 330px;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#slideshow ul.bnr-headermain li {
	width: 740px;
	height: 330px;
	top: 0;
	left: 0;
	position: absolute;
}
#slideshow ul.bnr-headermain li.movie {
	text-align: center;
	background: #000;
}
#slideshow ul.bnr-headermain li.movie a {
	position: relative;
	z-index: 100;
}
#slideshow ul.bnr-headermain li.movie iframe {
	position: relative;
	width: 740px;
	height: 330px;
	z-index: 1;
}
#slideshow .active {
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}
/********** スライドバナーナビゲーション **********/
#slideshow ul.nav-headermain {
	list-style: none;
	float: right;
	width: 165px;
	height: 330px;
	margin: 0;
	padding: 12px 0 5px 0;
	border: solid 5px #999;
}
#slideshow ul.nav-headermain li {
	float: left;
	width: 156px;
	margin: 2px 0 13px 7px;
	padding: 0 0 2px;
	overflow: visible;
}
#slideshow ul.nav-headermain li a {
	position: relative;
	display: block;
	width: 156px;
	margin: 0 0 0 -22px;
	padding: 0 0 0 22px;
}
#slideshow ul.nav-headermain li.active a {
	background: url(../images/index/icon-arr-headermain.png) no-repeat 0 50%;
}
#slideshow ul.nav-headermain li.active span {
	display: block;
	width: 146px;
	height: 60px;
	border: solid 5px #c00;
	overflow: hidden;
}
#slideshow ul.nav-headermain li.active img {
	display: block;
	margin: -5px 0 0 0;
	vertical-align: bottom;
}
/********** ピックアップバナー **********/
#index .bnr-pickup001 {
	float: left;
	width: 450px;
	line-height: 150%;
	font-size: 80%;
}
#index .bnr-pickup002 {
	float: right;
	width: 290px;
	height: 170px;
	line-height: 150%;
	font-size: 80%;
}
#index .bnr-pickup003 {
	float: right;
	width: 290px;
	line-height: 150%;
	font-size: 80%;
}
/********** くり屋南陽軒　更新情報 **********/
#index .news {
	padding: 15px 0 0;
}
#index .news h3 {
	margin: 0;
	background: url(../images/index/bg-t.png) repeat-x 0 0;
}
#index .news h3 span {
	float: left;
	display: block;
	width: 450px;
}
#index .news h3 a {
	float: right;
	display: block;
	margin: 8px 10px 8px 0;
	width: 13px;
}
#index .news ul {
	height: 120px;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
}
#index .news ul li {
	margin: 0;
	padding: 8px 8px 8px 25px;
	border-bottom: solid 1px #ccc;
	font-size: 85%;
	background: url(../images/index/icon-arr.jpg) no-repeat 10px 1em;
}
#index .news ul li .time {
	display: block;
	float: left;
}
#index .news ul li .desc {
	display: block;
	padding: 0 0 0 6em;
}
/********** 用途で選ぶ **********/
#index .youto {
	padding: 10px 0 0;
}
#index .youto h3 {
	margin: 0;
	background: url(../images/index/bg-t.png) repeat-x 0 0;
}
#index .youto .left-bnr {
	float: left;
	width: 370px;
	padding: 10px 0 0;
}
#index .youto .right-bnr {
	float: right;
	width: 370px;
	padding: 10px 0 0;
}
/********** 用途で選ぶ **********/
#index .goshinmotsu {
	padding: 20px 0 0;
}
#index .goshinmotsu h3 {
	margin: 0;
	background: url(../images/index/bg-t.png) repeat-x 0 0;
}
#index .goshinmotsu .bnr-goshinmotsu {
	padding: 10px 0 0;
}
#index .goshinmotsu ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0;
}
#index .goshinmotsu ul li {
	float: left;
	width: 240px;
	margin: 0;
	padding: 0 15px 0 0;
}
#index .goshinmotsu ul li.list-end {
	padding: 0;
}
#index .goshinmotsu ul li .thumb {
	float: left;
	width: 105px;
}
#index .goshinmotsu ul li .item-details {
	float: right;
	width: 135px;
}
#index .goshinmotsu ul li .item-name {
	padding: 8px 8px 0;
}
#index .goshinmotsu ul li .price {
	padding: 8px 8px 0;
	font-weight: bold;
	color: #f00;
}
#index .goshinmotsu .btn-goshinmotsu {
	padding: 10px 0 0;
	text-align: right;
}
/********** 和菓子のおすすめランキング **********/
#index .wagashi-osusume {
	padding: 20px 0 0;
}
#index .wagashi-osusume h3 {
	margin: 0;
	background: url(../images/index/bg-t.png) repeat-x 0 0 !important;
}
#index .wagashi-osusume ul {
	list-style: none;
	margin: 0;
	padding: 10px 0;
}
#index .wagashi-osusume ul li {
	float: left;
	width: 140px;
	margin: 0 12px 0 0 !important;
	padding: 0 !important;
	text-align: center;
}
#index .wagashi-osusume ul li.list-end {
	margin: 0 !important;
}
#index .wagashi-osusume ul li .item-name {
	padding: 10px 0 0;
}
#index .wagashi-osusume ul li .thumb {
	padding: 10px 0 0;
}
#index .wagashi-osusume ul li .thumb a {
	display: block;
	padding: 1px;
	border: solid 1px #ccc;
}
#index .wagashi-osusume ul li .price {
	padding: 5px 0 0;
	font-weight: bold;
	color: #f00;
}
/********** 洋菓子のおすすめランキング **********/
#index .yogashi-osusume {
	padding: 20px 0 0;
}
#index .yogashi-osusume h3 {
	margin: 0;
	background: url(../images/index/bg-t.png) repeat-x 0 0 !important;
}
#index .yogashi-osusume ul {
	list-style: none;
	margin: 0;
	padding: 10px 0;
}
#index .yogashi-osusume ul li {
	float: left;
	width: 140px;
	margin: 0 12px 0 0 !important;
	padding: 0 !important;
	text-align: center;
}
#index .yogashi-osusume ul li.list-end {
	margin: 0 !important;
}
#index .yogashi-osusume ul li .item-name {
	padding: 10px 0 0;
}
#index .yogashi-osusume ul li .thumb {
	padding: 10px 0 0;
}
#index .yogashi-osusume ul li .thumb a {
	display: block;
	padding: 1px;
	border: solid 1px #ccc;
}
#index .yogashi-osusume ul li .price {
	padding: 5px 0 0;
	font-weight: bold;
	color: #f00;
}
/********** 商品一覧 **********/
#index .itemlist {
	padding: 20px 0 0;
}
#index .itemlist h3 {
	margin: 0;
	background: url(../images/index/bg-t.png) repeat-x 0 0;
}
#index .itemlist table {
	width: 100%;
	margin: 2em 0 0;
	border-collapse: collapse;
	font-size: 100%;
}
#index .itemlist table tr {
	display: flex;
	justify-content: space-between;
	align-items: self-start;
}
#index .itemlist table td {
	display: block;
	width: 23%;
	text-align: center;
}
/*
#index .itemlist table {
	width: 100%;
	margin: 20px 0 0;
	border-collapse: collapse;
	font-size: 100%;
}
#index .itemlist table td {
	width: 170px;
	padding: 0 23px 0 0;
	text-align: center;
	vertical-align: top;
}
#index .itemlist table td.end {
	width: 170px;
	text-align: center;
	vertical-align: top;
	padding: 0 0 0 1px;
}
*/
#index .itemlist table td .thumb a {
	display: block;
	border: solid 1px #ccc;
}
#index .itemlist table td .thumb img {
	width: 168px;
}
#index .itemlist table td .item-name {
	padding: 5px 0 0;
}
#index .itemlist table td .price {
	color: #f00;
}
#index .itemlist table td .catch {
	padding: 5px 0 20px;
	text-align: left;
	font-size: 80%;
}
/********** 南陽軒テキスト **********/
#index .about-nanyoken {
	margin: 20px 0 0;
	background: #000;
}
#index .about-nanyoken h3 {
	margin: 0;
}
#index .about-nanyoken-box {
	padding: 20px;
}
#index .about-nanyoken p.txt-kuriya {
	margin: 0;
	padding: 20px;
	border: solid 1px #fff;
	line-height: 150%;
	color: #fff;
}
#index .about-nanyoken .txt-nanyoken {
	padding: 20px 0 0;
}
#index .about-nanyoken .txt-nanyoken .txt {
	float: left;
	width: 360px;
}
#index .about-nanyoken .txt-nanyoken .txt p {
	margin: 0;
	padding: 0 0 10px;
	line-height: 150%;
	color: #fff;
	font-size: 85%;
}
#index .about-nanyoken .img-nanyoken {
	float: right;
	width: 340px;
}
#index .about-nanyoken .img-nanyoken .about-nanyoken002 {
	padding: 20px 0 0;
}
#index .about-nanyoken .img-nanyoken .about-nanyoken003 {
	padding: 20px 0 0;
}