@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:http://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/

/*  blog coommon
========================================================================================================
*/
/*----------------------------------------
                  blog-common
-----------------------------------------*/

article#blog div.contents-wrap section#main-contents{
  padding: 20px 0 40px 0;
}

@media print, screen and (min-width:640px) and (max-width:595px){
  article#blog div.contents-wrap section#main-contents{
   padding: 40px 2.5% 40px 2.5%;
  }
}

@media print, screen and (min-width:960px) and (max-width:1199px){
  article#blog div.contents-wrap section#main-contents{
   padding: 50px 2.5% 100px 2.5%;
  }
}

@media print, screen and (min-width:1200px) { 
  article#blog div.contents-wrap section#main-contents{
   padding: 50px 3.3% 100px 2.5%;
  }
}

article#blog div.contents-wrap aside#side-nav{
  padding: 0;
}

@media print, screen and (min-width:960px) { 
 article#blog div.contents-wrap aside#side-nav{
   padding: 50px 0 30px 2.5%;
  }
}

/*----------------------------------------
                  blog-title
-----------------------------------------*/

article#blog div.blog-title {
  position: relative;
  width:100%;
  height:200px;
}

@media print, screen and (min-width:480px) and (max-width:959px){
  article#blog div.blog-title {
    height:240px;
  }
}

@media print, screen and (min-width:960px) {
   article#blog div.blog-title {
     height:320px;
  }
}

/* -----  div  ----- */

article#blog div.blog-title div{
  width:90%;
  max-width:1200px;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}

/* -----  h1  ----- */

article#blog div.blog-title div h1{
  font-size: 20px; font-size: 2.0rem;
  font-weight: 700;
  color: #FFF;
  margin: 0;
}

@media print, screen and (min-width:640px) and (max-width:959px){  
  article#blog div.blog-title div h1{ 
    font-size: 24px; font-size: 2.4rem;
    margin: 0;
  }
}

@media print, screen and (min-width:960px) {
   article#blog div.blog-title div h1{ 
     font-size: 32px; font-size:3.2rem;
     margin: 0;
  }
}

/* -----  p  ----- */

article#blog div.blog-title div h1 + p{
  display: block;
  width:70%;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 175%;
  color: #FFF;
  margin: 15px 0 0 0;
}

@media print, screen and (min-width:640px) and (max-width:959px){  
article#blog div.blog-title div h1 + p{
  max-width: 600px;
  font-size: 1.4rem;
  margin: 20px 0 0 0;
  }
}

@media print, screen and (min-width:960px) {
article#blog div.blog-title div h1 + p{
  max-width: 600px;
  font-size:1.6rem;
  margin: 30px 0 0 0;
   }
}

/* -----  img  ----- */

article#blog div.blog-title img{
  display: block;
  width:100%;
  height:200px;
  object-fit: cover;
  object-position: 60% 50%;
}

@media print, screen and (min-width:480px) and (max-width:959px){
  article#blog div.blog-title img{
     height: 240px;
     object-fit: cover;
     object-position: 60% 50%;
  }
}

@media print, screen and (min-width:960px) {
  article#blog div.blog-title img{
    height: 320px;
    object-fit: cover;
    object-position: 80% 50%;
  }
}

/*----------------------------------------
                 blog-nav
-----------------------------------------*/

article#blog section ul.blog-nav01{
  width:90%;
  display: flex;
  flex-flow: column wrap;
  margin:0 auto 20px auto;
}

@media print, screen and (min-width:640px) and (max-width:959px){  
  article#blog section ul.blog-nav01{
    width:95%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 auto 90px auto;
  }
}

@media print, screen and (min-width:960px) {
  article#blog section ul.blog-nav01{
     width:100%;
     display: flex;
     flex-flow: row nowrap;
     justify-content: space-between;
     margin: 0 0 90px 0;
  }
}

/*-------li------*/

article#blog section ul.blog-nav01 li{
  width:100%;
  border-bottom: 1px dotted #CCC;
  text-align: left;
  padding:15px;
  margin:0;
 }

