/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 12px;
	line-height: 22px;
}

body {
	color:#323232;
	background:url(../images/common/bg02.jpg) repeat 0 0;
	background-size:320px 302px;
	font-family:"Hiragino Kaku Gothic Pro", "�q���M�m�p�S Pro W3", "���C���I", Meiryo, Verdana, "�l�r �o�S�V�b�N", "MS P Gothic", san-serif;
}

.spnone {
	display:none;
}

.btnSP a {
	display:none;	
}

div#Main dl dd p.pt {
	padding:6px 0 0 0;
}

div#Main p.pt a {
	text-decoration:underline;
}





/* font
===============================================================*/
a { 
	color:#323232;
	text-decoration:none;
}
 
a:visited {
	color:#323232;
	text-decoration:none;
}

a:hover {
	color:#323232;
	text-decoration: underline; 
}

a:active {
	color:#323232;
	text-decoration: underline; 
}


/* Contents
===============================================================*/
div#AllBox{	
}

div#Wrapper{
}

div#Contents {
	padding:0 5px 55px 5px;
}

div#Main {
	
}

div#Main .topic_path {
	display:none;
}

div#SideBar {
		
}


/* HeaderBox
===============================================================*/
div#HeaderBox .header_top {
	height:67px;
	background:url(../images/common/bg01.jpg) no-repeat 0 0;
	background-size:cover;
	position:relative;
	margin:0 0 1px 0;
}

div#HeaderBox p.t ,
div#HeaderBox p.cartbtn {
	display:none;
}

div#HeaderBox .logo {
	padding:5px 0 0 10px;
}

div#HeaderBox .logo a {
	display:block;
	width:81px;
	height:56px;
	text-indent:-9999px;
	background:url(../images/common/logo.png) no-repeat 0 0;
	background-size:81px 56px;
}

div#HeaderBox .menu a {
	display:block;
	width:39px;
	height:39px;
	text-indent:-9999px;
	background:url(../images/common/menu.png) no-repeat 0 0;
	background-size:39px 39px;
	position:absolute;
	top:14px;
	right:10px;
}

div#HeaderBox .close a {
	display:none;
	width:39px;
	height:39px;
	text-indent:-9999px;
	background:url(../images/common/close.png) no-repeat 0 0;
	background-size:39px 39px;
	position:absolute;
	top:14px;
	right:10px;
}

div#HeaderBox .login {
	width:160px;
	position:absolute;
	top:14px;
	right:60px;
}

div#HeaderBox .login .in a {
	display:block;
	width:67px;
	height:21px;
	text-indent:-9999px;
	background:url(../images/common/btn01.png) no-repeat 0 0;
	background-size:67px 21px;
	float:right;
}

div#HeaderBox .login .out a {
	display:none;
	width:67px;
	height:21px;
	text-indent:-9999px;
	background:url(../images/common/btn02.png) no-repeat 0 0;
	background-size:67px 21px;
	float:right;
}

div#HeaderBox .login .txt {
	color:#ffffff;
	text-align:right;
	clear:both;
	font-size:10px;
}

div#HeaderBox .note {
	height:30px;
	margin:0 0 18px 0;
	background:url(../images/common/bg03.jpg) no-repeat 0 0;
	background-size:700px 30px;
}

div#HeaderBox .note a {
	display:block;
	line-height:30px;
	padding:0 0 0 52px;
	color:#bc0000;
	text-decoration:underline;
	background:url(../images/common/ar01.png) no-repeat right 50%;
	background-size:20px 7px;
}


div#HeaderBox .sp_head_bg {
	display:none;
	width:100%;
	height:1000px;
	background:url(../images/common/bg07.png) repeat 0 0;
	position:fixed;
	top:66px;
	left:0;
	z-index:10;
}

div#HeaderBox .sp_head {
	width:230px;
	height:1000px;
	padding:6px 7px;
	background:url(../images/common/bg06.jpg) repeat 0 0;
	position:fixed;
	top:66px;
	right:-244px;
	z-index:100;
}

div#HeaderBox .sp_head ul {
	margin:0 0 23px 0;
}

div#HeaderBox .sp_head ul li {
	border-bottom:#dc9999 1px solid;
}

div#HeaderBox .sp_head ul li a {
	display:block;
	color:#ffffff;
	padding:8px 6px 8px 25px;
	background:url(../images/common/ar03.png) no-repeat 10px 50%;
	background-size:6px 6px;
}

div#HeaderBox .sp_head ul li.s {
	background:url(../images/common/bg08.png) repeat 0 0;
}

