@charset "utf-8";

/** Defalut setting ********************************************************************************/

* {
	margin: 0;
	padding: 0;
}
html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
html,body{
	width: 100%;
	min-width: 100%;
	height: 100%;
}

body {
	color: #3d3419;
/*	color: #736357;*/
	font-size: 15px;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1.7;
	letter-spacing: -0.001em;
	background: #fff url(/images/bg_noiz.png) repeat 0% 0%;
	text-align: center;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
}

img{
	border:none;
	vertical-align: middle;
}

table,th,td,input,textarea,select {
	font-size: 100%;
	font-family: inherit;
}

h1,h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 100%; }

a:link { color: #ec8584; }
a:visited { color: #a96dc2; }
a:hover { color: #999; }

/** Common Classs **********************************************************************************/

.l { float: left; }
.r { float: right; }
.clear { clear: both; }
.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter{ text-align: center!important; }
.small { font-size: 85%; }
.big { font-size: 110%; }
.bold { font-weight: bold; }
.pink { color: #ec8584; }
.mag0 { margin-bottom: 0!important;}
.mag10 { margin-bottom: 10px!important; }
.mag20 { margin-bottom: 20px; }
.mag30 { margin-bottom: 30px; }
.mag40 { margin-bottom: 40px!important;}
.mag50 { margin-bottom: 50px!important;}
.mag70 { margin-bottom: 70px; }
.disable { display: none; }
.sserif {
	font-family: inherit;
	letter-spacing: 0;
}
figure img { margin-bottom: 10px; }
#main-index #aboutus .attention-box,
#icecake-page .attention-box {
	font-size: 120%;
	border: double 5px #ec8584;
	padding: 15px;
	margin-bottom: 30px;
	background: #fff;
	clear: both;
}
#icecake-page  #container .attention-box p {
	margin-bottom: 0;
	text-align: center;
	color: #e00;
}
#main-index #aboutus .attention-box strong,
#icecake-page .attention-box strong {
	color: #e00;
}

hr.lace {
	border: none;
	background: url(/images/hr_lace.png) repeat-x 0% 0%;
	height: 55px;
}

#header ul, #header li,
ul#carouselbanner, ul#carouselbanner li,
.bloginfo ul, .bloginfo li,
.flavor ul, .flavor li,
#media ul, #media ul li,
ul.sitenav, ul.sitenav li,
#rakunou ul.triallesson, #rakunou ul.triallesson li,
#blog ul.articles, #blog ul.articles li {
	list-style: none;
}

.btns { display: block; }
.btns div { width: 100%; margin: 0 auto 20px; }
.btn-pink { width: 100%; max-width: 320px; margin: 0 auto; }
.btn-pink a {
	display: block;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: #ec8584;
	border: solid 2px #ec8584;
	border-radius: 25px;
	padding: 10px;
}
.btn-pink a:hover {
	color: #ec8584;
	background: #fff;
	transition: .3s;
	-webkit-transition: .3s;
}
@media screen and ( min-width: 768px ){
	.btns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.btns div { margin: 0 10px; }
}

/** Layout *****************************************************************************************/

#layout,
#header,
#container,
#aboutus,
#carousel,
#contactbanner,
#contact,
#privacy,
#freepage,
#link,
#footer {
	width: 100%;
}

#layout {
	position: relative;
}

.inner {
	width: 960px;
	margin: 0 auto;
}

#socialmenu {
	list-style: none;
	margin: 0;
	text-align: right;
	z-index: 1000;
	position: fixed;
	right: 0;
	top: 180px;
	width: 60px;
	background: url(/images/side_menus_bg.png) no-repeat 100% 0%;
}

#socialmenu li {
	list-style: none;
	margin: 0 0 10px;
}

#socialmenu li ul {
padding: 20px 0px 0px 8px;
margin-bottom: 25px;
}

#socialmenu li ul li {
	padding: 0px 0px 5px;
	text-align: center;
}

#shopping {
	position: fixed;
	top: 100px;
	right: 0;
	z-index: 10;
}

/** Header *****************************************************************************************/

#header {
	background: url(/images/bg_header_300.jpg) no-repeat 50% 0%;
	height: 448px;
	position: relative;
	clear: both;
}
#freepage #header,
#main-index #header,
.yomoyama #header,
#blog #header,
#link #header,
#privacy #header {
	height: 300px;
}

#main-index #header {
	background: none;
}

#about #header {
	background: url(/images/bg_header_hitokoto.png) no-repeat 50% 0%;
}

#rakunou #header {
	background: url(/images/bg_header_rakunou.jpg) no-repeat 50% 0%;
	background-size: 1920px;
}

#rakunou #header #tooltipevent {
	margin: 0 auto;
	text-align: center;
	width: 960px;
	position: relative;
}

#eat #header {
	background: url(/images/bg_header_eat.png) no-repeat 50% 0%;
}

#header h1, #header #logo {
	padding-top: 44px;
}

#rakunou #header h1 {
	padding-top: 0;
	position: absolute;
	top:44px;
	width: 100%;
	text-align: center;
	z-index: 20;
}

#contentsnav {
/*	position: absolute;
	top: 446px;*/
	width: 100%;
	height: 85px;
	float: left;
	background: url(/images/bg_noizhead.png) no-repeat 50% 0%;
	z-index: 999;
}

#contentsnav ul {
	width: 960px;
	margin: 0 auto;
	list-style: none;
}

#contentsnav ul li {
/*	padding: 10px 0px 15px 0px;*/
	line-height: 1;
	width: 320px;
	height: 55px;
	float: left;
}

#contentsnav ul li.last {
	padding-right: 0;
}

#contentsnav ul li#thispage {
	background: url(/images/bg_contents_active.png) no-repeat 0% 0%;
}

#contentsnav ul li img {
	margin: 9px auto 2px;
	line-height: 1;
	font-size: 1;
	display: block;
}

#contentsnav ul li span {
	font-size: 75%;
	color: #bbb;
	display: block;
}

#contentsnav ul li span#aboutspan {
	padding-top: 3px;
}

.fixed{
	position:fixed;
}
#main-index #mainvisual img { max-width: 100%; height: auto;}
#main-index #mainvisual .sp-slide {
	opacity: .6;
}
#main-index #mainvisual .sp-slide.sp-selected {
	opacity: 1;
}
#main-index #mainvisual .sp-buttons {
	margin-top: -28px;
	display: none;
}
#main-index #mainvisual .sp-button { border-color: #fff;}
#main-index #mainvisual .sp-selected-button { background-color: #fff;}

/** Contents ***************************************************************************************/

.pickupbn {
	margin-bottom: 30px;
}

#main-index #aboutus h2 {
	margin-bottom: 30px;
}
#main-index #aboutus h2 img {
	margin: 0 auto;
}

#main-index #aboutus p {
	padding: 15px 0px 30px;
	font-size: 85%;
}

#main-index #aboutus .topbanners {
	width: 878px;
	height: 483px;
	margin: 0 auto;
	position: relative;
}

#main-index #aboutus .topbanners .secret {
	position: absolute;
	left: 0;
	bottom: 37px;
}

#main-index #aboutus .topbanners .items {
	position: absolute;
	right: 0;
	bottom: 32px;
}


#main-index #carousel {
	background: #fff;
	padding: 30px 0px;
	margin: 0px auto 30px;
	width: 100%;
	float: left;
}

#main-index #carousel h2 {
	margin-bottom: 25px;
}

#main-index #carousel #prevbtn {
	width: 60px;
	float: left;
}
#main-index #carousel .slick-prev {
	width: 60px;
	height: 40px;
	background: url(/images/slide_arrow_l.png) no-repeat 0% 0%;
	border: none;
	text-indent: -9999px;
	margin-top: 40px;
	float: left;
}
#main-index #carousel #nextbtn {
	width: 40px;
	float: right;
}
#main-index #carousel .slick-next  {
	width: 40px;
	height: 40px;
	background: url(/images/slide_arrow_r.png) no-repeat 100% 0%;
	border: none;
	text-indent: -9999px;
	margin-top: 40px;
	float: right;
}
#main-index #carousel ul.slick-slider {
	width: 960px;
}
#main-index #carousel ul .slick-list {
	width: 850px;
	float: left;
}
#main-index #carousel ul button {
outline:none;
}
#main-index #carousel #prevbtn img,
#main-index #carousel #nextbtn img {
	margin-top: 40px;
}

#main-index #carouselbanner {
	width: 840px;
	float: left;
	display: block;
	text-align: center;
}

#main-index #carousel ul li {
	width: 140px;
	float: left;
	text-align: center;
	vertical-align: top;
}

#main-index #carousel ul li .thumb {
	margin-bottom: 5px;
}
#main-index #carousel ul li .thumb img {
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

#main-index #carousel ul li .text {
	width: 100px;
	margin: 0 auto;
	text-align: center;
	font-size: 80%;
	line-height: 1.25;
}

#main-index .banners {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: ;
	margin-bottom: 30px;
}
#main-index .banners div {
	margin-bottom: 15px;
}

#main-index hr.dottedline {
	clear: both;
	padding: 30px 0px;
	border: none;
	border-top: dotted 1px #9f8879;
}

