@charset "utf-8";
/* -------------------------------------
     Site CSS
 (c) Copyright 2006 Sketches of Design
     version 2006-09-01
------------------------------------- */


/*  1024
--------------------------------------*/
@media screen and (max-width: 1024px) {





}
/*  980
--------------------------------------*/
@media screen and (max-width: 980px) {

*{
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
}

img{
  max-width: 100%;
  height: auto;
  width /***/:auto;
}
#content h2{
  font-size: 163%;
}
#content div#articles div.inner,
body.report #content p.interviewer,
#content #articles .item,
#onigiri-idx #topics .item,
#onigiri-idx div#articles div.inner,
.media #sf-list ul,
#share-area ul,
#share-area div.CFX,
.article .comment,
.article #lead-area p.lead,
.media div.main-pic p.name,
.article #lead-area #title-area,
#content #articles .item,
#onigiri-idx .block .item,
#onigiri-idx .block div.inner,
#onigiri-idx .block div.inner{
  width: auto;
  height: 100%;
}
#onigiri-idx .block .item{
  position: relative;
  float: none;
  display: block;
}
#content #articles .pic,
#onigiri-idx #topics .tag{
  margin: 0;
  padding: 0;
}
#sidearea ul.link li a,
#onigiri-idx .block .inner{
  padding: 0 10px;
}
.media div.main-pic p.name{
  padding: 0 15px;
}
#share-area,
.media #media-comment,
.article #lead-area{
  padding: 15px;
}
#onigiri-idx #topics .item{
  min-height: 142px;
}
#onigiri-idx .block .item{
  margin: 20px auto 0 auto !important;
  box-sizing: border-box;
  padding-bottom: 25px;
}
#content #articles .item{
  min-height: 200px;
  padding-bottom: 25px;
}
#onigiri-idx #topics .tag,
.article #content .tag{
  text-indent: 0 !important;
  color: #fff;
  font-size: 75%;
  text-align: center;
}
#onigiri-idx #topics .tag{
  width: 200px;
  height: auto;
  height: 25px;
  line-height: 25px;
}
.article #content .tag{
  top: 15px;
  left: 15px;
  margin: 0;
  width: 100px;
  height: 30px;
  line-height: 30px;
}
.article.arts #content .tag,
#onigiri-idx #topics .arts .tag{
  background: #ba2233;
}
.article.lite #content .tag,
#onigiri-idx #topics .lite .tag{
  background: #02734a;
}
.article.econo #content .tag,
#onigiri-idx #topics .econo .tag{
  background: #3163cc;
}
.article.guide #content .tag,
#onigiri-idx #topics .guide .tag{
  background: #1e1f1e;
}
.article.liter #content .tag,
#onigiri-idx #topics .liter .tag{
  background: #02734A;
}
#content .block .pic{
  position: absolute;
  margin: 25px 0 0 0;
}
#onigiri-idx #topics ul li img{
  margin: 0;
}
#content #articles .name{
  text-align: left;
  margin: 0;
}
#content #articles .name,
#content #articles .text,
#content #articles .title,
#onigiri-idx #content .block .name,
#onigiri-idx #content .block .text,
#onigiri-idx #content .block .title{
  margin: 0 !important;
  padding: 10px 10px 0 210px !important;
}
#onigiri-idx .block .title{
  font-size: 119%;
}
#onigiri-idx .block .sns ul{
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 0;
  height: 25px;
}
#onigiri-idx .block .sns ul li{
  font-size: 100%;
}
.article #lead-area #title-area{
  margin: 0 0 30px 0;
}
.article #lead-area p.lead{
  margin: 0 0 10px 0;
}
#content #articles .pic,
#onigiri-idx .block .pic{
  box-sizing: border-box;
  width: 200px !important;
}
#onigiri-idx #content .main-pic,
.article #content .main-pic{
  height: 400px;
}
.media #content .main-pic{
  height: 320px;
}
.media #content div.main-pic img{
  width: 300px;
  height: 300px;
}
.article #lead-area .name-area{
  margin: 10px 0 15px 0;
}
.article #lead-area .name-area li{
  height: 25px !important;
  line-height: 25px !important;
}
.article #lead-area .name-area .name em{
  font-size: 125%;
}
.article #lead-area h1{
  font-size: 150%;
}
.article #lead-area .name-area .date{
  font-size: 107%;
}
.article .comment dl dt{
  width: 100px;
}
.article .comment dl dd{
  margin: -84px 0 0 100px;
  padding: 20px;
}
#share-area .pic{
  margin: 0 20px 0 0;
  width: 130px;
  height: 130px;
}
#share-area .text{
  text-align: left;
  margin: 30px 0 15px !important;
}
.media #sf-list p.fLeft{
  width: 80px;
}
.media #sf-list{
  padding: 30px 15px 60px 15px;
}
.media #sf-list h2{
  margin: 0 0 20px 0;
}

/*  report
/////////////////////////////////////////// */