div#HeaderBox .sp_head ul li.s a {
	display:block;
	color:#ffffff;
	padding:8px 6px 8px 44px;
	background:url(../images/common/ar03.png) no-repeat 30px 50%;
	background-size:6px 6px;
}

div#HeaderBox .sp_head ul li.end {
	border:none;
}

div#HeaderBox .sp_head p.tel img {
	width:100%;
}

div#HeaderBox .sp_head p.btn {
	padding:0 9px;
}

div#HeaderBox .sp_head p.btn img {
	width:100%;
}

div#HeaderBox .btn.pcnone {
	position:absolute;
	top:3px;
	left:100px;
}

div#HeaderBox .btn  img{
	width:150px;
}


/* Navigation
===============================================================*/
div#Navigation {
	display:none;
}

div#Navigation_sp ul li {
	width:20%;
	float:left;
}

div#Navigation_sp ul li img {
	width:100%;
}

.nav_yoto_wrap {
	position:relative;
}

.nav_yoto {
	display:none;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

.nav_yoto ul li {
	background:url(../images/common/bg09.jpg) repeat 0 0;
	border-bottom:#c89663 1px solid;
}

.nav_yoto ul li a {
	display:block;
	color:#ffffff;
	padding:10px 8px 10px 45px;
	background:url(../images/common/ar05.jpg) no-repeat 28px 16px;
	background-size:7px 7px;
}



/* FooterBox
===============================================================*/
div#FooterBox {
	background:url(../images/common/bg04.jpg) no-repeat center bottom;
	background-size:cover;
	position:relative;
}

div#FooterBox .guide {
	display:none;
}

div#FooterBox .link {
	display:none;
}

div#FooterBox .sp_link {
	padding:13px 0 13px 0;
	color:#ffffff;
	text-align:center;
}

div#FooterBox .sp_link a {
	color:#ffffff;
}

div#FooterBox .btnPC a {
	display:block;
	width:103px;
	padding:10px 0;
	margin:0 auto 30px auto;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	background-color:#900000;
	border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	
}

div#FooterBox .copy {
	color:#ffffff;
	font-size:10px;
	text-align:center;
	padding:0 0 5px 0;
	
}

div#FooterBox .pagetop {
	position:fixed;
	bottom:15px;
	right:0;
	padding:0 10px 0 0;
}

div#FooterBox .pagetop a {
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
	background:url(../images/common/pagetop.png) no-repeat center bottom;
	background-size:40px 40px;
}


/* SideBar
===============================================================*/
div#SideBar {
	margin: 0 8px 25px 8px;
}

div#SideBar p.send {
	display:none;
}

div#SideBar p.bn {
	display:none;
}

div#SideBar .side_nav {
	display:none;
}

div#SideBar .calendar {
	border:#e4d7cb 1px solid;
	background-color:#ffffff;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	padding:18px 6px 6px 6px;
	margin:0 0 15px 0;
}

div#SideBar .calendar h2 img {
	width:100%;
}

div#SideBar .calendar h3 {
	color:#ffffff;
	text-align:center;
	font-size:13px;
	font-weight:normal;
	background-color:#660000;
	margin:0 0 5px 0;
}

div#SideBar .calendar table {
	width:100%;
	border-top:#ffffff 1px solid;
	border-left:#ffffff 1px solid;
	margin:0 0 5px 0;
}

div#SideBar .calendar table tr th ,
div#SideBar .calendar table tr td {
	text-align:center;
	border-right:#ffffff 1px solid;
	border-bottom:#ffffff 1px solid;
}

div#SideBar .calendar table tr td.sbc-status-free {
	background-color:#ffffff;
}

div#SideBar .calendar table tr td.sbc-status-booked {
	color:#ffffff;
	background-color:#ec7b7b;
}

div#SideBar .calendar table tr td.sbc-status-changeover {
	color:#ffffff;
	background-color:#c3c3c3;
}

div#SideBar .calendar p.txt {
	text-align:center;
	font-size:14px;
}

div#SideBar .calendar p.txt span.b1 {
	color:#c3c3c3;
}

div#SideBar .calendar p.txt span.b2 {
	color:#ec7b7b;
}

div#SideBar .spbn {
	margin:0 0 20px 0;
}

div#SideBar .spbn p.bnl {
	width:50%;
	float:left;
}

div#SideBar .spbn p.bnl img {
	width:100%;
}

div#SideBar .spbn p.bnl a {
	display:block;
	margin:0 3px 0 0;
}