#main-index .bloginfo {
	width: 100%;
	margin-bottom: 35px;
	float: left;
}

#main-index .bloginfo h2 {
	border-bottom: solid 1px #736357;
	padding-bottom: 12px;
	margin-bottom: 15px;
}

#main-index .bloginfo p {
	margin-bottom: 40px;
	font-weight: 500;
}

#main-index .bloginfo ul {
	width: 100%;
	float: left;
	text-align: left;
	box-sizing: border-box;
}

#main-index .bloginfo ul li {
	width: 465px;
/*	float: left;*/
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: top;
	box-sizing: border-box;
}
#main-index .bloginfo ul li:after {
	content: "";
	display: block;
	clear: both;
}
#main-index .bloginfo ul li:nth-child(odd) {
	margin-right: 25px;
}
#main-index .bloginfo ul li .thumb {
/*	width: 240px;
	height: 205px;*/
	width: 150px;
	height: 120px;
	background: url(/images/blog_thumb_bg.png) no-repeat 0% 0%;
	background-size: 100%;
	text-align: left;
	float: left;
	overflow: hidden;
}

#main-index .bloginfo ul li .text {
	width: 300px;
	float: right;
}

#main-index .bloginfo ul li .thumb img {
	display: block;
/*	margin: 10px 0px 0px 13px;*/
margin: 10px auto 0px;
	text-align:center;
/*	max-width: 215px;
	max-height: 180px;*/
	width: 90%;
	height: 85%;
	object-fit: cover;
}

#main-index .bloginfo ul li .text h3 {
	text-align: left;
	font-family: inherit;
	margin-bottom: 5px;
	line-height: 1.5;
	font-size: 120%;
}

#main-index .bloginfo ul li .text h3 a:link {
/*	color: #3d3419;*/
/*	color: #736357;*/
	text-decoration: none;
}

#main-index .bloginfo ul li .text h3 a:hover {
	text-decoration: underline;
}

#main-index .bloginfo ul li .text .date {
	font-family: inherit;
	letter-spacing: 0;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

#main-index .bloginfo ul li .text p {
	text-align: left;
	font-size: 90%;
	margin-bottom: 0;
}

#main-index .bloginfo ul li .text div.more {
	text-align: right;
}

#main-index .instawidget {
	margin-bottom: 30px;
	padding: 10px;
	clear: both;
	background: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 10px #ccc;
}
#main-index .instawidget div.column { margin-bottom: 20px;}
#main-index .bn-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#main-index .bn-flex div:first-child { margin-right: 20px;}
@media screen and (min-width:768px) {
	#main-index .instawidget {
		display: flex;
		justify-content: space-between;
	}	
	#main-index .instawidget div.column {
		width: 49%;
		margin-bottom: 0;
	}
	#main-index .banners div { margin-bottom: 0;}
	#main-index .banners div:first-child { margin-right: 15px;}
}
#main-index .instawidget h2 {
	font-size: 200%;
	border-bottom: solid 1px #736357;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#main-index .instawidget h2 span {
	background: url(/images/btn_instagram.png) no-repeat 0% 50%;
	background-size: 1em;
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 5px;
}
.instainner .sp-invisible iframe {
	height: 100%!important;
	min-height: 157px;
}
.instainner .pc-invisible iframe {
	height: 100%!important;
	min-height: 210px;
}
/*#main-index .instawidget .column2 {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
#main-index .instawidget .column2:after {
	content: "";
	display: block;
	clear: both;
}
#main-index .instawidget .thumb {
	width: 200px;
	float: left;
}
#main-index .instawidget .thumb img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: solid 1px #ccc;
	display: block;
	margin: 0 auto 10px;
}*/
#main-index .instawidget .text {
	width: 700px;
	float: right;
	text-align: left;
}
#main-index .instawidget p {
	vertical-align: middle;
	margin-bottom: 15px;
}
#main-index .instawidget .instabtn {
	margin-bottom: 30px;
}
#main-index .instawidget .instabtn a {
	font-size: 120%;
	font-weight: bold;
	border: solid 2px #ec8584;
	border-radius: 10px;
	padding: 5px 10px 5px 45px;
	color: #ec8584;
	text-decoration: none;
	background: url(/images/btn_instawidget.png) no-repeat 10px 50%;
	background-size: 1.5em;
	display: inline-block;
}
#main-index .instawidget .instabtn a:hover {
	color: #ec8584;
	border-color: #ec8584;
	opacity: .8;
	transition: .2s;
	text-decoration: none;
}
#main-index .flavor {
	width: 403px;
	margin-bottom: 40px;
	float: left;
	text-align: left;
}

#main-index .flavor h2 {
	font-size: 0;
	line-height: 0;
}

#main-index .flavor .flavorlist {
	background: url(/images/flavor_bg_bottom.png) no-repeat 0% 100%;
	padding-bottom: 9px;
}

#main-index .flavor ul {
	height: 380px;
	overflow-y: scroll;
	background: #fff;
	margin-bottom: 0px;
}

#main-index .flavor ul li {
	text-align: center;
	border-bottom: dotted 1px #736357;
	padding: 15px 30px;
	margin-bottom: 15px;
}

#main-index .flavor ul li.last {
	border-bottom: none;
	margin-bottom: 0;
}

#main-index .flavor ul li h3 {
	text-align: center;
	font-family: inherit;
}

#main-index .flavor ul li p {
	text-align: left;
	padding: 5px 5px;
}

#main-index #media {
	width: 530px;
	float: right;
}


#main-index #media h2 {
	border-bottom: solid 1px #736357;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#main-index #media ul {
	text-align: left;
	border-bottom: solid 1px #736357;
	margin-bottom: 90px;
}

#main-index #media ul li {
	line-height: 1.3;
	border-bottom: dotted 1px #736357;
	padding: 0px 5px 10px;
	margin-bottom: 10px;
}

#main-index #media ul li a {
	font-weight: bold;
}

#main-index #media ul li:last-child {
	border-bottom: none;
}

#main-index #media ul li.last {
	border: none;
	margin-bottom: 0;
}

/** About ************************************/

#about .textbox {
	width: 504px;
/*	margin-bottom: 90px;*/
	float: left;
	text-align: left;
}

#about h1 {
	margin-bottom: 80px;
}

#about h2 {
	font-family: inherit;
	background: url(/images/icn_cow.png) no-repeat 0% 50%;
	border-bottom: solid 1px #736357;
	padding: 0px 0px 5px 48px;
	margin-bottom: 15px;
}

#about .layoutbox {
	width: 960px;
	margin-bottom: 90px;
	float: left;
}

#about .textbox p {
	line-height: 2;
	font-size: 110%;
	margin-bottom: 40px;
}

#about .flexbox { display: block; width: 100%; margin-bottom: 90px; }
#about .flexbox .text-column { text-align: left; width: 100%; }
#about .flexbox .text-column p { font-size: 110%; line-height: 2; margin-bottom: 40px; }
#about .flexbox .img-column { text-align: center; width: 100%; }
@media screen and (min-width: 768px){
	#about .flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 960px; }
	#about .flexbox .text-column { text-align: left; width: 52%; }
	#about .flexbox .img-column { text-align: center; width: 46%; }
}


/** Rakunou *********************************/

#rakunou h1 img, #rakunou h2 img { margin: 0 auto; }

#rakunou h1 {
	margin-bottom: 40px;
}

#rakunou h2 {
	font-family: inherit;
	border-bottom: solid 1px #736357;
	padding: 0px 0px 5px;
	margin-bottom: 30px;
	clear: both;
}

#rakunou ul.objective {
	text-align: left;
	margin-bottom: 70px;
}

#rakunou ul.objective li {
	font-family: inherit;
	font-weight: bold;
	background: url(/images/icn_cow.png) no-repeat 0% 5%;
	padding-left: 48px;
	margin-bottom: 25px;
	list-style: none;
}

#rakunou .notepad {
	width: 935px;
	margin: 20px auto 70px;
	background: url(/images/bg_rakunou_top.png) no-repeat 50% 0% transparent;
	padding-top: 45px;
}

#rakunou .notepad .notepad-inner {
	background: url(/images/bg_rakunou.png) repeat-y 0% 0% transparent;
	padding: 20px 10px 20px 40px;
	text-align: left;
}

#rakunou .notepad .notepad-bottom {
	background: url(/images/bg_rakunou_bottom.png) no-repeat 50% 100% transparent;
	padding-bottom: 18px;
}

#rakunou .notepad h3 {
	clear: none;
	background: url(/images/icn_cow_b.png) no-repeat 0% 50%;
	padding-left: 45px;
	margin-bottom: 15px;
}

#rakunou .notepad .text {
	width: 550px;
/*	line-height: 1.6;*/
}

#rakunou .notepad p {
	padding-bottom: 20px;
}

#rakunou .notepad .r {
	margin: -25px 0px 0px 0px;
}

#rakunou table.curriculum {
	text-align: left;
	width: 800px;
}

#rakunou table.curriculum th {
	width: 250px;
	vertical-align: top;
}

#rakunou table.curriculum td {
	padding-bottom: 30px;
}