.report #content #content-inner{
  position: relative;
  padding: 15px;
  width: auto;
}
.report #content .comment,
.report #content .comment .inner{
  box-sizing: border-box;
}
.report #content .inner .comment p{
  padding: 10px;
}
.report #content .inner,
.report #content p.text{
  width: auto;
}
.report #content .map iframe{
  margin: 0;
  box-sizing: border-box;
  width: 100%;
}
#arts-20170802-01 #content .comment-01 .inner{
  left: 5%;
  margin: -60px 0 0 0;
  width: 90%;
}
#arts-20170802-01 #content .comment-02{
  margin-top: 40px;
}
#arts-20170802-01 #content .comment-02 .inner{
  top: -20px;
  left: 20px;
  margin: 0;
  width: 40%;
}
#arts-20170802-01 #content .map-02 iframe{
  padding-right: 300px;
}

body.report #content dl,
body#econo-20170802-01 #content .curry{
  width: auto !important;
}
body#econo-20170802-01 #content .curry h3 br{
  display: none;
}
body#econo-20170802-01 #content .curry .image{
  position: static;
}
body#econo-20170802-01 #content .curry .comment{
  width: auto;
  margin: 0 0 20px 0;
  min-height: auto;
}
body#econo-20170802-01 #content .curry .info .inner,
body#econo-20170802-01 #content .curry .info .material{
  float: none;
  display: block;
  width: auto;
  min-height: auto;
}
body#econo-20170802-01 #content .curry .comment h3{
  position: static;
  margin-left: 0;
  padding: 20px 0 20px 75px;
  line-height: normal;
}

body.report #content .comment img{
  width: 100px !important;
  height: auto;
}
body#arts-20170802-01 #content #lv02-01 img{
  width: 100% !important;
  height: auto;
}



/* guide - album */
#guide-album #lv02-01 h2{
  margin-top: 20px;
}
#guide-album #lv02-01 p.image{
  position: static;
  width: 100%;
}
#guide-album #lv02-01 p.image img{
  width: auto !important;
  height: auto !important;
}
#guide-album #lv02-01 .info{
  margin: 0;
}



/*  Youtube
--------------------------------------*/

.video-container{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.video-container iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}
.youtube{
  background: #fff;
}







}
/*  768
--------------------------------------*/
@media screen and (max-width: 768px) {

#sidearea{
  width: 100%;
  height: 60px;
}
#sidearea #b-logo{
  margin: 10px 0 0 0;
  border: none;
  text-align: center;
  height: 40px;
}
#sidearea #b-logo a,
#sidearea #b-logo img{
  margin: 0 auto;
  width: 197px;
  height: 40px;
}
#footer,
#content{
  padding: 0;
}
#content{
  font-size: 86%;
}
#switchBtnArea #switchBtn{
  position: fixed;
}
p.fLeft{
  margin: 0 1em 0.5em 0;
}
p.fRight{
  margin: 0 0 0.5em 1em;
}

/**/
#onigiri-idx #content .main-pic,
.article #content .main-pic{
  margin: 60px 0 0 0 !important;
  height: 200px;
}
.media #content div.main-pic{
  height: 220px;
}
.media #content div.main-pic img{
  width: 200px;
  height: 200px;
}
.article #lead-area #title-area{
  padding: 15px;
}

/*  report
/////////////////////////////////////////// */


.report #content .inner p.image{
  width: 33.333%;
  height: auto;
}
.report #content .inner p.image img{
  width: auto;
  height: auto;
}
.report #content .pic p.image{
  margin: 0;
  width: 48% !important;
}
.report #content .video p.image{
  width: auto;
}
.report #content .pic p.fLeft{
  margin: 0 2% 0 0;
}

#econo-20170802-01 #content dl dd{
  padding: 10px 10px 5px 10px;
  min-height: 45px;
}
#econo-20170802-01 #content .curry{
  padding: 15px;
}
#econo-20170802-01 #content .curry .comment{
  padding: 60px 10px 5px 10px;
}
#econo-20170802-01 #content .curry .info .material{
  margin-bottom: 10px;
  padding: 10px 10px 5px 10px;
}
#econo-20170802-01 #content .curry .info{
  padding: 10px;
}

#arts-20171013-01 #content .tel p.image{
  float: none;
  display: block;
  margin-right: 0;
  width: auto;
  text-align: right;
}
#arts-20171013-01 #content .tel img{
  width: auto;
  height: auto;
}
#arts-20171013-01 #content .tel .text{
  padding-top: 0;
}



/* sidemenu - release */

#rwdMenuWrap div.album{
  border-bottom: 1px solid #ccc;
  padding: 20px 0 10px 0;
  text-align: center;
  font-size: 87%;
}
#rwdMenuWrap div.album p.image{
  margin: 0 auto 0.5em auto;
  width: 120px;
  height: 120px;
}
#rwdMenuWrap div.album p.title{
  letter-spacing: -0.05em;
}
#rwdMenuWrap div.album p.image img{
  max-width: 100%;
  height: auto;
  width /***/:auto;
}
#rwdMenuWrap div.album p.nav{
  text-align: center;
}
#rwdMenuWrap div.album p.nav a,
#rwdMenuWrap div.album p em{
  color: #1e1f1e;
}

}
/*  480
--------------------------------------*/
@media screen and (max-width: 480px) {

#header ul{
  padding: 5px 10px;
}
#header ul li{
  font-size: 100%;
  width: 30px;
}
#header ul li.home{
  margin: 0 5px 0 0;
  padding: 0 20px 0 0;
}