div#SideBar .spbn p.bnr {
	width:50%;
	float:right;
}

div#SideBar .spbn p.bnr a {
	display:block;
	margin:0 0 0 6px;
}

div#SideBar .spbn p.bnr img {
	width:100%;
}

div#SideBar .spbn p.bnr img.mg {
	margin:0 0 9px 0;
}

div#SideBar .spbn p.bnw {
	clear:both;
	padding:15px 0 0 0;
}

div#SideBar .spbn p.bnw img {
	width:100%;
	height:auto;
}

.sbc-calendar-month {
	width: auto !important;
	border:none !important;
	padding: 0px !important;
	margin: 0 !important;
	float: none !important;
}

#sbc-calendar {
	margin:0 !important;
	float: none !important;
}


div#SideBar .sbc-navigation ,
div#SideBar .sbc-loader {
	display:none;
}

#home div#SideBar .spbn {
	display:block;
}


/* point
===============================================================*/
.point .point1 {
	padding:0 0 15px 0;
}

.point .point1 p img {
	width:100%;
}

.point .point1 p.txt {
	padding:0 8px;
}

.point .point2 {
	padding:0 0 15px 0;
}

.point .point2 p img {
	width:100%;
}

.point .point2 p.t1 {
	padding:0 8px 15px 8px;
}

.point .point2 .bg1 {
	padding:13px 12px;
	margin:0 8px;
	background:url(../images/common/bg05.jpg) repeat 0 0;
}

.point .point2 .bg1 img {
	width:182px;
	height:auto;
}

.point .point2 .bg1 p.txt {
	color:#4a3523;
	font-size:10px;
	line-height:16px;
	padding:8px 0 5px 0;
}

.point .point2 .bg1 a {
	color:#de0028;
	font-size:10px;
	text-decoration:underline;
	padding:0 0 0 10px;
	background:url(../images/common/ar02.jpg) no-repeat 0 50%;
	background-size:5px 6px;
}

.point .point3 {
	padding:0 0 15px 0;
}

.point .point3 p img {
	width:100%;
}

.point .point3 p.txt {
	padding:0 8px;
}


/* contactbn
===============================================================*/
.contactbn img {
	width:100%;
	margin:0 0 20px 0;
}




/* title
===============================================================*/
.under_title h1 ,
.under_title h2 ,
.under_title h3 {
	background:url(../images/common/title_bg.jpg) repeat 0 0;
	ackground-size: 20px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius:3px;
	color:#500101;
    font-size: 16px;
    padding: 11px 15px;
    margin: 0 -3px;
    margin-bottom: 15px;
}


/* order btn
===============================================================*/
.orderbn {
    margin: 0 10px 20px;
}
.orderbn img {
	width:100%;
}

.delivery {
    position: relative;
    z-index: 10;
    margin-bottom: -10px;
}
.delivery img {
	width:100%;
}





/* ec_info
===============================================================*/
.ec_info {
	background:#FFFFFF;
	border:#e9e6e1 1px solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	border-radius:2px;
    padding: 15px;
    margin: 0 8px 20px;
}

.ec_info dl {
	padding:0 10px 10px;
    border-bottom: #e2e0de 1px solid;
	margin-bottom: 10px;
}
.ec_info dl dt,
.ec_info p.title {
    font-size: 14px;
    color: #650000;
    font-weight: bold;
    background: url(../images/common/ic_flower.png) no-repeat 0 4px;
    background-size: 13px 12px;
    padding-left: 18px;
	margin-bottom:3px;
}
.ec_info dl dd {
    line-height: 18px;
}

.ec_info ul {
	padding: 5px 0 10px;
}
.ec_info ul li {
    color: #791111;
    margin-left: 2em;
	margin-bottom:10px;
    line-height: 18px;
	list-style: disc;
}
.ec_info ul li span {
    color: #2a2a2a;
}
.ec_info ul li span.red {
    color: #e12222;
}


.ec_info .sp_deli_area {
	width:100%;
    display: table;
    border-left: #d5d5d5 1px solid;
    margin-bottom: 7px;
    position: relative;
    border-bottom: #efefef 1px solid;
}
.ec_info .sp_deli_area p.areaname {
    display: table-cell;
	background: #efefef;
    border-top: #d5d5d5 1px solid;
    border-right: #d5d5d5 1px solid;
    padding-left: 9px;
    font-size: 14px;
    line-height: 26px;
	color: #0d0d0d;
    vertical-align: top;
}
.ec_info .sp_deli_area p.areaname span.pref {
    display: table-cell;
    width: 35px;
    vertical-align: middle;
}
.ec_info .sp_deli_area p.areaname span.small {
	font-size: 12px;
    line-height: 18px;
    display: table-cell;
    padding: 5px 10px 5px 0;
    padding-right: 10px;
    vertical-align: middle;
}