#rakunou ul.triallesson {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 70px;
}

#rakunou ul.triallesson li {
	width: 29.2%;
	background-color: #ffffff;
	border: solid 1px rgba(112,112,112,0.47);
	padding: 14px;
	margin-bottom: 18px;
}

#rakunou ul.triallesson li img {
    max-width: 100%;
	height: auto;
}
#rakunou ul.triallesson li .thumb { margin-bottom: 10px;}

#rakunou ul.triallesson li:nth-child(2), #rakunou ul.triallesson li:nth-child(5) {
	margin-left: 14px;
	margin-right: 14px;
}
#rakunou ul.triallesson li:nth-child(5) {
	background: none;
	border: none;
}
#rakunou ul.triallesson li .text { font-size: 90%}
#rakunou ul.triallesson li .img-text { text-align: center; margin: 10px 0px;}
#rakunou ul.triallesson li .img-text h3 { color: #ec8584;}
#rakunou ul.triallesson li .img-text .text { margin: 10px 0px;}
#rakunou ul.triallesson li .img-text .text p { font-size: 14px; text-align: left; padding-left: 1em;}
#rakunou ul.triallesson .rakunou-last { margin-left: 2px;}
@media screen and (min-width: 426px) and (max-width: 768px){
	#rakunou ul.triallesson { width: 80%; margin: 0px auto 70px;}
	#rakunou ul.triallesson li { width: 42%;}
	#rakunou ul.triallesson li:nth-child(2), #rakunou ul.triallesson li:nth-child(5) { margin-left: 0px; margin-right: 0px;}
}
@media screen and (max-width: 425px){
	#rakunou ul.triallesson li { width: 39%;}
	#rakunou ul.triallesson li:nth-child(2), #rakunou ul.triallesson li:nth-child(5) { margin-left: 0px; margin-right: 0px;}
	#rakunou ul.triallesson li .img-text h3 { font-size: 18px;}
	#rakunou ul.triallesson li .img-text .text p { font-size: 12px;}
	#rakunou ul.triallesson li .img-text .text-img { height: 12px;}
}


#rakunou ul.triallesson li .rakunou-title {
	font-family: inherit;
	font-weight: bold;
	font-size: 140%;
}

#rakunou ul.triallesson li .bl-font {
	font-weight: bold;
}

#rakunou ul.triallesson li .bl-font .pink {
	color: #ec8584;
}

#rakunou .rakunoucontent {
	width: 100%;
	float: left;
	margin-bottom: 70px;
}

#rakunou .rakunoucontent .r {
	margin-top: -5px;
}

#rakunou .voice .l {
	margin-top: 43px;
}

#contactbanner {
	background: #fff;
	padding: 20px 0px 15px;
	margin-bottom: 20px;
	clear: both;
}

#contactbanner p {
	margin-bottom: 15px;
}
#contactbanner .contact-mail { position: relative; left: 5px; }
@media screen and ( min-width: 768px ){
	#contactbanner .contact-mail { left: -25px; }
}

#rakunou { text-align: center; }
#rakunou .section { margin-bottom: 90px; }
#rakunou .section h2 img { margin: 0 auto; }
#rakunou .section p { font-size: 110%; text-align: left; line-height: 2; margin-bottom: 1.5em; }
#rakunou .section ul li { font-size: 110%; font-weight: bold; text-align: left; line-height: 2; }
#rakunou .section ul li p { font-size: 100%; font-weight: normal; }
#rakunou p.h-style { font-size: 20px; font-weight: bold; text-align: center; }
#rakunou .flexbox { display: block; }
#rakunou .flexbox .text-column, #rakunou .flexbox .img-column { width: 100%; margin-bottom: 1em; }
#rakunou .flexbox .img-column figcaption span { display: block; font-size: 110%; font-weight: bold; margin-bottom: 5px; }
#rakunou .flexbox.column2 .img-column, #rakunou .flexbox.column3 .img-column, #rakunou .flexbox.column4 .img-column { width: 100%; margin-bottom: 40px; }
@media screen and (max-width: 352px){
	#rakunou p.h-style { font-size: 16px; }
}
@media screen and (min-width: 768px){
	#rakunou .flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#rakunou .flexbox .text-column { width: 52%; }
	#rakunou .flexbox .img-column { width: 46%; }
	#rakunou .flexbox.column2 .img-column, #rakunou .flexbox.column3 .img-column, #rakunou .flexbox.column4 .img-column { margin-bottom: 0px; }
	#rakunou .flexbox.column2 .img-column { width: 48%; }
	#rakunou .flexbox.column3 .img-column { width: 32%; }
	#rakunou .flexbox.column4 .img-column { width: 24%; }
}



/** Privacy **********************************/

#privacy h1{
	margin-bottom: 50px;
}

#freepage #container h1 {
	font-size: 200%;
	text-align: left;
	margin-bottom: 25px;
}

#privacy #container p,
#freepage #container p {
	text-align: left;
	margin-bottom: 25px;
}

#privacy ol {
	font-size: 170%;
	font-weight: bold;
	text-align: left;
	margin-left: 1.5em;
}

#privacy ol li p {
	font-size: 15px;
	margin-top: 15px;
	font-weight: normal;
}

#freepage #container ul {
	text-align: left;
	margin-left: 1.5em;
	margin-bottom: 50px;
}

#freepage #container ul li ul {
	margin-bottom: 0;
}

#freepage #container ul li {
	margin-bottom: 10px;
}

#freepage #container ul li a {
	font-weight: bold;
}

/** Contact **********************************/

#contact h1, #contact p {
	margin-bottom: 15px;
}

#contact #container table {
	width: 760px;
	margin: 0 auto;
	border-collapse: collapse;
	font-size: 110%;
}

#contact #container table th {
	text-align: left;
	padding: 5px 0px 0px 55px;
	vertical-align: top;
}

#contact #container table th.necessary {
	background: url(/images/icn_necessary.png) no-repeat 0% 0%;
}

#contact #container table td {
	padding: 5px 0px 45px 0px;
	text-align: left;
}

#contact #container form p {
	margin-bottom: 70px;
	font-size: 90%;
}

#contact #container span {
	font-size: 85%;
}

#contact input[type=submit] {
	padding: 2px 15px;
	font-size: 110%;
	font-family: inherit;
	margin-bottom: 15px;
}

#contact input[type=text],
#contact textarea {
	padding: 2px;
	border: solid 1px #999;
	border-radius: 3px;
	margin-bottom: 5px;
}

#contact input#fname, #contact input#lname,
#contact input#kfname, #contact input#klname,
#contact input#postcode {
	width: 150px;
}

#contact input#tel, #contact input#mail,
#contact input#remail, #contact input#homepage{
	width: 310px;
}

#contact input#address {
	width: 540px;
}

#contact textarea {
	width: 540px;
	height: 200px;
}


#contact #container form div {
	padding-top: 30px;
	background: url(/images/border_dotted.png) repeat-x 0% 0%;
}


/** Link *************************************/

#link h1, #link p {
	text-align: center;
	margin-bottom: 15px;
}

#link #container table {
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto 70px;
}

#link #container table th, #link #container table td {
	background: url(/images/border_dotted.png) repeat-x 0% 100%;
	padding: 40px 5px 15px;
	text-align: left;
}

#link #container table th a {
	background: url(/images/icn_heart.png) no-repeat 0% 10%;
	padding-left: 17px;
	font-family: inherit;
	color: #3d3419;
/*	color: #736357;*/
	text-decoration: none;
}

#link #container table th a:hover {
	text-decoration: underline;
}

/** Blog *************************************/

#blog #container h1, #blog #container p {
	margin-bottom: 15px;
}

#blog #container .categorylist {
	width: 100%;
	margin-bottom: 40px;
	float: left;
	background: url(/images/hr_lace_under.png) repeat-x 0% 100%;
	padding-bottom: 40px;
}

#blog #container .categorylist h2 {
	width: 110px;
	float: left;
}

#blog #container .categorylist ul {
	width: 835px;
	float: right;
}

#blog #container .categorylist ul li {
	float: left;
	list-style: none;
	margin-right: 15px;
}

#blog #container .categorylist ul li a,
#blog #container .categorylist ul li span {
	background: url(/images/icn_heart.png) no-repeat 0% 0%;
	padding-left: 17px;
}

#blog #container ul li p {
	margin-bottom: 0px;
}

#blog #container ul.articles {
	width: 100%;
	float: left;
	margin-bottom: 30px;
	text-align: left;
}

#blog #container ul.articles li {
	margin-bottom: 25px;
	padding: 0px 0px 20px;
	width: 100%;
	background: url(/images/border_dotted.png) repeat-x 0% 100%;
	float: left;
}

#blog #container ul.articles li .thumb {
/*	width: 140px;*/
	width: 20%;
	float: left;
}

#blog #container ul.articles li .thumb img {
/*	margin-left: 20px;*/
max-width: 100%;
}

#blog #container ul.articles li .text {
/*	width: 770px;*/
width: 78%;
	float: right;
}

#blog #container ul.articles li h2 {
	font-family: inherit;
}

#blog #container ul.articles li h2 a {
	color: #3d3419;
