/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color: black; font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN",serif!important; }

h1 {font-size: 1.8em; margin: 40px 0 0 0; padding: 0 0 0 0px; }
h2 { font-size: 1.4em; line-height: 1.5em; margin-bottom: 1em; letter-spacing: 2.5px;}
h3 { font-size: 1.2em; line-height: 1.5em; margin: 5em 0 2em 0;}
h4 { font-size: 1.1em; line-height: 1.2em; }
h5 { font-size: 1em; margin: 0 0 0 0; line-height: 2em;}
h6 { font-size: 1em; }
.bold{font-weight:bold;}
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{color: #f88b94;}

h2.years{margin: -25px 0 0 0;}

.subimage h3,
.subimage_black h3 {
padding: 1em ;
margin: 0;
}

.submenu h3{
padding: 10px 0 0 0!important;
}
.submenu a:hover h3{
color: #f88b94;
}

.topic h3,
.article h3,
h2.newstitle{
margin: 10px 0 20px 0;
}
.each h3{margin: 1em 0 0.5em 0;}

#sidebar h4,.relate h4{font-size: 1.3em;margin: 35px 0 20px 0;letter-spacing: 2.5px;}

.item h4{font-size: 1em;padding-top: 15px;}
.item h4 span{display: none;}
.each h1 span{font-size: 80%;}
.namagashi h4{margin: 10px 0 0 0;}
/* Text elements
-------------------------------------------------------------- */


p           { margin: 0 0 1.5em; font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN",serif!important; line-height: 2em;text-align: left;}
/*
  These can be used to pull an image at the start of a paragraph, so
  that the text flows around it (usage: <p><img class="left">Text</p>)
 */
p.left     { float: none; text-align: left;}
p.right    { float: none; text-align: right;}

a:focus,
a:hover     { color: #f88b94; }
a           { text-decoration: none; color: black; }
a.more		{color: #f88b94;}

blockquote  { font-weight: normal; margin: 2em;font-style: normal; }
strong,dfn  { font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

.post p a,.remark a,.item-text a{color: #f88b94;}
.post p a:hover,.remark a:hover,.item-text a:hover{color: #f54d79;}


.bodycopy,.bodycopy p{ font-size: 18px; letter-spacing: 0px; color: #666; padding: 0 0em; line-height: 1.5em; margin: 30px 0; }
#bodycopy p{ font-size: 1.2em; font-weight: bold; letter-spacing: 1px; color: #555; padding: 0 0em; line-height: 2em; }

p.intro { font-size: 2em;font-weight: bold; text-shadow: 2px 2px 2px; color: #6c6c6c; }
p.introbold { font-size: 1.2em;  letter-spacing: 0px; padding: 0 0em; line-height: 2em; }
p.intromiddle { margin-bottom: 0.5em; margin-top: 0.5em; line-height: 1.5em; color: #8d8d8d; font-size: 1.2em;}
p.cautiontext{font-size: 1.3em; font-weight: bold; color: #b1084e;}

p.authorarea{text-align: right;margin-top: -22px;}

.newsdate{ font-family: Arial,Helvetica,"ヒラギノ明朝 ProN","Hiragino Mincho ProN",serif!important; margin: 0; font-size:11px; color: black;letter-spacing: 1.2px;}
.detail a{margin: 0;color: #f88b94;}
.detail a:hover{color: #f54d79;}

p.pink{color: #f88b94;}

p.remark{font-size: 12px; margin: 0;}
p.remark a{color: #f88b94;}
p.remark a:hover{color: #f54d79;}

/***********************************************
 * ルビ
 */

ruby { position: relative;}

rb{}

rt{  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  letter-spacing: 1px;
  white-space: nowrap;
  font-size: 8px;
  text-align: center;
}

rp{display: none;}

h1 rt {font-size: 12px;}
.item h4 rt,#sidebar rt,.articlenavigation rt{display: none;}

/* Lists
-------------------------------------------------------------- */

li ul,
li ol  { margin: 0; }
ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 2em; }

ul     { list-style-type: disc; }
ol     { list-style-type: decimal; }

dl     { margin: 0 0 1.5em 0; }
dl dt  { font-weight: bold; }
dd     { margin-left: 1.5em;}

#sidebar ul,
.relate ul {
font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN",serif!important;
list-style-type: none;
padding: 0;
}
.relate li{font-size: 12px;}
.underline{
text-decoration: underline;
margin-bottom: 4px;
line-height: 1.5em;
font-size: 12px;
}

li.page_item {
list-style-type: none;
}

.ui-state-hover,
.ui-state-active{
color: pink !important;
}

.namagashi ul {
margin: 0;
list-style-type: none;
padding: 0;
}

/* Tables
-------------------------------------------------------------- */

/*
  Because of the need for padding on TH and TD, the vertical rhythm
  on table cells has to be 27px, instead of the standard 18px or 36px
  of other elements.
 */
table         { margin-bottom: 1.4em; width:100%; }
th            { font-weight: bold; text-align: center;}
thead th      { background: #c3d9ff; }
th,td,caption { padding: 7px; }
/*
  You can zebra-stripe your tables in outdated browsers by adding
  the class "even" to every other table row.
 */
tbody tr:nth-child(even) td,
tbody tr.even td  {
  background: #f6f1f1;
}
tfoot       { font-style: italic; }
caption     { background: #eee; }
table,td,th {border: 1px gray solid!important;}

.each table,
.each td,
.each .th,
.each td p{border: none!important;background: white!important;text-align: center;
}

/* Misc classes
-------------------------------------------------------------- */

.small     { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large     { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide      { display: none; }

.quiet     { color: #666; }
.loud      { color: #000; }
.highlight { background:#ff0; }
.added     { background:#060; color: #fff; }
.removed   { background:#900; color: #fff; }

.first     { margin-left:0; padding-left:0; }
.last      { margin-right:0; padding-right:0; }
.top       { margin-top:0; padding-top:0; }
.bottom    { margin-bottom:0; padding-bottom:0; }


.whiteback{
background:white!important;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
background: -moz-linear-gradient(top, #ffffff, #FFFFEB);
}
.widgettitle{letter-spacing: 0px; color: #d64320; font-weight: bold; margin: 1em 0 0 0; padding: 10px 0 10px 10px;}
.pagetitle h1{margin: 0; padding: 0;}
.grid_12.whitebackgrounder{width:960px; background: white !important;border: 1px solid #fabf13; margin: 0px auto; padding:0 0 50px 0; -moz-box-shadow: 1px 1px 20px silver; -webkit-box-shadow: 1px 1px 20px silver;}
}


#respond{padding-top: 20px; margin-bottom: 3em; margin-top: 150px; border-top-color: #fd820a; border-top-width: 1px; border-top-style: solid;}

/* 商品詳細情報 */
.day_allergy p,
.kakaku p {
font-size: 12px;
}
span.bold {
font-weight: bold;
font-size: 13px;
}

/* 生菓子 */
.namagashi{margin: 80px 0;}
.namagashi a{color: #f88b94;}
.namagashi a:hover{color: #f54d79;}
.namagashi .detail{font-size: 85%; margin: 0;}

div.haiku{
font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN",serif!important;
	font-size:20px;
	line-height: 1.8em;
	margin-top: 10px;
}
div.haijin{
text-align: end;
	font-size:14px;
	margin: 1.5em 2em 0 0;
}

/* バナーテキスト */
.banner p {
margin-top: 5px;
font-size: 14px;
line-height: 1.5em;
}