#onigiri-idx #topics .pic,
.article .comment dl dd{
  margin: 0;
}
#share-area .pic,
#share-area ul{
  float: none;
  display: block;
}
#onigiri-idx #content #content .main-pic,
.article #content .main-pic{
  height: 200px;
}
#onigiri-idx #content #topics .tag{
  width: 100px;
}
#onigiri-idx #content #topics .pic{
  position: static !important;
  width: 100% !important;
  height: auto !important;
}
#content #articles #topics .name,
#content #articles #topics .text,
#content #articles #topics .title,
#onigiri-idx #content #topics .name,
#onigiri-idx #content #topics .text,
#onigiri-idx #content #topics .title{
  padding: 10px 10px 0 10px !important;
}
#content #articles .pic{
  width: 150px !important;
  padding: 0 !important;
}
#content #articles .name,
#content #articles .text,
#content #articles .title{
  padding: 10px 10px 0 160px !important;
}
.article #lead-area #title-area{
  padding: 35px 15px 15px 15px;
}
.article .comment dl dt{
  width: 80px;
}
.article .comment dl dd,
#share-area,
#share-area .CFX{
  padding: 15px;
}
#share-area ul{
  width: 100%;
}
#share-area ul ul{
  padding: 0 !important;
}
#share-area .pic{
  margin: 0 auto;
  border: none;
}
#share-area .text{
  text-align: center;
  margin: 10px 0 !important;
}
.media #sf-list p.fLeft{
  width: 50px;
}



/*  report
/////////////////////////////////////////// */

.report #content .comment .inner p{
  padding: 10px;
}
.report #content .map iframe{
  padding: 0 0 50px 0 !important;
}
.report #content .map p.image{
  left: 50%;
  right: auto;
  bottom: 10px;
  margin: 0 0 0 -50px;
  width: 100px;
}
.report #content .map p.image img{
  margin: 0;
  width: 100px;
  height: 100px;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
}
#arts-20170802-01 #content .comment-01 .inner{
  margin-top: -25px;
  padding-top: 13px;
}
#arts-20170802-01 #content .comment-02{
  margin-top: 90px;
}
#arts-20170802-01 #content .comment-02 .inner{
  top: -70px;
  left: 5px;
  padding-bottom: 13px;
}
#econo-20170802-01 #content .curry .info table tr td{
  display: block;
  float: left;
  box-sizing: border-box;
  width: 33.333%;
  height: 4em;
  font-size: 87%;
}
#econo-20170802-01 #content .curry .info table tr th{
  display: none;
}
#econo-20170802-01 #content .curry .info table tr th.nutrition,
#econo-20170802-01 #content .curry .info table tr td span{
  display: block;
}
#econo-20170802-01 #content h1 br{
  display: none;
}
#econo-20170802-01 #content dl dt img{
  width: 40px;
  height: 40px;
}
#econo-20170802-01 #content dl dd.kaseki{
  margin-left: 40px;
}
#econo-20170802-01 #content dl dd.yuhi{
  margin-right: 40px;
}
#econo-20170802-01 #content dl dd{
  min-height: auto;
}
#econo-20170802-01 #content .comment dl dd{
  margin: 0;
}


/* guide - album */

#guide-album #lv02-01 .track ol{
  margin-left: 2em;
}
#guide-album #lv02-01 .track ol li{
  float: none;
  margin-bottom: 0.5em;
  width: auto;
}
#guide-album #lv02-01 .lv03-03 ul.lv02 li,
#guide-album #lv02-01 .lv03-03 .lv04-01 ul li{
  margin-bottom: 0.5em;
  min-height: 3em;
}
#guide-album #lv02-01 .live dl dt{
  position: static;
}
#guide-album #lv02-01 .live dl dd{
  padding: 0;
}
#guide-album #lv02-01 p.nav{
  width: auto;
}



#content #articles .pic{
  position: static !important;
  width: 100% !important;
}
body.report #content #articles .name,
body.report #content #articles .text,
body.report #content #articles .title,
body#onigiri-idx #content #articles .name,
body#onigiri-idx #content #articles .text,
body#onigiri-idx #content #articles .title{
  padding: 10px 10px 0 10px !important;
}

}
/*  320
--------------------------------------*/
@media screen and (max-width: 320px) {



/*
#{
	background-size: 20px 20px !important;
	-webkit-background-size: 20px 20px !important;
	-moz-background-size: 20px 20px !important;
	-ms-background-size: 20px 20px !important;
	-o-background-size: 20px 20px !important;
}

*/

}