.ec_info .sp_deli_area p.arrow {
	display: table-cell;
    width: 26px;
    height: 100%;
	text-indent:-9999px;
	background:url(../images/common/ar04_n.gif) no-repeat left center #efefef;
	background-size:26px 26px;
    border-top: #d5d5d5 1px solid;
    border-left: #FFFFFF 1px solid;
}
.ec_info .active p.arrow {
	background:url(../images/common/ar04_o.gif) no-repeat left center #efefef;
	background-size:26px 26px;
}

.ec_info .area_table {
	display:none;
}
.ec_info .area_table table {
	border-top:#d3cdc2 1px solid;
	border-left:#d3cdc2 1px solid;
	width: 100%;
    margin-bottom: 11px;
}
.ec_info table tr th ,
.ec_info table tr td {
	padding:8px;
	border-bottom:#d3cdc2 1px solid;
	border-right:#d3cdc2 1px solid;
}
.ec_info table tr th span ,
.ec_info table tr td span {
	font-size:10px;
}

.ec_info table tr th {
    text-align: left;
    color: #791111;
    width: 67px;
	border-right:#d3cdc2 2px solid;
	background:#f6f5f3;
}

.ec_info table tr td.postage {
	font-weight:bold;
}


.ec_info p.caution {
    line-height: 18px;
    margin-left: 1.5em;
    text-indent: -1.5em;
    padding-top: 7px;
}


/* pro
===============================================================*/
.pro {
	margin:0 0 45px 0;
	position:relative;
}


.pro .flex-control-nav {
	bottom:-35px;
}

.pro .flex-control-paging li a {
	background: #ccc1b4;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow :none;
}

.pro .flex-control-paging li a:hover ,
.pro .flex-control-paging li a.flex-active {
	background: #b00000;
}

.pro h2 {
	padding:0 0 10px 0;
}

.pro h2 img {
	width:100%;
}

.pro .wrap {
	margin:0 5px;
}

.pro .box {
	width:146px;
	padding:0 6px 0 0;
	float:left;
}

.pro .box .ph img {
	width:146px;
	height:auto;
	padding:0 0 5px 0;
}

.pro .box p.t {
	font-size:12px;
	line-height:18px;
	color:#650000;
	font-weight:bold;
	padding:0 0 3px 0;
	height:40px;
}

.pro .box p.ts {
	height:22px;
}

.pro .box p.t span {
	font-size:10px;
	font-weight:normal;
	padding:0 7px 0 0;
}

.pro .box p.price {
	font-size:19px;
	color:#dd0000;
	font-weight:bold;
	padding:0 0 5px 0;
}

.pro .box p.price span {
	font-size:12px;
	font-weight:normal;
}

.pro .box p.txt {
	display:none;
}

.pro .box ul.txt li {
	color:#2a2a2a;
	font-size:12px;
	line-height:18px;
	padding-left: 11px;
	background:url(/images/product/icon.png) no-repeat left center;
    margin-right: 8px;
}



/* about_deliver
===============================================================*/
.about_deliver dl {
	float: none;
	margin: 0 10px 10px;
    padding-bottom: 10px;
	border-bottom: #e2e0de 1px solid;
}
.about_deliver dl.right {
    border-bottom:none;
}

.about_deliver dl dt {
    font-size: 14px;
    color: #650000;
    font-weight: bold;
	background: url(../images/common/ic_flower.png) no-repeat 0 4px;
    background-size: 13px 12px;
    padding-left: 18px;
    margin-bottom: 3px;
}





/* make_ricecake
===============================================================*/
.make_ricecake {
	margin:5px 0 23px;
}

.make_ricecake h3 img {
	width:100%;
}

.make_ricecake p {
	color:#4a3523;
}


.make_ricecake .ricecake_inner {
	margin:0 8px;
	padding:15px 5px 5px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	background:url(/sp/images/use/ceremony/img_bg_04.jpg) repeat 0 0;
	background-size:15px 15px;
}

.make_ricecake .ricecake_inner p {
	margin: 0 10px 20px;
}