/*	color: #736357;*/
	text-decoration: none;
}

#blog #container ul.articles li h2 a:hover {
	text-decoration: underline;
}

#blog #container ul.articles li .text .more {
	text-align: right;
}

#blog #container ul.articles li .text .date {
	font-weight: bold;
}

#blog #container .pagebute {
	clear: both;
	margin-bottom: 70px;
	text-align: right;
}

#blog #container .article {
	text-align: left;
	margin-bottom: 30px;
}

#blog #container .contentslogo {
	margin-bottom: 15px;
}

#blog #container .article .excerpt {
	width: 100%;
	float: left;
	border-top: dotted 1px #736357;
	margin-bottom: 5px;
	padding-top: 5px;
}

#blog #container .excerpt a {
	background: url(/images/icn_heart.png) no-repeat 0% 10%;
	padding-left: 15px;
}

#blog #container .excerpt .datetime {
	width: 50%;
	float: left;
	font-size: 110%;
	font-weight: bold;
}

#blog #container .excerpt .entrycategory{
	width: 50%;
	float: right;
	text-align: right;
}

#blog #container .excerpt .entrycategory a {
	color: #3d3419;
/*	color: #736357;*/
	text-decoration: none;
}

#blog #container .excerpt .entrycategory a:hover {
	text-decoration: underline;
}

#blog #container .article h1,
#blog #container .article h2.entrytitle {
	font-size: 160%;
	font-family: inherit;
	background: url(/images/icn_cow.png) no-repeat 0% 10%;
	padding: 0px 0px 5px 50px;
	margin-bottom: 20px;
	border-bottom: dotted 1px #736357;
	letter-spacing: 0;
	clear: both;
}

#blog #container .article h2.entrytitle a {
	color: #3d3419;
/*	color: #736357;*/
	text-decoration: none;
}

#blog #container .article h2.entrytitle a:hover {
	text-decoration: underline;
}

#blog #container .article img {
	max-width: 100%;
	height: auto;
}

#blog #container .article p {
	margin-bottom: 30px;
	line-height: 2em;
	font-size: 120%;
}

#blog #container .article ul {
	margin-left: 1em;
	margin-bottom: 40px;
}

#blog #container .article ol {
	margin-left: 1.5em;
	margin-bottom: 40px;
}

#blog #articlebody {
	width: 700px;
	float: left;
}

#blog #sidenav {
	width: 240px;
	float: right;
}

#blog #sidenav a {
	text-decoration :none;
}

#blog #sidenav a:hover {
	text-decoration: underline;
}

#blog #sidenav h2 {
	font-size: 120%;
	background: #ddd0c4;
	padding: 10px 0px;
	margin-bottom: 10px;
	letter-spacing: 0;
}

#blog #sidenav h2.calendar {
	padding: 5px 0px;
}

#blog #sidenav .sideitem {
	margin-bottom: 20px;
}

#blog #sidenav table {
	width: 100%;
}

#blog #sidenav table td a {
	background: #ec8584;
	display: block;
	color: #fff;
}

#blog #sidenav ul {
	text-align: left;
	margin-left: 1.5em;
}

#blog #sidenav ul li a {
	color: #3d3419;
/*	color: #736357;*/
}

#blog #sidenav .backnumber {
	margin-left: 10px;
}

#blog #sidenav .backnumber li {
	font-size: 120%;
	list-style: none;
	background: url(/images/icn_arrow_bl.png) no-repeat 0px 5px;
	padding-left: 17px;
}
#blog #sidenav .backnumber li ul {
	display: none;
}

#blog #sidenav .backnumber li ul li {
	font-size: 90%;
	list-style: disc;
	padding-left: 0;
	background: none;
}


/** Eat **************************************/

#eat h1 {
	margin-bottom: 60px;
}

#eat .pickupbox {
	width: 885px;
	margin: 0px auto;
}

#eat .tabattention {
	clear: both;
	font-size: 85%;
	margin-bottom: 40px;
}

#eat .pickupbox-inner {
	float: left;
	padding-bottom: 25px;
	margin-bottom: 20px;
	width: 100%;
	background: #fff url(/images/tabe_img02.png) no-repeat 50% 98%;
	border: solid 1px #fff;
	border-radius: 8px;
}

#eat .pickupbox .thumb {
	padding: 15px 0px;
	width: 370px;
	float: left;
}

#eat .pickupbox .thumb img {
	margin-left: 30px;
}

#eat .pickupbox .text {
	padding: 10px 0px;
	font-size: 90%;
	width: 485px;
	float: right;
	text-align: left;
}

#eat .pickupbox .text h2,
#eat .pickupbox .text h3 {
	font-family: inherit;
	padding: 5px 0px;
}

#eat .pickupbox .text h2 {
	border-bottom: dotted 1px #736357;
}

#eat .pickupbox .text h2.seasonselect {
	background: url(/images/icn_season.png) no-repeat 100% 0%;
}

#eat .pickupbox .text h3 {
	background: url(/images/icn_heart_l.png) no-repeat 0% 50%;
	padding-left: 25px;
}

#eat .pickupbox .text p {
	margin-bottom: 10px;
}

#eat .pickupbox .text p.description {
	padding-left: 25px;
}

/*#eat .pickupbox .text img {
	float: right;
	margin: 0px 0px 15px 30px;
	display: block;
}*/

#eat .pickupbox .text .textthumb {
	text-align:center;
	margin: 0 auto;
}

#eat .pickupbox .text img.r {
	display:block;
	margin-left: 15px;
}

#eat .pickupbox .text hr {
	border: none;
	border-top: dotted 1px #736357;
	padding: 10px 0px 0px;
	margin: 0;
}

#eat .pickupbox .text .text-inner {
	padding-right: 30px;
}

#eat .pickupbox .text table {
	font-weight: bold;
	text-align: left;
	width: 100%;
	padding-top: 5px;
	border-top: dotted 1px #736357;
	clear: both;
	border-collapse: collapse;
}

#eat .pickupbox .text table th {
	vertical-align: top;
}

#eat .pickupbox .text table.gelateprice {
	margin-bottom: 10px;
}

#eat .pickupbox .text table.gelateprice th {
	vertical-align: middle;
	border-bottom: dotted 1px #736357;
}

#eat .pickupbox .text table.gelateprice th.gelate {
	padding-left: 40px;
	background: url(/images/icn_gelate_corn.png) no-repeat 0% 50%;
}

#eat .pickupbox .text table.gelateprice th.cup {
	padding-left: 40px;
	background: url(/images/icn_gelate_cup.png) no-repeat 0% 50%;
}

#eat .pickupbox .text table.gelateprice td {
	font-weight: normal;
	padding: 5px;
	border-bottom: dotted 1px #736357;
}

#eat .pickupbox .text table.gelateprice td.bold {
	padding-left: 17px;
	background: url(/images/icn_heart.png) no-repeat 0% 50%;
}

#eat .pickupbox .text table.gelateprice td.small {
	font-size: 85%;
	line-height: 1.5;
}

#eat #tabnav {
	text-align: center;
	background: url(/images/border_tabe.png) repeat-x 0% 100%;
	padding-bottom: 15px;
	width: 100%;
	float: left;
}

#eat #tabnav-inner {
	width: 950px;
	margin: 0 auto;
}

#eat #tabnav ul {
	width: 100%;
	float: left;
	list-style: none;
}

#eat #tabnav li {
	width: 320px;
	height: 49px;
	float: left;
	vertical-align: top;
	background: url(/images/tabnav_bg.png) no-repeat 0% 100%;
}

#eat #tabnav li.select {
	background: url(/images/tabnav_bg_o.png) no-repeat 0% 100%;
}

#eat #tabnav li.last {
	width: 308px;
}

#eat #tabnav li img {
	display: block;
}

#eat #tabnav li img#storetab {
	padding: 13px 0px 0px 64px;
}

#eat #tabnav li img#eatintab {
	padding: 5px 0px 0px 67px;
}

#eat #tabnav li img#buytab {
	padding: 15px 0px 0px 70px;
}


#eat #tabpage {
	width: 100%;
	float: left;
	background: #fff;
	padding: 0px 0px 30px;
}

#eat .buybtn {
	float: left;
	margin: -25px 0px 10px 0px;
}

#eat .typecode {
	text-align: right;
	padding: 10px 0px;
	font-size: 90%;
	font-family: inherit;
}

#eat #store .pagelink {
	list-style: none;
	font-weight: bold;
	font-family: inherit;
	font-size: 90%;
	text-align: center;
	padding: 35px 0px 23px;
	border-bottom: dotted 1px #736357;
}

#eat #store .pagelink li {
	display: inline;
	margin-right: 55px;
}

#eat #store .pagelink li.last {
	margin-right: 0;
}

#eat #store .pagelink li a {
	color: #3d3419;
/*	color: #736357;*/
	text-decoration: none;
}

#eat #store .pagelink li a:hover {
	text-decoration: underline;
}

#eat #store #store-inner,
#eat #eatin #eatin-inner,
#eat #buy #buy-inner {
	padding: 0px 50px;
	height: 615px;
	overflow-y: scroll;
}