article#blog section ul.blog-nav01 li:last-child{
  border-bottom: none;
 }
 
@media print, screen and (min-width:640px) { 
 article#blog section ul.blog-nav01 li{
   position: relative;
   width:calc( ( 100% - 2px ) / 3 );
   height: 90px;
   border-bottom: none;
   text-align: center;
   padding:0;
   margin:0;
   cursor: pointer;
   transition:1s;
 }

article#blog section ul.blog-nav01 li.blog-nav01{
   background: url(/images/blog/blog-nav01-off.jpg) no-repeat 50% 50%;
   background-size: 100%;
 }

article#blog section ul.blog-nav01 li.blog-nav02{
   background: url(/images/blog/blog-nav02-off.jpg) no-repeat 50% 50%;
   background-size: 100%;
 }

article#blog section ul.blog-nav01 li.blog-nav03{
   background: url(/images/blog/blog-nav03-off.jpg) no-repeat 50% 50%;
   background-size: 100%;
 }

article#blog section ul.blog-nav01 li.blog-nav01-on,
  article#blog section ul.blog-nav01 li.blog-nav01:hover{
   background: url(/images/blog/blog-nav01.jpg) no-repeat 50% 50%;
   background-size: 100%;
 }

article#blog section ul.blog-nav01 li.blog-nav02-on,
  article#blog section ul.blog-nav01 li.blog-nav02:hover{
   background: url(/images/blog/blog-nav02.jpg) no-repeat 50% 50%;
   background-size: 100%;
 }

article#blog section ul.blog-nav01 li.blog-nav03-on,
article#blog section ul.blog-nav01 li.blog-nav03:hover{
   background: url(/images/blog/blog-nav03.jpg) no-repeat 50% 50%;
   background-size: 100%;
 }
}

article#blog section ul.blog-nav01 li a{
  width:100%;
  color: #000;
  text-decoration: none;
 }

@media print, screen and (min-width:640px) { 
  article#blog section ul.blog-nav01 li a{
    width:100%;
    color: #000;
    text-decoration: none;
    padding: 20px 0 0 0;
    position: absolute;
    left:50%;
    bottom:-35px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   transition: 1s;
  }
}

article#blog section ul.blog-nav01 li.blog-nav01:hover a,
article#blog section ul.blog-nav01 li.blog-nav01-on a{
  color: #FF8000;
}

article#blog section ul.blog-nav01 li.blog-nav02:hover a,
article#blog section ul.blog-nav01 li.blog-nav02-on a{
  color: #6CB82B;
}

article#blog section ul.blog-nav01 li.blog-nav03:hover a,
article#blog section ul.blog-nav01 li.blog-nav03-on a{
  color: #006DD9;
}

article#blog section ul.blog-nav01 li a span{
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
 }

article#blog section ul.blog-nav01 li a span::before{
  content: "";
  width:25px;
  height: 25px;
  position: absolute;
  top:50%;
  left:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
 }

article#blog section ul.blog-nav01 li.blog-nav01 a span::before,
article#blog section ul.blog-nav01 li.blog-nav01-on a span::before{
  background: url(/images/blog/blog-icon01.png) no-repeat 0 0;
 }

article#blog section ul.blog-nav01 li.blog-nav02 a span::before,
article#blog section ul.blog-nav01 li.blog-nav02-on a span::before{
  background: url(/images/blog/blog-icon02.png) no-repeat 0 0;
 }

article#blog section ul.blog-nav01 li.blog-nav03 a span::before,
article#blog section ul.blog-nav01 li.blog-nav03-on a span::before{
  background: url(/images/blog/blog-icon03.png) no-repeat 0 0;
 }


/*  side
========================================================================================================
*/

aside#side-nav div.blog-side{
	width:100%;
  margin: 0 auto;
}

@media print, screen and (min-width:960px) { 
  aside#side-nav div.blog-side{
	 width:100%;
   max-width: 320px;
   margin: 0 auto 30px 0;
  }
}