.make_ricecake .ricecake_inner dl {
	background:url(/sp/images/use/ceremony/icon_arrow.png) no-repeat bottom center;
	background-size:28px 11px;
    margin-bottom: 15px;
    padding: 0 18px 20px;
	position: relative;
}
.make_ricecake .ricecake_inner dl.no5 {
	background:none;
    margin-bottom: 0;
}

.make_ricecake .ricecake_inner dl dt {
	display:block;
	width:34px;
	height:34px;
	text-indent:-9999px;
    position:absolute;
    z-index: 5;
    top: -4px;
    left: 4px;
}
.make_ricecake .ricecake_inner dl.no1 dt {
	background:url(/sp/images/use/ceremony/icon_01.png) no-repeat 0 0;
	background-size:34px 34px;
}
.make_ricecake .ricecake_inner dl.no2 dt {
	background:url(/sp/images/use/ceremony/icon_02.png) no-repeat 0 0;
	background-size:34px 34px;
}
.make_ricecake .ricecake_inner dl.no3 dt {
	background:url(/sp/images/use/ceremony/icon_03.png) no-repeat 0 0;
	background-size:34px 34px;
}
.make_ricecake .ricecake_inner dl.no4 dt {
	background:url(/sp/images/use/ceremony/icon_04.png) no-repeat 0 0;
	background-size:34px 34px;
}
.make_ricecake .ricecake_inner dl.no5 dt {
	background:url(/sp/images/use/ceremony/icon_05.png) no-repeat 0 0;
	background-size:34px 34px;
}

.make_ricecake .ricecake_inner dl dd {
    line-height: 17px;
    color: #4a3523;
}

.make_ricecake .ricecake_inner dl dd.ph {
    margin: 0 0 10px !important;
}
.make_ricecake .ricecake_inner dl dd.ph img {
	width:100%;
}


.make_ricecake .howto_storage {
	background:#FFFFFF;
    border: #e9e1cf 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	padding:12px 14px;
}
.make_ricecake .howto_storage h4 img {
	width:100%;
}
.make_ricecake .howto_storage p {
    color: #2a2a2a;
    margin: 10px 0;
}





/* howto_eat
===============================================================*/
.howto_eat {
    margin: 0 8px 22px;
}

.howto_eat h3 {
	margin: 0 -5px 15px;
}
.howto_eat h3 img {
	width:100%;
}


.howto_eat .ricecake_recipe {
	width:100%;
	display:table;
	margin-top:14px;
}

.howto_eat .ricecake_recipe dl {
	display:table-cell;
	width:32%;
    padding: 0 1%;
    vertical-align: top;
    text-align: center;
}

.howto_eat .ricecake_recipe dl dt img {
	width:100%;
    margin: 0;
}

.howto_eat .ricecake_recipe dl dd {
	color:#650000;
	font-size:14px;
	margin-top:5px;
	font-weight:bold;
}
.howto_eat .ricecake_recipe dl dd a {
	color:#650000;
}





/* faq
===============================================================*/
.faq {
	margin:0 8px 23px;
}

.faq h3 {
	margin: 0 -5px;
}
.faq h3 img {
	width:100%;
}

.faq .faq_inner {
	background:#FFFFFF;
	padding:11px 5px 5px;
}

.faq .faq_inner dl dt {
	background:url(/images/use/ceremony/img_bg_05.jpg) repeat 0 0;
	background-size:24px 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	margin-bottom:5px;
	cursor:pointer;
	display:table;
	width:100%;
}

.faq .faq_inner dl dt span {
	display:table-cell;
	padding: 10px 0 10px 10px;
}

.faq .faq_inner dl dt span.q {
	border-right:1px solid #cab9a7;
}

.faq .faq_inner dl dt span.arrow {
	width:30px;
	border-left:1px solid #f9f7f3;
	background:url(/sp/images/use/ceremony/icon_q_n.png) no-repeat center center;
	background-size:7px 7px;
    text-indent: -9999px;
}
.faq .faq_inner dl dt.active span.arrow {
	background:url(/sp/images/use/ceremony/icon_q_o.png) no-repeat center center;
	background-size:7px 7px;
}


.faq .faq_inner dl dd div {
	display:none;
	background:url(/sp/images/use/ceremony/icon_a.gif) no-repeat 0 0;
	background-size:18px 18px;
    margin: 13px 10px 21px;
	padding-left: 24px;
    line-height: 18px;
}


.attention{
	display: block;
	color: #cc0000;
	font-weight: bold;
	padding: 4px 0 0 10px;
}

.error_bg{
	background-color: #fadee6;
}