#eat #eatin #eatin-inner .l,
#eat #buy #buy-inner .l {
	margin-top: 15px;
}

#eat #store #history,
#eat #store #source,
#eat #store #aboutshop,
#eat #store #hontenmap,
#eat #eatin #eatin-gelate,
#eat #eatin #eatin-daifuku,
#eat #buy #buy-gelate,
#eat #buy #buy-daifuku,
#eat #buy #buy-icacake {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: dotted 1px #736357;
	width: 100%;
	float: left;
}

#eat #store #urahoromap,
#eat #eatin #eatin-cafe,
#eat #buy #buy-set {
	width: 100%;
	float: left;
	padding-bottom: 25px;
}

#eat #store #history,
#eat #buy #buy-gelate {
	padding-top: 25px;
}

#eat #eatin #eatin-gelate {
	padding-top: 10px;
}

#eat #store #history table {
	line-height: 1.7;
	width: 100%;
	text-align: left;
}

#eat #store #history table th {
	font-family: inherit;
	width: 15%;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 15px;
}

#eat #store #history table td {
	font-family: inherit;
	width: 85%;
	padding-bottom: 15px;
	vertical-align: top;
}

#eat #tabpage h2 {
	margin-bottom: 15px;
}

#eat ul.thumblist {
	list-style: none;
	text-align: center;
	font-size: 80%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}

#eat #tabpage p {
	margin-bottom: 20px;
}
#eat ul.thumblist li {
	width: calc( (100% - 15px) / 2 );
	margin-bottom: 15px;
	margin-right: 15px;
}
#eat ul.thumblist li:nth-child(2n) { margin-right: 0;}
@media screen and (min-width: 768px) {
	#eat ul.thumblist li {
		width: calc( (100% - 60px) / 4 );
	}
	#eat ul.thumblist li:nth-child(2n) { margin-right: 15px;}
	#eat ul.thumblist li:nth-child(4n) { margin-right: 0;}

}

#eat ul.thumblist li span {
	display: block;
	padding: 0px 20px;
}

#eat ul.thumblist li img {
	display: block;
	margin: 0px auto 10px;
	width:100%;
	height: auto;
}

#eat #eatinmenu,
#eat #buy .pagelink {
	width: 620px;
	padding-top: 20px;
	float: right;
	list-style: none;
	text-align: center;
	border-bottom: dotted 1px #736357;
}

#eat #buy .pagelink{
	width: 100%;
}

#eat #eatinmenu li,
#eat #buy .pagelink li {
	font-size: 110%;
	font-family: inherit;
	width: 206px;
	float: left;
	font-weight: bold;
}

#eat #buy .pagelink li {
	width: 210px;
}

#eat #eatinmenu li a,
#eat #buy .pagelink li a {
	color: #3d3419;
/*	color: #736357;*/
	text-decoration: none;
	padding: 15px 0px 20px;
	display: block;
}

#eat #eatinmenu li a:hover,
#eat #buy .pagelink li a:hover {
	text-decoration: underline;
}

#eat #eatinmenu li#eatinmenu-gelate a {
	background: url(/images/icn_gelate.jpg) no-repeat 37px 0px;
	padding-left: 40px;
}

#eat #eatinmenu li#eatinmenu-daifuku a,
#eat #buy .pagelink li#icngelatedfk a {
	background: url(/images/icn_daihuku.jpg) no-repeat 6px 10px;
	padding-left: 40px;
}

#eat #eatinmenu li#eatinmenu-cafe a {
	background: url(/images/icn_cafe.jpg) no-repeat 22px 0px;
	padding-left: 36px;
}

#eat #buy .pagelink li#icncupgelate a {
	background: url(/images/icn_cupgelate.jpg) no-repeat 22px 0px;
	padding-left: 36px;
}

#eat #buy .pagelink li#icnicecake a {
	background: url(/images/icn_icecake.jpg) no-repeat 22px 25%;
	padding-left: 36px;
}

#eat #buy .pagelink li#icnset a {
	background: url(/images/icn_set.jpg) no-repeat 22px 25%;
	padding-left: 42px;
}

/** ALLERGY **************************************************************************/
#freepage #container .allergy h1 { margin: 0 auto 30px; text-align: center;}
.allergy h2 {
	margin-bottom: 15px;
	text-align: left;
	border-bottom: solid 1px #736357;
	background: url(/images/icn_cow.png) no-repeat 0% 50%;
	padding-left: 45px;
}
.allergy h3 {
	font-size: 110%;
	margin-bottom: 10px;
	text-align: left;
}
.allergy table { width: 100%; font-size: 90%;}
@media screen and (max-width: 768px) {
	.allergy table { font-size: 80%;}
}
.allergy table, .allergy table th, .allergy table td {
	border: solid 1px #3d3419;
	background: #fff;
	border-collapse: collapse;
	text-align: left;
	margin-bottom: 30px;
	vertical-align: top;
}
.allergy table th {
	background: #ddd0c4;
	padding: 10px;
}
.allergy table td {
	background: #fff;
	padding: 10px;
}

/** icecake **************************************************************************/
#icecake-page h1 { margin-bottom: 40px;}
#icecake-page h2.toptxt { font-size: 267%; margin-bottom: 30px; line-height: 1.4;}
#icecake-page h2.xmas {
	font-size: 160%;
	background: url(/images/ice-cake/bg_headline_xmas.jpg) no-repeat 50% 50%;
	background-size: 100%;
	color: #fff;
	padding: 5px 50px;
	margin-bottom: 20px;
	text-align: left;
}
#icecake-page .cakebox h2.xmas { margin-bottom: 0;}
#icecake-page h2.ribbon {
	background: url(/images/ice-cake/bg_headline_ribbon_l.png) no-repeat 50% 0%;
	background-size: 100%;
	font-size: 215%;
	line-height: 1.2;
	color: #fff;
	padding: 10px 0 25px;
	margin-bottom: 30px;
}
#icecake-page h2.cow,
#icecake-page h3.cow {
	background: url(/images/ice-cake/icn_cow.png) no-repeat 0% 50%;
	background-size: auto 1em;
	padding-left: 1.5em;
	border-top: dotted 1px #736357;
	border-bottom: dotted 1px #736357;
	padding: 5px 10px 5px 1.7em;
	text-align: left;
	font-size: 154%;
	margin-bottom: 15px;
}
#icecake-page h3.ribbon-s,
#icecake-page h4.ribbon-s {
	background: url(/images/ice-cake/bg_headline_ribbon.png) no-repeat 0% 50%!important;
	background-size: auto 40px!important;
	padding: 10px 15px!important;
	font-size: 150%!important;
	margin-bottom: 5px!important;
	line-height: 1.2;
	text-align: left!important;
	color: #fff;
	border: none!important;
}
#icecake-page strong { color: #EC8584;}
#icecake-page #container .inner { width: 900px;}
#icecake-page #container .inner-l {
	width: 940px;
	margin: 0 auto;
}
#icecake-page #container .inner-ll {
	width: 960px;
	margin: 0 auto;
}
#icecake-page .mediumtxt { font-size: 90%;}
#icecake-page .btn a {
	font-size: 115%;