aside#side-nav div.blog-side section{
  width:100%;
  background-color: #FFF;
  padding:0;
  margin:0 auto;  
}

@media print, screen and (min-width:960px) { 
  aside#side-nav div.blog-side section{
   width:100%;
   max-width:320px;
   background-color: #FFF;
   padding:0 0 10px 0;
   margin:0 0 30px 0;  
  }
}

aside#side-nav div.blog-side img.side-ad01{
  display:block;
  margin:0 0 30px 0
}

aside#side-nav div.blog-side section h2{
  position: relative;
	width:100%;
  height: 70px;
  background: url(/common/images/guts-mark03.png) no-repeat  right 10px #313140;
}

aside#side-nav div.blog-side section h2 span{
  display: block;
  width: 100%;
  font-size: 18px; font-size: 1.8rem;
  line-height: 100%;
  text-align: center;
  font-weight: 700;
  color: #FFF;
  position: absolute;
  top:50%;
  left:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media print, screen and (min-width:960px) {
  aside#side-nav div.blog-side section h2 span{
   font-size: 20px; font-size: 2.0rem;
  }
}

aside#side-nav div.blog-side section nav{
  padding: 0 20px;
  margin:0;
}

ul.blog-side-nav01 li{
  height:50px;
  border-bottom:1px dotted #999;
  line-height:50px;
}

ul.blog-side-nav01 li:last-child{
  border-bottom:none;
  margin:0 0 10px 0;
}

ul.blog-side-nav01 li a{
  display:block;
}

ul.blog-side-nav01 li.bsn01{
  background:url(/common/images/icon03.png) no-repeat 95% 50%;
  color:#000;
  text-align:left;
  text-decoration:none;
}

ul.blog-side-nav01 li.bsn02 a{
  background-image:url(/images/blog/blog-icon01.png),url(/common/images/icon03.png);
  background-repeat:no-repeat,no-repeat;
  background-position:3px 50%,95% 50%;
  padding:0 0 0 35px;
}

ul.blog-side-nav01 li.bsn03 a{
  background-image:url(/images/blog/blog-icon02.png),url(/common/images/icon03.png);
  background-repeat:no-repeat,no-repeat;
  background-position:3px 50%,95% 50%;
  padding:0 0 0 35px;
}

ul.blog-side-nav01 li.bsn04 a{
  background-image:url(/images/blog/blog-icon03.png),url(/common/images/icon03.png);
  background-repeat:no-repeat,no-repeat;
  background-position:3px 50%,95% 50%;
  padding:0 0 0 35px;
}

li.bsn01 a,
li.bsn02 a,
li.bsn03 a,
li.bsn04 a{
  color:#000;
  text-decoration:none;
}

li.bsn01 a:hover,
li.bsn01 a.on{
  color:#DC2392;
}

li.bsn02 a:hover,
li.bsn02 a.on{
  color:#FF8000;
}

li.bsn03 a:hover,
li.bsn03 a.on{
  color:#6CB82B;
}

li.bsn04 a:hover,
li.bsn04 a.on{
  color:#006DD9;
}

aside#side-nav div.blog-side section ul.blog-item{
  width:90%;
  padding: 0 0 30px 0;
  margin: 0 auto;
}

aside#side-nav div.blog-side section ul.blog-item li{
  border-bottom:1px dotted #999;
  color:#0b0b0b;
  text-decoration:none;
  padding:15px;
  line-height:150%;
}

aside#side-nav div.blog-side section ul.blog-item li a{
  color:#0b0b0b;
}

aside#side-nav div.blog-side section ul.blog-item li a:hover{
  color:#00A3D8;
  text-decoration:none;
}

/*----------------------------------------
              shop profile
-----------------------------------------*/

aside#side-nav div.blog-side section.shop-profile{
  width:90%;
  position:relative;
  border:1px solid #CCC;
  padding:0 0 30px 0;
  margin:30px auto;
}

