@charset "UTF-8";

/* access ==============================*/

.access {
margin:7.5% 0 0 0;}
.access .left {
float:left;
width:47.0%;}
.access .right {
float:right;
width:47.0%;}
.access .left table {
margin:25px 0 0 0;
width:100%;
border-top:1px dotted #997319;}
.access .left table td {
border-bottom:1px dotted #997319;
padding:8px 0;
font-size:92%;}
.access .left table th {
border-bottom:1px dotted #997319;
padding:8px 0;
color:#997319;
font-size:92%;}

/* about ==============================*/

table.about td {
vertical-align:top;}
table.about td.ttl {
width:60px;
padding:0 20px 0 0;
border-right:1px solid #900;}
table.about td.txt {
padding:0 0 0 25px;}
table.about td .ttl01 {
margin:25px 0;
font-size:164%;
line-height:1.2;
font-weight:normal;
color:#fff;}

/* post =========================== */

.post {}
.post .ttl {
clear:both;
padding:0 0 5px 0;
font-size:180%;
line-height:1.2;
letter-spacing:-1px;
font-weight:bold;
border:none;
background:none;
margin:33px 0 5px 0;
border-bottom:2px solid #777;}
.post .date {
margin:20px 0 40px 0;
font-size:80%;
line-height:1.15;}
.post .body img {
margin-bottom:15px;}

@media only screen and (max-width:640px) {

.post .ttl {
font-size:150%;
line-height:1.2;}

}

.wp-caption {
max-width:100%;
height:auto;
border:none;
text-align:center;
background:none;
margin-bottom:30px;}
.wp-caption img {
margin:0;}
.wp-caption p.wp-caption-text {
font-size:11px;
line-height:1.5;
padding:5px;}
iframe.wp-embedded-content {
width: 100% !important;
margin:30px 0;}

/* tag ========================*/

.postmeta {
margin:0 0 15px 0;}
.postmeta a {
display:inline-block;
font-size:10px;
line-height:1.15;
margin:0 5px 5px 0;
padding:8px;
background:#777;
color:#fff;
transition:0.3s;
border-radius:5px;}
.postmeta a:hover {
color:#fff;
background:#ff8800;}

/* post_topics_l (category) ============== */

.post_topics_l {
clear:both;
margin:55px 0;}
.post_topics_l .ttl {
margin:0 0 10px 0;
font-size:130%;
line-height:1.2;
letter-spacing:-1px;
font-weight:bold;}
.post_topics_l .date {
font-size:70%;
line-height:1.2;
margin:10px 0;}
.post_topics_l .img {
margin:2px 0 0 0;
float:left;
width:120px;
text-align:center;}
.post_topics_l .img img {
box-shadow:1px 1px 2px rgba(0,0,0,0.1);}
.post_topics_l .txt {
margin:0 0 0 140px;}
.post_topics_l .txt .excerpt {
font-size:80%;
line-height:16px;
height:32px;
overflow:hidden;}
.post_topics_l .txt .more {
margin:10px 0 0 0;}
.post_topics_l .txt .more a {
display:inline-block;
font-size:80%;
line-height:1.1;
padding:0.5em 2.2em;
background:#444;
border:2px solid #444;
color:#fff;
text-align:center;
transition:all .3s;
border-radius:7px;}
.post_topics_l .txt .more a:hover {
background:#fff;
border:2px solid #444;
color:#444;}

@media only screen and (max-width:480px) {

.post_topics_l .img {
float:none;
width:75%;
margin:0 auto;
padding:7px 0 25px 0;}
.post_topics_l .txt {
margin:0 0 0 0;}

}

/* post_topics_s (single) =====================*/

.post_topics_s {}
.post_topics_s li {
padding:0 0 12px 0;
margin:0 0 12px 0;
border-bottom:1px dotted #ccc;}
.post_topics_s li a {
display:block;
line-height:1.2;}
.post_topics_s li a .date {
padding:0 0 0 13px;
background:url(../../images/bnr_post_arrow.png) no-repeat left center / 9px;
margin:0 0 9px 0;}

/* navi =========================== */

.page_navi {
margin:33px 0;
text-align:center;
font-size:0;}
.page_navi li {
display:inline-block;}
.page_navi a, .page_navi a:hover, .page_navi span {
text-decoration:none;
color:#fff;
font-size:11px;
line-height:1.15;
padding:11px;
margin:0 3px 2px 0;
background:#999;
display:block;
border-radius:3px;}
.page_navi a:hover {
color:#fff;
text-decoration:none;}
.page_navi span.dots {
background:none;
color:#333;}
.page_navi span.current {
color:#fff;
background:#333;}
.page_navi p.back {
margin:0;}
.page_navi p.back a, .page_navi p.back a:hover {
display:inline-block;
padding:11px;}

.navigation {
clear:both;
width:100%;
font-size:90%;
line-height:1.1;
text-align:center;
margin:33px 0 0 0;}

/* search ============================*/

#search_form {
width:100%;
padding:0;
background:#fff;
 box-shadow:0 0 0 1px #998877;
border-radius:4px;
line-height:0;}
#search_form .txt{
margin:0 36px 0 0;}
#search_form .s_txt {
width:100%;
color:#333;
border:0;
line-height:36px;
background:none;
padding:0 0 0 10px;}
#search_form .btn {
float:right;}
#search_form .s_btn {
background:url(../../images/i_search.png) center center no-repeat;
height:36px;
width:36px;
border:0;
overflow:hidden;}

/* COMMENTS ======================*/

#comments {
border:2px solid #D5D0C6;
padding:4%;
background:#fff;
margin:33px 0;
border-radius:5px;}
#comments ul {
padding-bottom:33px;}
#comments li {
border:1px dashed #ddd;
margin-bottom:15px;
padding:19px;
line-height:1.5;}
.comment-author {
font-size:120%;
margin:0 0 10px 0;}
.says{
display:none;}
.comment-metadata {
margin:0 0 10px 0;}
#respond {}
.comment-notes {
font-size:90%;
margin:0 0 12px 0;}
#respond img {
margin:10px 0;}
#respond input , #respond textarea {
width:100%;
font-size:16px!important;
background:#fff;
padding:0.2em;
margin:5px 0;
border:1px solid #bbb;
border-radius:5px;}
#respond input[type="submit"] {
width:auto;
font-size:14px;
-webkit-appearance:none;
background:#eadfc0;
cursor:pointer;
margin:22px 0 0 0;
padding:0.7em 1.4em;
border-style:none;
border-radius:5px;}
.comment-form-url , .form-allowed-tags {
display:none;}
#respond .required {
color:#f00;}