/*	background: #EC8584;*/
	background: rgb(250,175,175);
	background: -moz-linear-gradient(180deg, rgba(250,175,175,1) 0%, rgba(229,128,126,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(250,175,175,1) 0%, rgba(229,128,126,1) 100%);
	background: linear-gradient(180deg, rgba(250,175,175,1) 0%, rgba(229,128,126,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faafaf",endColorstr="#e5807e",GradientType=1);
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 15px 30px;
	border-radius: 4px;
	min-width: 315px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#icecake-page .btn-brown a {
	background: #736357;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 2px 0px;
	border-radius: 4px;
	width: 100%;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen,print and (min-width:769px) {
	#icecake-page .btn a:hover,
	#icecake-page a:hover img {
		opacity: 0.8;
		transition: .3s;
	}
}
#icecake-page .btn a span {
	background: url(/images/ice-cake/icn_buybug.png) no-repeat 0% 50%;
	background-size: auto 1em;
	padding-left: 1.3em;
}
#icecake-page #container p {
	text-align: left;
	line-height: 1.8;
	font-size: 17px;
	margin-bottom: 30px;
}
#icecake-page #container .itembox p {
	font-size: 13px;
}
#icecake-page .column-2, #icecake-page .column-3 {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
#icecake-page .column-2 .column { width: 48%;}
#icecake-page .column-3 .column { width: 32%;}
#icecake-page .cakebox {
	width: 100%;
	border: solid 1px #AC1619;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	margin-bottom: 40px;
}
#icecake-page .cakebox p { margin-bottom: 15px;}
#icecake-page .cakebox-inner {
	padding: 20px 20px 20px;
}
#icecake-page .cakebox .btn { text-align: left; }
#icecake-page .cakebox .column-2 .column:nth-child(1) { width: 300px;}
#icecake-page .cakebox .column-2 .column:nth-child(2) { width: 520px;}
#icecake-page .cakebox .column-2 .column .column-2 .column:nth-child(1) { width: 150px;}
#icecake-page .cakebox .column-2 .column .column-2 .column:nth-child(2) { width: 350px;}
#icecake-page .tamago {
	display: inline-block;
	padding: 2px 20px;
	color: #fff;
	background: #FFA700;
	border-radius: 20px;
}
#icecake-page .ice-list {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
#icecake-page .ice-list li {
	width: 16%;
	list-style: none;
	margin-bottom: 10px;
}
#icecake-page .ice-list li img { width: 100%;}
#icecake-page .ice-list li span {
	display: block;
	font-size: 90%;
	margin-top: 5px;
}
#icecake-page .icecake-box {
	background: #fff;
	border: dashed 1px #736357;
	padding: 20px;
	margin: 0 0 40px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#icecake-page .column .icecake-box {
	margin: 0;
	height: 100%;
}
#icecake-page .icecake-box:before {
	content: "";
	background: url(/images/ice-cake/bg_tag_l.png) no-repeat 50% 0%;
	background-size: auto 21px;
	width: 100%;
	height: 21px;
	position: absolute;
	top: -10px;
	left: 0;
	display: block;
}
#icecake-page .column .icecake-box:before {
	content: "";
	background: url(/images/ice-cake/bg_tag_s.png) no-repeat 50% 0%;
	background-size: auto 21px;
	width: 100%;
	height: 21px;
	position: absolute;
	top: -10px;
	left: 0;
	display: block;
}
#icecake-page .icecake-box h2,
#icecake-page .icecake-box h3 {
	text-align: center;
	border-bottom: solid 2px #736357;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 154%;
	line-height: 1.2;
}
#icecake-page .column .icecake-box p { margin-bottom: 0;}
#icecake-page .column:nth-child(1) .icecake-box h3,
#icecake-page .column:nth-child(3) .icecake-box h3 {
	line-height: 2.2;
}
#icecake-page .icecake-box .ice-list {
	margin-bottom: 15px;
}
#icecake-page .howto-cake {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 0;
}
#icecake-page .howto-cake:after {
	content: "";
	display: block;
	width: 100%;
	clear: both;
}
#icecake-page .howto-cake li {
	list-style: none;
	width: 220px;
	height: 100px;
	display: block;
	vertical-align: top;
	text-align: center;
	position: relative;
	font-size: 90%;
	line-height: 1.4;
	font-weight: bold;
}
#icecake-page .howto-cake li:last-child {
	width: 170px;
}
#icecake-page .howto-cake li .btn-brown {
	margin-top: 5px;
}

#icecake-page .howto-cake li span {
	width: 170px;
	height: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	background: #DCD0C4;
	vertical-align: middle;
}
#icecake-page .howto-cake li:nth-child(2) span,
#icecake-page .howto-cake li:nth-child(4) span {
	padding-top: 1.5em;
}
#icecake-page .howto-cake li img {
	display: block;
	margin: 0 auto 5px;
	text-align: center;
}
#icecake-page .howto-cake li span:after {
	content: "";
	display: block;
	width: 1em;
	height: 100px;
	background: url(/images/ice-cake/icn_arrow_r.png) no-repeat 50% 50%;
	background-size: 1em;
	position: absolute;
	top: 0;
	right: 10px;;
}
#icecake-page .howto-cake li:last-child span:after {
	display: none;
}

#icecake-page .icecakes { margin-bottom: 40px;}
#icecake-page .cake-list {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-box-pack: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#icecake-page .cake-list li {
	width: 150px;
	margin: 0 37px 20px 0;
	list-style: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#icecake-page .cake-list li:nth-child(5n) {
	margin-right: 0;
}
#icecake-page .cake-list li span {
	display: block;
	margin-top: 5px;
}
#icecake-page .buy-shops {
	text-align: left;
	margin-bottom: 0;
}
#icecake-page .buy-shops li {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 20px;
	list-style: disc;
	list-style-position: inside;
}
#icecake-page .buy-shops li ul {
	margin-left: 1.5em;
}
#icecake-page .buy-shops li ul li {
	font-size: 90%;
	font-weight: normal;
	list-style: none;
	margin-bottom: 0;
}

/** summer-gift ***********************************************************************/
.summer-gift { background: #fff;}
@media screen and (min-width: 768px){
	.summer-gift .column2 {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.summer-gift .column2 .column { width: 50%;}
	.summer-gift .column2.box2 .column { width: 48%;}
}
.summer-gift .column2.mag50 { margin-bottom: 50px;}
.summer-gift .itembox {
	box-shadow: 0px 3px 6px #bfbfbf;
	margin-bottom: 30px;
	background: #fff;
	position: relative;
}
.summer-gift .itembox .text {
	padding: 15px;
	box-sizing: border-box;
}
.summer-gift .item-catch { font-size: 20px; margin-bottom: 5px; text-align: left; line-height: 1.4;}
.summer-gift .itembox h4 { font-size: 30px; margin-bottom: 10px; line-height: 1.4; clear: both;}
#icecake-page.summer-gift #container .itembox p { margin-bottom: 10px;}
.summer-gift .item-price { font-size: 50px; font-weight: 600; margin-bottom: 10px;}
.summer-gift .item-price span { font-size: 20px;}
.summer-gift .hokkaido:before {
	content: "";
	display: block;
	background: url(../images/summer-gift/icn_hokkaido.png) no-repeat 0% 50%;
	background-size: 100%;
	width: 150px;
	height: 75px;
	margin: 0 0 0 20px;
	vertical-align: top;
	float: right;
}
.summer-gift .daininki:before {
	content: "";
	display: block;
	background: url(../images/summer-gift/icn_daininki.png) no-repeat 0% 50%;
	background-size: 100%;
	width: 123px;
	height: 90px;
	margin: -10px 0 0 20px;
	vertical-align: top;
	float: right;
}
.summer-gift .master:before {
	content: "";
	display: block;
	background: url(../images/summer-gift/icn_whitecoffe.png) no-repeat 0% 50%;
	background-size: 100%;
	width: 138px;
	height: 97px;
	margin: -10px 0 0 20px;
	vertical-align: top;
	float: right;
}
.summer-gift .flaver:before {
	content: "";
	display: block;
	background: url(../images/summer-gift/icn_flavor.png) no-repeat 0% 50%;
	background-size: 100%;
	width: 145px;
	height: 95px;
	margin: -10px 0 0 20px;
	vertical-align: top;
	float: right;
}
.summer-gift .osusume:before {
	content: "";
	display: inline-block;
	background: url(../images/summer-gift/icn_osusume.png) no-repeat 0% 50%;
	background-size: 100%;
	width: 1.5em;
	height: 1em;
	vertical-align: middle;
}
.bluebox {
	background: #7FB441;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 22px;
	padding: 6px;
	margin: 0 auto 20px;
	max-width: 690px;
}
.summer-gift .bg-green {
	background: #fff400;
/*background: url(../images/summer-gift/bg_stripe_yellow.png);*/
background-size: 150px;
	padding: 15px 0;
	margin: 90px 0 50px;
}
.winter-gift .bg-blue {
	background: #C9DCFF;
	padding: 15px 0;
	margin: 90px 0 50px;
}
#icecake-page.summer-gift .bg-green h2,
#icecake-page.summer-gift .bg-stripe h2,
#icecake-page.winter-gift .bg-blue h2,
#icecake-page.winter-gift .bg-stripe h2 {
	margin: -55px 0 15px;
}
#icecake-page #container p.catchcopy { text-align: center;}
.bg-stripe {
	background: url(../images/summer-gift/bg_stripe_yellow.png);
	background-size: 150px;
	padding: 15px 0;
	margin: 60px 0 50px;
}
.winter-gift .bg-stripe {
	background: url(../images/winter-gift/pettern_winter.png) repeat 0% 0% #C9DCFF;
	padding: 15px 0;
	margin: 60px 0 50px;
}
.summer-gift .column img { max-width: 100%;}
#icecake-page.summer-gift .ice-list li img { width: 140px; height: 140px; object-fit: cover; border-radius: 50%;}
#icecake-page.summer-gift .ice-list { /*justify-content: flex-start;*/ margin: 0 auto; max-width: 780px;}
#icecake-page.summer-gift .ice-list li { margin-right: 15px;}

@media screen and (max-width: 768px){
	#icecake-page.summer-gift .ice-list li { margin-right: 0;}
	.summer-gift .item-catch { font-size: 18px;}
}
@media screen and (max-width: 767px){
	.summer-gift .item-catch { font-size: 16px;}
	#icecake-page.summer-gift .ice-list { justify-content: space-between;}
	#icecake-page.summer-gift .ice-list li { margin-right: 0;}
}
@media screen and (max-width: 500px){
	#icecake-page.summer-gift .ice-list li img { width: 109px; height: 109px;}
}
@media screen and (max-width: 400px){
	#icecake-page.summer-gift .ice-list li img { width: 94px; height: 94px;}
}
@media screen and (max-width: 350px){
	#icecake-page.summer-gift .ice-list li img { width: 77px; height: 77px;}
}
@media screen and (min-width: 768px){
	.summer-gift .box2 .itembox { padding-bottom: 120px;}
	.summer-gift .itembox .column { position: relative;}
	.summer-gift .itembox .item-pricebox { position: absolute; bottom: 10px; left:0;width: 100%;}
	#icecake-page .bg-blackgrade { background-size: auto 340px;}
	.headline-red { font-size: 27px!important;}
	.bg-blackgrade h3 { font-size: 40px!important;}
}
@media screen and (min-width: 1024px){
	#icecake-page .bg-blackgrade { background-size: auto 480px;}
}
@media screen and (min-width: 1200px){
	#icecake-page .bg-blackgrade { background-size: auto 560px;}
	.magtop80 { margin-top: -120px!important;}
}

/** winter-gift ***********************************************************************/
.winter-gift .bluebox { background-color: #FC5F5E;}

/** SNS ******************************************************************************/

.snsbtns {
	width: 100%;
	clear: both;
	margin-bottom: 15px;
}

.snsbtns div {
	width: 100px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.snsbtns div.facebook {
	width: 160px;
}

.facebookcomment {
	clear: both;
	min-height: 160px;
	margin-bottom: 30px;
}

.fb-like iframe {
	max-width: none!important;
}

#pagebute {
	clear: both;
}

.pagebute {
	font-size: 16px;
}

.pagebute a,
.pagebute span {
	color: #3d3419;
	border-right: solid 1px #736357;
	line-height: 1.2;
	padding: 0px 7px 0px 7px;
}

.pagebute a {
	text-decoration: none;
}

.pagebute a:hover {
	text-decoration: underline;
}

.pagebute a.link_next {
	border-right: none;
}

.pagenavigation div.entrynext,
.pagebute a.link_next {
	background: url(/images/icn_arrow.png) no-repeat 100% 50%;
	padding-right: 14px;
}

.pagenavigation div.entryprev,
.pagebute a.link_before {
	background: url(/images/icn_arrow_l.png) no-repeat 0% 50%;
	padding-left: 14px;
}

.pagenavigation .current_page,
.pagebute .current_page {
	font-weight: bold;
}

.pagenavigation {
	width: 100%;
	margin-bottom: 30px;
}

.pagenavigation div {
	display: inline-block;
}

/** Topicpath **************************************************************************************/

.topicpath {
	font-size: 85%;
	margin-bottom: 40px;
	text-align: left;
	clear: both;
}

/** Footer *****************************************************************************************/

#footer {
	border-top: dotted 1px #9f8879;
	padding-top: 55px;
	clear: both;
}

#footer .colophon {
	width: 340px;
	margin-bottom: 45px;
	float: left;
}