@media print, screen and (min-width:960px) { 
  aside#side-nav div.blog-side section.shop-profile{
    width:100%;
    padding:0 0 10px 0;
    margin:0 0 30px 0;
  }
}

aside#side-nav div.blog-side section.shop-profile h1{
  height:auto;
  background:none;
  font-size:16px; font-size:1.6rem;
  font-weight:bold;
  line-height:130%;
  color:#6CB82B;
  text-align:left;
  padding:20px 10px 10px 20px;
  margin:0;
}

aside#side-nav div.blog-side section.shop-profile p{
  font-size:14px; font-size:1.4rem;
  line-height:150%;
  padding:0 20px;
  margin:0 0 15px 0;
}

aside#side-nav div.blog-side section.shop-profile img{
  display:block;
  width:100%;
  height: 180px;
  object-fit: cover;
}

@media print, screen and (min-width:960px) { 
  aside#side-nav div.blog-side section.shop-profile img{
   display:block;
   width:100%;
   height: 180px;
   object-fit: cover;
  }
}

aside#side-nav div.blog-side section.shop-profile a{
  display:inline-block;
  line-height:130%;
  color:#00A3D8;
  margin:0 20px 8px 20px;
}

aside#side-nav div.blog-side section.shop-profile p > a{
  margin:0;
}

/*----------------------------------------
              calender
-----------------------------------------*/

aside#side-nav div.blog-side div.calendar{
  width:100%;
  padding:0;
  margin:30px 0;
}


div.calendar table#wp-calendar{
  width:100%;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
}


div.calendar table#wp-calendar caption{
  height:35px;
  background-color:#0b0b0b;
  color:#FFF;
  line-height:35px;
}


div.calendar table#wp-calendar thead tr{
  height:30px;
  background-color:#F4F4F4;
  color:#0b0b0b;
  line-height:30px;
}

div.calendar table#wp-calendar tbody td{
  height:20px;
  font-size:12px; font-size:1.2rem;
  line-height:20px;
  text-align:center;
}

div.calendar table#wp-calendar tbody td a{
  text-decoration:none;
}

div.calendar table#wp-calendar tbody td a:hover{
  display:block;
  background-color:#F8D3E9;
}

div.calendar table#wp-calendar tfoot td{
  padding:15px 0;
  text-align:center;
}


/* index
========================================================================================================
*/

/*----------------------------------------
               blog list
-----------------------------------------*/

article#blog section div.blog-list{
  width:90%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 article#blog section div.blog-list{
   width:100%;
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   padding:0 0 10px 0;
   margin:0;
 }
}
/*------ div------*/

section div.blog-list div{
  width:48%;
  border:1px solid #CCC;
  padding:0 0 10px 0;
  margin:0 0 15px 0;
}

@media print, screen and (min-width:960px) { 
  section div.blog-list div{
   width:calc( ( 100% - 40px) / 3 );
   padding:0 0 20px 0;
   margin:0 20px 10px 0;
  }
  section div.blog-list div:nth-child(3n){
   margin:0 0 10px 0;
  }
}

/*------ img------*/

section div.blog-list div a.blog-photo{
  width:100%;
  height:168px;
  overflow:hidden;
}

section div.blog-list div a.blog-photo img{
  /*max-height:168px;*/
  width:100%;
  height: 168px;
  object-fit: cover;
  overflow:hidden;
}

/*------ h3------*/

section div.blog-list div h3{
  height:55px;
  position:relative;
  line-height:130%;
  font-size:14px; font-size:1.4rem;
  font-weight:normal;
  padding:15px 10px 0 10px;
  margin:0 0 25px 0;
}

section div.blog-list div h3 img{
  position:absolute;
  top:-12px;
  right:5%;
}

section div.blog-list div h3 a{
  color:#0b0b0b;
  text-decoration:none;
}

section div.blog-list div h3 a:hover{
  color:#999;
}


@media print, screen and (min-width:960px) { 
 section div.blog-list div h3{
  min-height:55px;
  line-height:130%;
  padding:20px 10px;
 }
}