/* WAGASHI ===========================*/

.wagashi01 {
margin:30px 0 50px;
width:100%;
justify-content:space-between;
-ms-flex-pack:justify;}
.wagashi01 li {
width:31%;
text-align:center;
font-size:92%;
line-height:1.5;}
.wagashi01 li a .ttl01 {
font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
margin:12px 0 9px 0;
padding:0 0 5px 0;
border-bottom:1px solid #999;
font-size:196%;
line-height:1.2;
color:#333;}

.wagashi02 {
margin:15px 0 0 0;
width:100%;
justify-content:space-between;
-ms-flex-pack:justify;}
.wagashi02 li {
font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
width:22%;
text-align:center;
line-height:1.5;
padding:0 0 5px 0;
border-bottom:1px solid #999;}
.wagashi02 li img {
margin:0 0 9px 0;
border:1px solid #999;}

ul.itemImg {
margin:0 0 30px 0;
width:100%;
justify-content:space-between;
-ms-flex-pack:justify;}
ul.itemImg li {
width:31%;}
ul.itemImg li img {
margin:0 !important;}


table.wagashi-s {
margin:15px 0 40px 0;}
table.wagashi-s td {
vertical-align: top;}
table.wagashi-s td img {
margin:22px 0 15px 0;}
table.wagashi-s td.price {
font-size:92%;
padding-left:50px;}
table.wagashi-s td.price .ttl {
text-align:center;
font-weight:bold;
padding:3px 0 0 0;}

table.plist {
margin:3px 0 6px 0;
border-top: 1px solid #bbb;}
table.plist td {
font-size:84%;
padding:3px 0;
border-bottom: 1px solid #bbb;}

.genryo {
font-size:84%;
line-height:1.5;
color:#444;
margin:22px 0 0;
padding:9px 11px;
border:1px solid #CCC;
background:#FCF8F1;
border-radius:2px;}
.genryo .ttl {
margin:0 0 8px 0;
padding:0 0 4px 0;
font-size:108%;
font-weight:bold;
border-bottom:1px solid #CCC;}