#footer .colophon h2 {
	text-align: left;
}

#footer .colophon .timetable {
	margin: -10px 0px 10px;
}

#footer .colophon .timetable_change {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	background: #fff;
    border-radius: 5px;
	padding-left: 10px;
	margin: 10px 25px 0px 0px;
}

#footer .colophon table,
#footer .colophon table th,
#footer .colophon table td {
	border: none;
	text-align: left;
}

#footer .colophon table {
	width: 310px;
}

#footer .colophon table th {
	vertical-align: top;
	width: 25%;
}

#footer .colophon table td {
	width: 75%;
	font-size: 90%;
    line-height: 1.5;
}

#footer .maps {
	width: 585px;
	margin-bottom: 45px;
	float: right;
	text-align: right;
}

#footer .maps img {
/*	margin: 0px 10px 10px 0px;*/
}

/*#footer .maps img.last {
	margin-right: 0;
}*/

#footer .maps .hontenmap {
	width: 280px;
	float: left;
}
#footer .maps .tenpomap {
	width: 280px;
	font-size: 80%;
	padding-top: 55px;
	float: right;
	background: url(/images/bg_footer_tenpo.png) no-repeat 0% 0%;
}

#footer .maps .tenpomapinner {
	margin: 0 5px 15px;
	height: 240px;
	overflow-y: scroll;
}
#footer .maps .tenpomap ul li {
	margin-left: 1.5em;
	text-align: left;
}
#footer .maps .tenpomap ul li {
	list-style: square;
}
#footer .maps .tenpomap ul li ul li {
	list-style: disc;
}
#footer .maps .tenpomap ul li ul li ul li {
	list-style: circle;
}
#footer .maps .tenpomap ul li ul {
	padding: 0 0 0 10px;
	height: auto;
	overflow-y: auto;
}

#footer .maps .maplink {
	background: url(/images/icn_arrow.png) no-repeat 100% 50%;
	padding-right: 15px;
	font-weight: bold;
	font-size: 90%;
}

#footer ul.sitenav {
	font-size: 90%;
	margin-bottom: 30px;
	clear: both;
}

#footer ul.sitenav li {
	display: inline;
	line-height: 1;
	border-right: solid 1px #736357;
	padding: 0px 10px;
}

#footer ul.sitenav li.last {
	border-right: none;
}

#footer .maps .maplink a:link,
#footer ul.sitenav li a:link {
	text-decoration: none;
/*	color: #3d3419;*/
/*	color: #736357;*/
}

#footer .maps .maplink a:hover,
#footer ul.sitenav li a:hover {
	text-decoration: underline;
}

#footer p.copyright {
	font-size: 85%;
	margin-bottom: 5px;
}


#maincontents .pagebody table {
	width: 100%;
	border: none;
}

#maincontents .pagebody table th,
#maincontents .pagebody table td {
padding-bottom: 25px;
vertical-align: top;
}

#maincontents .pagebody table td.arrow {
	background: url(http://uemons.com/images/shop/shopping_img11.png) repeat-y 50% 50%;
}

#maincontents .pagebody table td.arrow-single {
	background: url(http://uemons.com/images/shop/shopping_img11.png) no-repeat 50% 0%;
}

#maincontents .pagebody table td.arrow-bottom {
	background: url(http://uemons.com/images/shop/shopping_img11.png) no-repeat 50% 100%;
	padding-bottom: 40px;
}

#maincontents .pagebody table thead th {
	text-align: center;
	vertical-align: middle;
}

#maincontents .pagebody td img {
	margin: 5px 0px;
}

#maincontents .pagebody td .memo {
	border: dotted 1px #736357;
	border-radius: 10px;
	text-align: center;
	padding: 15px;
}

#maincontents .pagebody td .memo h3 {
	margin-bottom: 10px;
}

#maincontents #postage h2#gpostprice,
#maincontents #postage h2#cpostprice {
	margin-bottom: 0;
}

#maincontents #postage h3,
#maincontents #howto h3 {
	margin-bottom: 10px;
}

#maincontents #postage ul {
font-size: 110%;
margin-bottom: 30px;
}

#maincontents #postage table {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #736357;
}

#maincontents #postage table th {
	font-weight: normal;
	border: solid 1px #736357;
	padding: 4px;
	vertical-align: middle;
	background: #fff;
}

#maincontents #postage table thead th {
	font-size: 85%;
}

#maincontents #postage table thead th.b {
	background: #ddd0c4;
}

#maincontents #postage table thead th.p {
	background: #f9dada;
}

#maincontents #postage table td {
	padding: 4px;
	border: solid 1px #736357;
	text-align: right;
	background: #fff;
}

#maincontents #postage hr {
	border: none;
	border-top: dotted 1px #736357;
	margin: 30px 0px;
}

#maincontents #postage p.summary {
	font-size: 75%;
	text-align: right;
	margin-top: -2em;
	margin-bottom: 10px;
}

#entry ul.items {
	width: 100%;
	float: left;
	list-style:none;
	margin: 0 0 30px;
}

#entry ul.items li {
	width: 139px;
	float: left;
	list-style: none;
	margin: 0px;
	height: 165px;
}

#entry .pagenav {
	margin-bottom: 30px;
}

#entry ul.items li .thumb{
	text-align: center;
	margin: 0 auto;
}

#entry ul.items li .text {
	font-size: 80%;
	width: 115px;
	margin: 0 auto;
	text-align: center;
}

#entry ul.items li .text span {
	font-size: 85%;
}

/** tooltip **/

#tooltip01,
#tooltip02,
#tooltip03,
#tooltip04 {
	padding: 5px 10px;
	background: #fff;
	border: solid 1px #fff;
	border-radius: 10px;
}

/** yomoyama **/

#blog.yomoyama #container h1,
#blog.yomoyama #container .contentslogo {
	margin-bottom: 40px;
}

#blog.yomoyama #container .article h1,
#blog.yomoyama #container .article h2.entrytitle {
	background-image: url(/images/icn_cow_y.png);
}

#blog.yomoyama #container .excerpt a {
	background-image: url(/images/icn_heart_y.png);
}

#blog.yomoyama #sidenav table td a {
	background-color: #d7a800;
}

#blog.yomoyama #container ul.articles li .thumb {
	width: 120px;
}

#blog.yomoyama #container ul.articles li .text {
	width: 533px;
}

#blog.yomoyama #container ul.articles li .text .more a:link {
	color: #d7a800;
}

#blog.yomoyama #container h1.archivetitle {
	font-size: 160%;
	text-align: left;
	border-bottom: dashed 1px #736357;
}

#blog.yomoyama #container ul.articles li .text .date {
	font-weight: normal;
}

/** index **/

#main-index .leftcolumn {
	width: 403px;
	float: left;
	margin-bottom: 30px;
}