/*------ p ------*/

section div.blog-list div p{
  font-size:12px; font-size:1.2rem;
  padding:0 10px;
}

p.b-shop{
  margin:5px 0 0 0;
  line-height:130%;
}

/*----------------------------------------
              shop-info
-----------------------------------------*/

/*------ div ------*/

article#blog section div.shop-info{
  width:100%;
  padding:0;
  margin:0;
}

@media print, screen and (min-width:960px) { 
 article#blog section div.shop-info{
  width:100%;
 }
}


article#blog section div.shop-info div{
  line-height:160%;
  margin:0;
}

@media print, screen and (min-width:960px) { 
 article#blog section div.shop-info div{
  margin:0 0 30px 0;
 }
}

/*------ p ------*/

article#blog section div.shop-info div p{
  line-height:160%;
  margin:20px 10px;
}

@media print, screen and (min-width:960px) { 
 article#blog section div.shop-info div p{
  line-height:160%;
  margin:0 0 20px 0;
 }
}

/*------a ------*/

article#blog section div.shop-info div a.s-link{
  display:inline-block;
  margin:0 10px 0 0; 
}

/*------photo ------*/

article#blog section div.shop-info div.shop-photo{
  padding:10px 10px 0 10px;
}

@media print, screen and (min-width:960px) { 
 article#blog section div.shop-info div.shop-photo{
  padding:0 30px 0 0;
 }
}

/*------ul ------*/

article#blog section div.shop-info ul{
  margin:15px 0 0 0;
}

@media print, screen and (min-width:960px) { 
 article#blog section div.shop-info ul{
  border-bottom:1px dotted #777;
  margin:0;
 }
}


/*------li------*/

article#blog section div.shop-info ul li{
  height:50px;
  border-top:1px dotted #777;
  line-height:50px;
  padding:0;
}

article#blog section div.shop-info ul li a{
  display:block;
  color:#0b0b0b;
  text-decoration:none;
  padding:0 0 0 45px;
}

article#blog section div.shop-info ul li#gourmet a{
  background:url(/images/blog/blog-icon01.png) no-repeat 10px 50%;
}

article#blog section div.shop-info ul li#drive a{
  background:url(/images/blog/blog-icon02.png) no-repeat 10px 50%;
}

article#blog section div.shop-info ul li#spot a{
  background:url(/images/blog/blog-icon03.png) no-repeat 10px 50%;
}


article#blog section div.shop-info ul li#gourmet a:hover{
  color:#FF8000;
}

article#blog section div.shop-info ul li#drive a:hover{
  color:#6CB82B;
}

article#blog section div.shop-info ul li#spot a:hover{
  color:#006DD9;
}


/* blog article
========================================================================================================
*/

article#blog section div#blog-contents{
  width:95%;
  border:5px solid #F4F4F4;
  padding:20px 10px;
  margin:0 auto 30px auto;
}

@media print, screen and (min-width:960px) { 
 article#blog section div#blog-contents{
   width:100%;
   border:5px solid #F4F4F4;
   padding:25px 20px 40px 20px;
   margin:0 0 30px 0;
 }
}

article#blog section div#blog-contents div.b-wrap{
  width:100%;
  border-top:1px dotted #777;
  padding:10px 10px 0 10px;
  margin:0;
}

@media print, screen and (min-width:960px) { 
 article#blog section div#blog-contents div.b-wrap{
  width:95%;
  border-top:1px dotted #777;
  padding:10px 0 0 0;
  margin:0 auto;
 }
}

article#blog section div#blog-contents div.b-wrap div.share{
  margin:5px 0 15px 0;
}

@media print, screen and (min-width:960px) { 
  article#blog section div#blog-contents div.b-wrap div.share{
   display: flex;
   flex-flow: row wrap;
   margin:10px 0 30px 0;
	}
}

article#blog section div#blog-contents div.share02{
  margin:10px 0 0 10px;
}

@media print, screen and (min-width:960px) { 
  article#blog section div#blog-contents div.share02{  
   display: flex;
   flex-flow: row wrap;
   margin:30px 0 0 20px;
	}
}

div#blog-contents  a{
  color:#00A3D8;
  text-decoration:underline;
}

div#blog-contents  a:hover{
  color:#00A3D8;
  text-decoration:none;
}

/*========= h1 =========*/

article#blog section div#blog-contents h1{
  width:100%;
  font-size:20px; font-size:2.0rem;
  background-color: inherit;
  background-image: none;
  line-height:130%;
  color:#0b0b0b;
  padding:0;
  margin:0 10px;
}

@media print, screen and (min-width:960px) { 
 article#blog section div#blog-contents h1{
  font-size:28px; font-size:2.8rem;
  line-height:130%;
  color:#0b0b0b;
  padding:0 20px;
  margin:20px auto 30px auto;
 }
}

/*========= h2 =========*/

article#blog section h2{
  width:90%;
  font-size:18px; font-size:1.8rem;
  color:#6DB82B;
  line-height:20px;
  padding:0 0 15px 0;
  margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 article#blog section h2{
  width:100%;
  font-size:24px; font-size:2.4rem;
  line-height:24px;
  padding:0;
  margin:0 0 15px 0;
 }
}

article#blog section div#blog-contents p#date{
  font-size:11px; font-size:1.1rem;
  line-height:150%;
  padding:0;
  margin:15px 0 15px 10px;
}

@media print, screen and (min-width:960px) { 
 article#blog section div#blog-contents p#date{
  font-size:14px; font-size:1.4rem;
  padding:0 0 0 20px;
  margin:10px 0 15px 0;
 }
}

article#blog section div#blog-contents p#date span{
  margin:0 3px;
}

@media print, screen and (min-width:960px) { 
 article#blog section div#blog-contents p#date span{
  margin:0 10px;
 }
}

article#blog section div#blog-contents a.category{
  height:25px;
  display:inline-block;
  line-height:25px;
  padding:0 0 0 30px;
  margin:0 0 10px 10px;
}

@media print, screen and (min-width:960px) { 
 article#blog section div#blog-contents a.category{
  padding:0 0 0 30px;
  margin:0 0 15px 20px;
 } 
}


div#blog-contents a#gourmet{
  background:url(/images/blog/blog-icon01.png) no-repeat 0 0;
  color:#0b0b0b;
}

div#blog-contents a#gourmet:hover{
  color:#FF8000;
}

div#blog-contents a#drive{
  background:url(/images/blog/blog-icon02.png) no-repeat 0 0;
  color:#0b0b0b;
}

div#blog-contents a#drive:hover{
  color:#6CB82B;
}

div#blog-contents a#spot{
  background:url(/images/blog/blog-icon03.png) no-repeat 0 0;
  color:#0b0b0b;
}

div#blog-contents a#spot:hover{
  color:#006DD9;
}


/*========= b-wrap =========*/


/*----- h2 -----*/

div#blog-contents div.b-wrap h2{
  font-size:20px; font-size:2.0rem;
  color:inherit;
  line-height:130%;
  margin:0 0 10px 0;
}


/*----- h3 -----*/

div#blog-contents div.b-wrap h3{
  font-size:18px; font-size:1.8rem;
  line-height:130%;
  margin:0 0 10px 0;
}

/*----- h4 -----*/

div#blog-contents div.b-wrap h4{
  font-size:16px; font-size:1.6rem;
  line-height:130%;
  margin:0 0 10px 0;
}


/*----- p -----*/

div#blog-contents div.b-wrap p{
  line-height:200%;
  margin:0 0 25px 0;
}

/*----- img -----*/

div#blog-contents div.b-wrap img{
  display:inline-block;
  height: auto;
  margin:0 auto 25px auto;
}

div#blog-contents div.b-wrap p img{
  width:100%;
  margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 div#blog-contents div.b-wrap img{
  display:inline-block;
  margin:0 auto 25px auto;
 }
 
 div#blog-contents div.b-wrap p img{
  display:block;
  margin:0 auto;
 }
}