#main-index .rightcolumn {
	width: 527px;
	float: right;
	margin-bottom: 30px;
}

#main-index #media {
	width: 403px;
}

#main-index .rightcolumn ul {
	padding: 10px 25px;
	border: dotted 2px #f8c444;
	border-top: none;
/*	width: 523px;*/
	float: left;
	background: #fff;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

#main-index .rightcolumn li {
	width: 100%;
	float: left;
	list-style: none;
	text-align: left;
	border-bottom: dashed 1px #736357;
	padding: 10px 0px;
}

#main-index .rightcolumn li:last-child {
	border-bottom: none;
}
#main-index .rightcolumn li .thumb {
	width: 140px;
	float: left;
	padding-top: 0px;
}
#main-index .rightcolumn li .thumb img {
	width: 100%;
	height: 90px;
	object-fit: cover;
}
#main-index .rightcolumn li .text {
	width: 325px;
	float: right;
	font-size: 14px;
}

#main-index .rightcolumn li .text .date {
	font-size: 90%;
	font-weight: bold;
	color: #736357;
}

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

.enquete-box {
	background: #fff;
	border-radius: 10px;
	padding: 20px;
}
.enquete-box.column-2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 30px;
}
.enquete-box.column-2 .column:nth-child(1) {
	width: 40%;
}
.enquete-box.column-2 .column:nth-child(2) {
	width: 58%;
}
.enquete-box table {
	border: solid 1px #736357;
	border-collapse: collapse;
}
.enquete-box table th {
	padding: 10px;
	border: solid 1px #736357;
	background: #ddd0c4;
}
.enquete-box table thead th { text-align: center;}
.enquete-box table td {
	padding: 10px;
	border: solid 1px #736357;
	background: #fff;
}
.enquete-box table caption {
	text-align: right;
	font-size: 90%;
}
.enquete-btn-brown {
	background: #736357;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 2px 0px;
	border-radius: 4px;
	width: 100%;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.enquete-btn-brown:hover {
	background: #8f8279;
	text-decoration: none;
}

/* xmas cake 2021 ***********************************************/

.container img {
	max-width: 100%;
	height: auto;
}
.bg-carb-white {
	overflow: hidden;
	position: relative;
}
.bg-carb-white-inner {
	background: #fff;
	min-height: 530px;
	border-bottom-right-radius: 2000px 530px;
	border-bottom-left-radius: 2000px 530px;
	margin-left: -200px;
	margin-right: -200px;
	padding-left: 200px;
	padding-right: 200px;
	z-index: 0;
}
.bg-carb-white .container {
	position: relative;
}
#icecake-page .bg-carb-white .container h1 {
	z-index: 10;
	margin-bottom: 0;
	margin-top: -530px;
}
.bg-greenxmas {
	color: #fff;
	background: #00531D url(/images/ice-cake/xmas_yuki.png) repeat-y 50% 0%;
	background-size: 100%;
	padding-bottom: 20px;
}
.bg-greenxmas h3 { font-size: 40px; font-weight: bold;}
#icecake-page #container .bg-greenxmas p { font-size: 16px; margin: 0 auto 60px; max-width: 900px;}
#icecake-page #container .bg-greenxmas .xmas-cake-box p { margin-bottom: 15px;}
.bg-blackgrade h3 { font-size: 22px; font-weight: bold;}
.headline-yellow {
	color: #FCEE21;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0.1em;
	position: relative;
}
.headline-red {
	color: #B80009;
	font-size: 21px;
	font-weight: bold;
	position: relative;
}
.bg-greenxmas-inner .headline-yellow {
	max-width: 400px;
	margin: 0 auto 20px;
}
.headline-yellow span { 
	font-size: 23px;
	display: block;
}
.magtop80 { margin-top: -80px;}
.headline-yellow:before,
.headline-red:before {
	content: "＼";
	display: inline-block;
/*	position: absolute;
	bottom: 0;
	left: -10px;*/
}
.headline-yellow:after,
.headline-red:after {
	content: "／";
	display: inline-block;
/*	position: absolute;
	bottom: 0;
	right: -10px;*/
}
.bg-redribbon { margin-top: -50px; color: #fff;}
.bg-redribbon .bg-redribbon-inner {
	border-top: solid 4px #FFC612;
	border-bottom: solid 4px #FFC612;
	background: #B80009 url(/images/ice-cake/xmas_repeat_red.png) repeat 0% 0%;
	background-size: 49px;
/*	margin-bottom: 40px;*/
	padding-bottom: 15px;
}
.gold-ribbon {
	background: url(/images/ice-cake/xmas_gold.png) no-repeat 50% 0%;
	background-size: auto 73px;
	padding: 12px 0 20px;
	font-size: 26px;
	font-weight: bold;
	margin-top: -30px;
	color: #000;
	margin-bottom: 20px;
}
.tokuten-txt { font-weight: bold; font-size: 30px; color: #fff;}
.bg-blackgrade { background: url(/images/ice-cake/bg_black.jpg) repeat-x 0% 0% #fff; background-size: auto 440px;}

.xmas-cake-box {
	background: #fff;
	border: solid 1px #AC1619;
	color: #3d3419;
}
.xmas-cake-box h2 {
	background: url(/images/ice-cake/xmas_title_bg.jpg) no-repeat 0% 0%;
	background-size: 100%;
	font-size: 23px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 12px 5px 10px 50px;
	margin: -1px -1px 0 0;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	position: relative;
	z-index: 10;
}
.xmas-cake-box p {
	line-height: 1.7;
}
.list-redbox {
	text-align: left;
	font-weight: bold;
	font-size: 17px;
}
.list-redbox li:before {
	content: "■";
	display: inline-block;
	color: #B80009;
}
#icecake-page .xmas-cake-box .btn {
	width: 100%;
	padding: 0;
}
#icecake-page .xmas-cake-box .btn a {
	background: #EC8584;
}
#icecake-page .xmas-cake-box p a {
	color: #EC8584;
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}
#icecake-page .bg-redribbon .ice-list {
	max-width: 920px;
	margin: 0 auto;
}
#icecake-page .bg-redribbon .ice-list li {
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
}
#icecake-page .bg-redribbon .ice-list li a {
	color: #fff;
}
.headline-flavor { font-size: 30px; font-weight: bold;}

.xmas-attention-box {
	background: #fff;
	max-width: 920px;
	margin: 0 auto 40px;
	color: #3d3419;
	padding: 20px;
}
.xmas-attention-box h2 {
	font-weight: bold;
	font-size: 28px;
	padding: 5px 0;
	min-height: 55px;
	color: #B80009;
	border-bottom: solid 2px #B80009;
	margin-bottom: 20px;
	position: relative;
}
.xmas-attention-box h2:before {
	content: "";
	display: block;
	width: 55px;
	height: 51px;
	background: url(/images/ice-cake/xmas_present.png) no-repeat 0% 0%;
	background-size: 100%;
	position: absolute;
	top: -5px;
	left: 0;
}
.xmas-attention-box h2:after {
	content: "";
	display: block;
	width: 55px;
	height: 51px;
	background: url(/images/ice-cake/xmas_present.png) no-repeat 0% 0%;
	background-size: 100%;
	position: absolute;
	top: -5px;
	right: 0;
}
.xmas-attention-box p {
	color: #B80009;
}
#icecake-page .xmas-attention-box p strong {
	color: #00531D;
}
#icecake-page h2.ribbon,
#icecake-page h2.cow, #icecake-page h3.cow,
#icecake-page h3.ribbon-s, #icecake-page h4.ribbon-s,
#icecake-page .icecake-box h2, #icecake-page .icecake-box h3 { font-weight: bold;}
@media screen and (min-width: 992px) and (max-width: 1200px){
	.bg-carb-white-inner { min-height: 450px;}
	#icecake-page .bg-carb-white .container h1 { margin-top: -450px;}
}
@media screen and (max-width: 768px) {
	.headline-yellow { font-size: 28px;}
	.headline-yellow span { font-size: 20px;}
	.bg-greenxmas h3 { font-size: 20px;}
	.bg-carb-white-inner { min-height: 350px;}
	.gold-ribbon { font-size: 21px; background-size: auto 62px; padding: 10px 0;}
	.tokuten-txt { font-size: 20px;}
	#icecake-page .bg-carb-white .container h1 { margin-top: -350px;}
	.bg-carb-white-inner img { width: 100%;}
	.bg-carb-white .container { padding: 0;}
	.bg-greenxmas-inner { padding-top: 0;}

	.btn { width: 100%; padding: 0;}
	
	.xmas-cake-box h2 {
		background-size: auto 40px;
		font-size: 18px;
		padding: 8px 5px 5px 40px;
	}
	.xmas-attention-box { padding: 15px;}
	.xmas-attention-box h2 { font-size: 26px; min-height: auto;}
	.xmas-attention-box h2:before {
		width: 33px;
		height: 31px;
		top: 0;
	}
	.xmas-attention-box h2:after {
		width: 33px;
		height: 31px;
		top: 0;
	}
	.headline-flavor { font-size: 23px;}
}
@media screen and ( min-width: 1200px) {
	.xmas-cake-box h2 { padding: 15px 5px 15px 60px;}
}