/*----- ul -----*/

div#blog-contents div.b-wrap ul{
  list-style: disc;
  line-height:150%;
  padding:0 0 0 20px;
  margin:0 0 25px 0;
}

/*----- ol -----*/

div#blog-contents div.b-wrap ol{
  list-style: decimal;
  line-height:150%;
  padding:0 0 0 20px;
  margin:0 0 25px 0;
}

/*----- li -----*/

div#blog-contents div.b-wrap li{
  margin:0 0 10px 0;
}

/*----- table -----*/

div#blog-contents div.b-wrap table{
  max-width:100%;
  line-height:130%;
  margin:0 0 25px 0;
}

div#blog-contents div.b-wrap table tbody{
  border-top:1px solid #000;
  border-right:1px solid #000;
}

div#blog-contents div.b-wrap table tr {
  border-bottom:1px solid #000;
}

article#blog section div#blog-contents div.b-wrap table td{
  padding:5px;
  border-left:1px solid #000;
}

@media print, screen and (min-width:960px) { 
 div#blog-contents div.b-wrap table td{
  padding:10px;
 }
}


/*========= a =========*/




/*----------------------------------------
              blog-info
-----------------------------------------*/

div.blog-info{
  padding:15px 10px;
  margin:0;
}

@media print, screen and (min-width:960px) { 
 div.blog-info{
  padding:15px 20px 0 20px;
  margin:0;
 }
}

div#blog-contents div.blog-info h2{
  width:100%;
  height:40px;
  background-color:#F4F4F4;
  font-size:13px; font-size:1.3rem;
  color:#0b0b0b;
  text-align:center;
  line-height:40px;
  margin:0;
}

@media print, screen and (min-width:960px) { 
 div#blog-contents div.blog-info h2{
  font-size:1.6rem;
  margin:0 0 20px 0;
 }
}

div#blog-contents div.blog-info h2 span#gourmet{
  display:inline-block;
  background:url(/images/blog/blog-icon01.png) no-repeat 0 50%;
  padding:0 0 0 33px;
}

div#blog-contents div.blog-info h2 span#drive{
  display:inline-block;
  background:url(/images/blog/blog-icon02.png) no-repeat 0 50%;
  padding:0 0 0 33px;
}

div#blog-contents div.blog-info h2 span#spot{
  display:inline-block;
  background:url(/images/blog/blog-icon03.png) no-repeat 0 50%;
  padding:0 0 0 33px;
}

div.blog-info dl{
  width:100%;
  margin:10px auto 0 auto;
  font-size:12px; font-size:1.2rem;
}

@media print, screen and (min-width:960px) { 
 div.blog-info dl{
  width:600px;
  margin:0;
  font-size:14px; font-size:1.4rem;
 }
}

div.blog-info dl dt{
  min-height:20px;
  line-height:20px;
  font-weight:bold;
  padding:0;
  margin:0;
}

@media print, screen and (min-width:960px) { 
 div.blog-info dl dt{
  width:155px;
  min-height:20px;
  float:left;
  padding:5px 5px 5px 15px;
  margin:0 0 5px 0;
 }
}

div.blog-info dl dd{
  min-height:20px;
  line-height:20px;
  padding:0;
  margin:0;
}

@media print, screen and (min-width:960px) { 
 div.blog-info dl dd{
  width:440px;
  min-height:20px;
  float:left;
  padding:5px 10px 5px 0;
  margin:0 0 5px 0;  
 }
}

article#blog section div.no-article{
  width:100%;
  border:none;
  font-size:18px; font-size:1.8rem;
  line-height:130%;
  text-align:center;
  margin:30px 0 70px 0;
}


@media print, screen and (min-width:960px) { 
 article#blog section div.no-article{
  width:100%;
  border:none;
  font-size:30px; font-size:3.0rem;
  text-align:center;
  margin:50px 0 150px 0;
 }
}