@charset "utf-8";
/* CSS Document */
.clear{clear:both}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {  min-height: 1px;}
h1,h2,h3,h4,h5{font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"}
* html .clearfix { height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.textcenter{text-align: center;}
.spotwrap{background-image: url("images/spotbg.png")!important;padding-bottom: 20px!important}
.spotwrap h2{background-image: url("images/sp-titlebg.png")!important;background-position: bottom left!important; background-repeat: repeat-x!important; color: #fff!important;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"!important;font-weight: normal!important;border-radius: 5px; text-align: center}
.spotwrap h2::before {/*content: "\f041";  font-family: "FontAwesome";  line-height: 1;color: #fff;margin: 0px 10px 0 0;*/}
.spotwrap h2::after {  content: "\f103";  font-family: "FontAwesome";  font-size: 26px;  line-height: 1;color: #fff;text-align: centr!important;margin: 0px auto; display: block}
.og-wrap{ background-image: url("images/og-bg.gif")!important; padding-bottom: 20px!important}
.og-content{width: 33.3%!important; margin: 0 0 0 0; float: left!important; padding: 0 10px 10px 10px;}
h2.og-title{background-image: url("images/og-titlebg.gif")!important;background-position: bottom left!important; background-repeat: repeat-x!important; color: #fff!important;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"!important;font-weight: normal!important;border-radius: 5px}
.og-content h3{border: none; background-color: #5a77a8!important; color: #fff!important; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"!important;font-weight: normal!important;border-radius: 5px}
.og-content img{border-radius: 20px!important}
.og-content .wp-caption{background-color: #fff!important;border-radius: 10px}
.og-content p{line-height: 1.1em; min-height: 50px}
.og-content p.wp-caption-text{line-height: 1.1em;font-size: 14px;min-height: 16px}


body{width: 100%; max-width: 1440px!important; margin: 20px auto}
.entry-content{background-image:url("images/contents-wrap-bg.png");background-position: top center;background-repeat: repeat-y;background-size:contain;}
.home .entry-content{background-image:none!important }
.entry-header,.archive-header{}
.entry-title,.archive-title {background-image:url("images/h1bg.png");background-position: top center; background-repeat: no-repeat;min-height: 240px;position: relative; font-size: 42px!important; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"!important;font-weight: bolder;line-height: 1.2em;  text-shadow:3px 3px 9px #ffffff,0 0 1em #ffffff,0 0 0.2em #ffffff;  text-align: center!important; padding-top: 100px}
h1.shoptitle{font-size: 28px; text-align: center;margin: 70px 0 40px 0}
.fa-folder-open::before {  content: "";}
.ml-slider{margin: 30px 0 0 0!important}
.metaslider img{border-radius: 22px!important}
#main{ background-color:#F7F7F1;width: 100%; max-width: 1440px!important;/* margin: 20px auto */}
#header-in{background-image: url("images/logo1.png"); background-position: left center; background-repeat: no-repeat; /*padding:0 0 0 60px!important; margin: 0 0 0 0!important; min-height: 60px*/}
#header-in .site-name-text{font-size: 16px!important; padding: 0 0 0 0!important; margin: 0 0 0 30px!important; }
#header-in .tagline{font-size: 16px!important; padding: 0 0 0 2em!important;margin: -5px 0 0 30px!important ; display: block }
.instmark{float: right!important; display: inline-block; position:relative;margin: -55px 26px 0 20px;width: 44px!important; height: 44px!important;}
#navi-in ul{margin-right: 60px}
#navi-in ul li.tmenu01,#navi-in ul li.tmenu02,#navi-in ul li.tmenu03,#navi-in ul li.tmenu04,#navi-in ul li.tmenu05{background-position: left center; background-repeat: no-repeat;padding-left: 10px;}
#navi-in ul li.tmenu01 a,#navi-in ul li.tmenu02 a,#navi-in ul li.tmenu03 a,#navi-in ul li.tmenu04 a,#navi-in ul li.tmenu05 a{font-size: 14px}
#navi-in ul li.tmenu01{background-image: url("images/menu01.png");}
#navi-in ul li.tmenu02{background-image: url("images/menu02.png");}
#navi-in ul li.tmenu03{background-image: url("images/menu03.png");}
#navi-in ul li.tmenu04{background-image: url("images/menu04.png");}
#navi-in ul li.tmenu05{background-image: url("images/menu05.png");}
#top-si-wrap{ background-image:url("images/top-si-wrap-bg.png"); background-repeat: no-repeat; background-position:right top;line-height: 1.4em }
.top-si-img{ background-image: url("images/top-si-img-bg.png"); background-position: right bottom; background-repeat: no-repeat;float: right;margin: -60px 0 0 10px; width: 600px;position: relative;z-index: 1000}
.top-si-img img{padding: 0px 30px 85px 0; }
#top-si{background-color:rgba(233, 209, 212, 0.6); padding: 60px 0 100px 60px; border-radius: 20px; width: 70%;margin: 60px 0 0 0!important; position: relative; z-index: 999;background-image: none!important}
#top-si::before{ content:url("images/top-si-bg.png");    position: absolute;    top: -125px;    left: 0;}
#top-si h2{background: none; font-size: 38px;padding: 0 0 0 0; margin: 0px 0 20px 0!important}
#top-si p{line-height: 25px}
#top-si-link a{background-color:#B23A48; display: inline-block; padding: 15px 30px;font-size: 18px; color: #fff;border-radius: 30px; margin: 30px 0 30px 0px;text-decoration: none;}
#top-si-link a::after {  content: "\f054";  font-family: "FontAwesome";  font-size: 16px;  /*font-weight: 900;*/  line-height: 1;  margin-top: -8px;padding-left: 20px}
.top-si-under{clear: both; width: 100%; margin: -40px 0px 0 0px!important; padding: 0px 0 0 0!important;position: relative;z-index: 1100}
.top-si-under img.alignleft{width: 19%!important;  padding: 0!important; margin: 0 0.5%; }
#top-pi-wrap{ background-image:url("images/top-pi-wrap-bg.png"); background-repeat: no-repeat; background-position:left top; clear: both!important; /*padding-top: 60px;*/line-height: 1.4em; padding-top: 80px}
.top-pi-img{ background-image: url("images/top-pi-img-bg.png"); background-position: left bottom; background-repeat: no-repeat!important;float: left;margin: 0px 0 0 10px;padding:0 0 200px 20px; width: 600px; display: block; position: relative;z-index: 1200}
#top-pi{ background-color:rgba(192, 230, 209, 0.4); padding: 60px 0 0px 60px; border-radius: 20px; width: 70%;margin: -500px 0 120px 0!important; position: relative; z-index: 1190;float: right;background-image: none!important}
#top-pi::before{ content:url("images/top-pi-bg.png");    position: absolute;    top: -125px;    right: 0!important;}
#top-pi h2{background: none; font-size: 38px;padding: 0 0 0 250px; margin: 40px 0 20px 0px}
#top-pi p{;padding: 0 0 0 250px;line-height: 25px}
#top-pi-link a{background-color:#548F6E; display: inline-block; padding: 15px 30px;font-size: 18px; color: #fff;border-radius: 30px; margin: 30px 0 60px 250px; text-decoration: none}
#top-pi-link a::after {  content: "\f054";  font-family: "FontAwesome";  font-size: 16px;  /*font-weight: 900;*/  line-height: 1;  margin-top: -8px;padding-left: 20px}
#top-sp-wrap{ background-image:url("images/top-si-wrap-bg.png"), url("images/top-si-img-bg.png");background-position: right top, right bottom; background-repeat: no-repeat, no-repeat; clear: both;margin: 0px 0 0 0!important; padding: 100px 0 100px 0;line-height: 1.4em;position:relative;z-index: 200!important;}
.top-sp-img {text-align: center;position:relative;z-index: 201!important;}
.top-sp-img img{margin: -30px auto!important; /*position: relative;*/}
#top-sp{max-width: 98%; margin: 0 auto; padding: 0px 0 60px 0px; background-color:rgba(248, 237, 215, 0.3);border-radius: 20px;position:relative;z-index: 190!important; }
#top-sp h2{background: none; font-size: 38px;padding: 0 0 0 0px; margin: 40px 0 20px 0; text-align: center;}
#top-sp p{;padding: 0 0 0 0; text-align: center;line-height: 25px}
#top-sp-link{text-align: center}
#top-sp-link a{background-color:rgba(204, 162, 92, 1); display: inline-block; padding: 15px 30px;font-size: 18px; color: #fff;border-radius: 30px; margin: 20px 0 30px 0;text-decoration: none }
#top-sp-link a::after {  content: "\f054";  font-family: "FontAwesome";  font-size: 16px;  /*font-weight: 900;*/  line-height: 1;  margin-top: -8px;padding-left: 20px;}
#top-og-wrap{background-image:url("images/top-og-wrap-bg.png");background-repeat: no-repeat;background-position:left center;clear: both; padding: 140px 0 100px 0; margin: 0 0 0 0!important;;line-height: 1.4em}
#top-og{ background-color: rgba(192, 230, 209, 0.4); padding: 60px 0 80px 60px; border-radius: 20px;width: 70%;background-image: none!important}
#top-og h2{background: none; font-size: 38px;padding: 0 0 0 0; margin: 0px 0 20px 0}
#top-og p{line-height: 25px;text-align: left!important}
#top-og-link a{background-color:rgba(84, 143, 110, 1); display: inline-block; padding: 15px 70px;font-size: 18px; color: #fff;border-radius: 30px; margin-top: 30px;text-decoration: none}
#top-og-link a::after {  content: "\f054";  font-family: "FontAwesome";  font-size: 16px;  /*font-weight: 900;*/  line-height: 1;  margin-top: -8px;padding-left: 20px;}
.top-og-img{ float: right;margin-top: -140px; width: 600px}
.top-og-img img{padding: 0px 20px 85px 0; /*float: right*/}
#top-in-wrap{background-image:url("images/top-pi-img-bg.png"),url("images/top-bottom-bg.png");background-repeat: no-repeat,no-repeat;background-position:left top,right bottom;clear: both; padding: 140px 0 180px 0px; margin: 0 0 0 0!important;line-height: 1.4em}
#top-in-wrap h2{background: none; font-size: 38px;padding: 0 0 0 0; margin: 0px 0 20px 0; text-align: center}
#content-bottom,#content-bottom .textwidget {width: 100%;max-width: 1440px;height: 600px; max-height: 600px; margin: 0 0 0 0!important;padding: 0 0 0 0!important; clear: both; overflow: hidden;float: none!important}
.content-bottom,
.wwa,
#content-bottom-in,
.content-bottom-in,
.wrap{margin: 0 0 0 0!important;padding: 0 0 0 0!important; clear: bot!important;float: none!important}
#content-bottom p,#content-bottom .textwidget p{margin: 0 0 0 0!important;padding: 0 0 0 0!important;}
#content-bottom .textwidget iframe{width: 100%; height: 600px; max-height: 600px; margin: 0 auto 0 auto!important; padding: 0 0 0 0!important;display: block!important;}
ul.catethumb{margin: 0 auto!important; padding: 0 0 0 0!important; width: 100% }
ul.catethumb li{list-style: none; background-color: rgba(255, 255, 255, 0.8);  width: 19%;text-align: center;padding: 1%!important; float: left;border-radius: 20px;min-height: 320px; margin: 0 0.5% 0 0.5%!important }
ul.catethumb li a{text-decoration: none}
ul.catethumb li a::after {  content: "\f138";  font-family: "FontAwesome";  font-size: 28px;  font-weight: 900;  line-height: 1; /* margin-top: -8px;padding-left: 20px;*/ position:relative; color: #B23A48;/*text-align: right!important;*/float: right;margin: 80px 10px 0 0}
ul.catethumb li h3,ul.catethumb li h3 a{font-size: 18px!important; border: none; text-align: left;color: #333; text-decoration: none; margin: 0 0 0 0;padding: 0 0 0 0}
ul.catethumb li span{text-align: left; display: block; font-size: 12px}
ul.catethumb li p{text-align: left;font-size: 12px; line-height: 1.2em}
ul.catethumb li img{border-radius: 20px; /*width: 100%;*/margin: 10px auto 10px auto;display: block;/* height:140px;*/  max-height: 160px;  object-fit:contain; }
.douga{clear: both!important;   background:#000 ; width: 600px!important; max-width: 600px!important; margin: 0px auto 60px auto ; }
.douga iframe{width: 600px!important;max-width: 600px!important; display: block;margin: 0 auto!important}
ul.toplinkbanner {max-width: 98%; margin: 0 auto!important; padding: 0 0 0 0!important }
ul.toplinkbanner li{list-style: none; background-color: #B23A48; color: #ffffff; width: 32%;text-align: center;padding: 15px 0!important; float: left;margin: 10px 0.5%; border-radius: 10px}
ul.toplinkbanner  li a{display: block; font-size: 16px!important;text-decoration: none; color: #fff }
ul.toplinkbanner  li a::after {  content: "\f08e";  font-family: "FontAwesome";  font-size: 16px;  font-weight: 900;  line-height: 1;  margin-top: -8px;padding-left: 20px;}
ul.cateul{margin: 0px 0 0px 0!important; padding:10px!important;background-color:#fafafa;border-top: 1px dashed #ccc;display: block;float: none;width: 100%}
ul.cateul li{list-style: none;text-align: center; font-size: 20px/*list-style: none; text-align: center; font-size: 1.3em; line-height: 1.8em;*/ }
ul.cateul li ul{margin: 0 0 0 0!important; padding: 0 0 0 0!important}
ul.cateul li li a{display: block;float: left; width: 24%; background:#B23A48; margin: 20px 0.5% 0 0.5%;text-align: center; padding: 20px 0; color: #ffffff;font-size: 16px!important; border-radius: 20px; text-decoration: none!important}
ul.cateul li a::after {  content: "\f0ab";  font-family: "FontAwesome";  font-size: 16px;  font-weight: 900;  line-height: 1;  margin-top: -8px;padding-left: 10px}
ul.cateul li ul li a:hover{color:yellow}
ul.cateul li span.post-count{margin-left: 5px}
ul.cateul li span.post-count::after{content: "）"}
ul.cateul li span.post-count::before{content: "（"}
.s-title{text-align: center;font-size: 20px; border-top: 1px dashed #ccc;padding: 10px 0 0 0; margin: 0 0 0 0!important; clear: both;display: block;float: none;width: 100%}
.tagcloud{clear: both; margin: 0px 0 45px 0!important; padding: 0px 0; border-bottom: 1px dashed #ccc;display: block;float: none;width: 100%}
.tagcloud span{font-size: 16px; margin: 0 auto 3px auto; display: block;float: none; /*width: 100px; */text-align: center; line-height: 1.8em;}
ul.wp-tag-cloud,.tagcloud ul{/*clear: both!important;*/  margin: 0 0 0 0}
ul.wp-tag-cloud li,.tagcloud ul li{list-style: none; float: left; display: inline-block; padding: 5px 10px; margin: 3px 3px 10px 3px;/* border: 1px solid #89A5A7 ;*/ border-radius: 10px; background-color:#fff;}
ul.wp-tag-cloud li span{font-size: 14px;}
ul.wp-tag-cloud li .fa-tag{display: none!important}
ul.wp-tag-cloud li a,.tagcloud ul li a{font-size: 14px!important;}
ul.wp-tag-cloud li a:hover,.tagcloud ul li a:hover{color:#FF0004!important;}
.entry-card-wrap{width: 18.5%!important; margin: 0 0% 0 1%!important; padding: 0 0 0 0!important}
.related-entry-card-wrap{width: 18.5%!important; margin: 0 0.4% 0 0.4%!important; padding: 0 0 0 0!important}
h1.shoptitle{font-size: 30px; text-align: center;margin: 60px 0 30px 0}
#shoptop h2{text-align: center}
#shoptop .mainphoto{width: 930px; margin: 10px auto;}
#shoptop .mainphoto img{margin: 0 auto!important; max-width: 930px!important}
#shoptop .mainphoto img,#shoptop .subphoto a img{ border-radius: 20px}
#shoptop .subphoto{width: 930px; margin: 20px auto; text-align: center!important; clear: both}
#shoptop .subphoto a{/*display: block; width: 32%; float: left;margin: 0px 0.5% 20px 0.5%;*/}
#shoptop .subphoto a img{width: 300px;margin-left: 5px; margin-right: 5px}
#shopdetail{clear: both; width: 930px; margin: 0 auto; background: #fff}
.hsopname{text-align: center;margin: 0px 0 0 0;font-size: 22px;color: #fff; background-color: #B23A48;padding: 10px 0}
#shopdetail dl{width: 100%; padding: 10px; margin: 0 0 0 0}
#shopdetail dt,#shopdetail dd{margin: 0 0 0 0!important; padding: 0 0 0 0!important}
#shopdetail dt{width: 30%; float: left; margin-bottom: 15px!important; color:#B23A48; font-weight: 700; clear: both}
#shopdetail dd{width: 70%; float: right; margin-bottom: 15px!important}
.bikou{clear: both; width: 100%; margin: 0 0 0 0; padding: 15px 10px 0 10px;}
.co-title2{background-color: #B23A48;color: #fff;text-align: center;padding: 15px 0; margin: 0 0 20px 0}
.top-shop-link{text-align: center}
.top-shop-link a{background-color:#B23A48; display: inline-block; padding: 10px 30px;font-size: 18px; color: #fff;border-radius: 30px; margin: 30px auto;text-decoration: none;}
.top-shop-link a::after {  content: "\f054";  font-family: "FontAwesome";  font-size: 16px;  font-weight: 900;  line-height: 1;  margin-top: -8px;padding-left: 20px}
#footer{background-image: url("images/top-pi-img-bg.png"); background-position: right top; background-repeat: no-repeat;width: 100%;max-width: 1440px!important; clear: both;margin: 0 0 0 0!important; padding: 0 0 0 0!important;}
#footer .wrap{width: 100%;max-width: 1440px!important; margin: 0 0 0 0!important; padding: 0 0 0 0!important}
#footer .footer-bottom-logo{clear: both; padding: 0 0 0 0!important;position: relative!important;display: block; float: none!important; margin: 30px 0!important;}
#navi-footer{clear: both;margin: 0 0 0 0!important;  background-color:rgba(255, 255, 255, 0.1); padding: 30px 0!important }
#footer .source-org{text-align: center}
#footer .footer-bottom-content{position: relative!important;display: block; float: none!important; padding: 20px; margin:10px 0 20px 0}
#menu-fmenu{max-width: 800px; margin: 0px auto}
#footer .copyright{ text-align: center; margin-top: 20px}
#footer p.cr{font-size: 12px; border-top: 1px solid #eee; padding: 10px; margin: 10px 10% 0 10%; text-align: center}
selector {
  background-image: url('image1.png'), url('image2.png'); /* image1が前面、image2が背面 */
  background-position: center, top left; /* image1は中央、image2は左上に配置 */
  background-repeat: no-repeat, repeat-x; /* image1は繰り返さず、image2は水平方向に繰り返す */
  background-size: 100px, 50%; /* image1は100px、image2は50%のサイズ */
}
h2.related-entry-heading{text-align: center!important; color: #fff; background-color: #B23A48; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";font-weight: normal;padding: 10px 0 8px 0; margin-bottom: 50px }
.related-entry-card-thumb img,.entry-card-content img{border-radius: 20px}
.related-entry-card-title,.entry-card-content{text-align: center;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";font-weight: normal;}
a.related-entry-card-wrap{margin: 0px 0px 15px 0!important}
a.related-entry-card-wrap::after{content: "\f138";  font-family: "FontAwesome";  font-size: 20px;  font-weight: 900;  line-height: 1; position:relative; color: #B23A48;float: right;margin: -10px 10px 0 0}
.panel-layout ul{margin: 20px auto 20px auto; padding:0 0 0 0;/* width: 1024px*/}
.panel-layout ul li{list-style: none; width: 19%; float: left; margin: 10px 0.4%;border: 1px solid #ccc; border-radius: 10px}
.panel-layout ul li h3.widget-title{margin: 0 0 0 0; padding: 0 0 0 0;  height: 60px; border: 0px}
.panel-layout ul li .wp-caption-text{height: 40px}
.panel-layout2 ul{margin: 20px auto 20px auto; padding:0 0 0 0;/* width: 1024px*/}
.panel-layout2 ul li{list-style: none; width: 24%; float: left; margin: 10px 0.4%;border: 1px solid #ccc; background-color: #faf4e9; border-radius: 10px}
.panel-layout2 ul li h3.widget-title{margin:0 0 0 0!important; padding:10px 0 0px 0;  border: 0px; text-align: center}
.panel-layout2 ul li .wp-caption{background-color: #faf4e9}
.panel-layout2 ul li .wp-caption img{margin: 0 auto!important; padding: 0 0 0 0}
.panel-layout2 ul li p.wp-caption-text2{ margin: 0px 0 0 0!important; padding: 10px!important; height: 160px; text-align: left;font-size: 14px; line-height: 1.1em}
.panel-layout2 ul li p.wp-caption-text{ margin: 0 0 0 0!important; padding: 0 0 0 0!important}
.panel-layout3 ul{margin: 20px auto 20px auto; padding:0 0 0 0;/* width: 1024px*/}
.panel-layout3 ul li{list-style: none; width: 32%; float: left; margin: 10px 0.4%;border: 1px solid #ccc; background-color: #faf4e9; border-radius: 10px}
.panel-layout3 ul li h3.widget-title{margin:0 0 0 0!important; padding:10px 0 0px 0;  border: 0px; text-align: center}
.panel-layout3 ul li .wp-caption{background-color: #faf4e9}
.panel-layout3 ul li .wp-caption img{margin: 0 auto!important; padding: 0 0 0 0}
.panel-layout3 ul li .wp-caption-text{ margin: 0 0 0 0!important; padding: 0 10px 0 10px!important; text-align: left;height: 120px}
.panel-layout4 ul{margin: 20px auto 20px auto; padding:0 0 0 0;/* width: 1024px*/}
.panel-layout4 ul li{list-style: none; width: 32%; float: left; margin: 10px 0.4%;border: 1px solid #ccc;background-color: antiquewhite; border-radius: 10px}
.panel-layout4 ul li h3.widget-title{margin:0 0 0 0!important; padding:10px 0 0px 0;  border: 0px; text-align: center}
.panel-layout4 ul li .wp-caption{background-color: antiquewhite}
.panel-layout4 ul li .wp-caption img{margin: 0 auto!important; padding: 0 0 0 0}
.panel-layout4 ul li .wp-caption-text{ margin: 0 0 0 0!important; padding: 0 10px 0 10px!important; text-align: center}

@media (max-width: 1200px) {
	body{width: 100%; max-width: 1180px!important;}
	.top-si-img{width: 45%}
	.top-pi-img{width: 45%}
	#top-pi h2{padding: 0 0 0 200px;}
	#top-pi p{;padding: 0 0 0 200px;}
	.top-og-img{ width: 45%}
}

@media screen and (max-width: 1023px) {
	.navi-menu-content {  left:0;  -webkit-transform: translateX(-105%);  transform: translateX(-105%);}
	body{max-width: 100%!important; margin: 60px auto 20px auto;}
	#navi-menu-content ul li.tmenu01{background-image: url("images/menu01.png"); background-position: left center; background-repeat: no-repeat; padding-left: 30px;}
	#navi-menu-content ul li.tmenu02{background-image: url("images/menu02.png"); background-position: left center; background-repeat: no-repeat; padding-left: 30px;}
	#navi-menu-content ul li.tmenu03{background-image: url("images/menu03.png"); background-position: left center; background-repeat: no-repeat; padding-left: 30px;}
	#navi-menu-content ul li.tmenu04{background-image: url("images/menu04.png"); background-position: left center; background-repeat: no-repeat; padding-left: 30px;}
	#navi-menu-content ul li.tmenu05{background-image: url("images/menu05.png"); background-position: left center; background-repeat: no-repeat; padding-left: 30px;}
	.mobile-menu-buttons{min-height: 0px;}
	.menu-content {
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  z-index: 9999;  /*最前面に*/
	  width: 100%;  /*右側に隙間を作る（閉じるカバーを表示）*/
	  max-width: 100%;  /*最大幅（調整してください）*/
	  height: 100%;
	   background-color:rgba(248, 237, 215, 1);  /*背景色*/
	  transition: 0.3s ease-in-out;  /*滑らかに表示*/
	  opacity: 1;
	  overflow: scroll;
	  -webkit-overflow-scrolling: touch;
	}
	.mobile-menu-buttons .menu-button {
	  position:absolute;
	  width: 70px;
	  right: 0;
	  cursor: pointer;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.menu-caption{display: none!important}
	.fa-bars::before{content: url("images/menu1.png"); font-size: 20px!important;/*color: #bf2727;*/}
	.fa-close::before{  content:url("images/nenu2.png") ; position:absolute!important; right: 1px; top:1px}
	.instmark{float:none!important; display: block!important; position:absolute!important;z-index: 10000!important;width: 40px!important; height: 40px!important; right:36px!important; top:56px!important}
	.header-container-in.hlt-top-menu {flex-direction: column!important; margin-top:-40px!important}
}

@media (max-width: 996px) {
	.ml-slider{margin: 30px 0 0 0!important}
	body{max-width: 100%!important; margin: 60px auto 20px auto;}
	h1.entry-title,h1.archive-title { font-size: 42px!important;}
	#main{ max-width: 100%!important;}
	#top-si{padding: 60px 0 30px 40px}
	#top-si h2{background: none; font-size: 30px;padding: 0 0 0 0; margin: 0px 0 20px 0}
	#top-si-link a{padding: 10px 30px;font-size: 18px;  margin-top: 20px;text-decoration: none;}
	.top-si-under{ width: 100%; margin: -20px 0px 0 0px!important; padding: 0 0 0 0!important;}
	.top-si-under img.alignleft{width: 19%!important;  padding: 0 0.3%!important; margin: 0 0 0 0; }
	.top-si-img{ float: right;margin: -40px 0 0 10px; /*width: 450px*/}
	.top-si-img img{padding: 0px 10px 85px 0; }
	#top-pi{/*padding: 40px 0 0px 0px;*/}
	#top-pi h2{/*font-size: 30px;padding: 0 0 0 500px; margin: 60px 0 20px 0px*/}
	#top-pi p{/*padding: 0 0 0 500px;*/}
	#top-pi-wrap{/*clear: both!important;margin-top:180px;  padding-top: 200px*/}
	#top-pi-link a{/*padding: 10px 30px;font-size: 18px; color: #fff; margin: 20px 0 60px 60px;*/}
	.top-pi-img{/* margin-top: -200px; padding:0 0 120px 20px;*/ /*width: 450px*/}
	#top-pi-wrap{margin-top:120px!important; padding-top: 40px;}
	.top-pi-img{float: none;margin: -50px 0 0 10px;padding:0 0 180px 20px; }
	#top-pi{  padding: 60px 0 0px 60px;  width: 70%;margin: -400px 0 120px 0!important; }
	#top-pi h2{ font-size: 30px; padding: 0 0 0 150px; margin: 40px 0 20px 0px}
	#top-pi p{;padding: 0 0 0 150px;}
	#top-pi-link a{ padding: 15px 30px;font-size: 18px;  margin: 30px 0 60px 150px;}
	#top-sp-wrap{padding: 20px 0 80px 0}
	#top-sp{max-width: 100%; margin: 0 auto; padding: 0px 0 0px 0px;}
	#top-sp img{width: 100%}
	#top-sp h2{ padding: 0 0 0 0px; margin: 40px 0 20px 0; font-size: 30px; }
	#top-sp p{;padding: 0 0 0 0; }
	#top-sp-link a{ padding: 10px 30px;font-size: 18px; color: #fff; margin: 10px 0 30px 0;}
	#top-og-wrap{ padding: 60px 0 20px 0; margin: 0 0 0 0!important;}
	#top-og{ padding: 40px 0 50px 40px}
	#top-og h2{padding: 0 0 0 0; margin: 0px 0 20px 0; font-size: 30px;}
	#top-og-link a{padding: 10px 70px;font-size: 18px; color: #fff; margin-top: 10px;}
	.top-og-img{ float: right;margin-top: -100px; /*width: 450px;*/margin-left: 20px}
	.top-og-img img{padding: 0px 20px 85px 0; }
	#top-in-wrap{padding: 100px 0 180px 0px; margin: 0 0 0 0!important;}
	#top-in-wrap h2{font-size: 30px;padding: 0 0 0 0; margin: 0px 0 20px 0; }
	#content-bottom,#content-bottom .textwidget {width: 100%;max-width: 100;height: 600px; max-height: 600px; margin: 0 0 0 0!important;padding: 0 0 0 0!important;}
	#content-bottom .textwidget iframe{width: 100%; height: 600px; max-height: 600px; margin: 0 auto 0 auto!important; padding: 0 0 0 0!important;}
	ul.catethumb li{ width: 32%;padding: 1%!important; float: left;min-height: 360px; margin: 0 0.5% 10px 0.5%!important }
	ul.catethumb li a::after {font-size: 24px;   position:relative; float: right;margin: 80px 10px 0 0}
	ul.catethumb li h3,ul.catethumb li h3 a{font-size: 18px!important;  margin: 0 0 0 0;padding: 0 0 0 0}
	ul.catethumb li span{ font-size: 12px}
	ul.catethumb li p{font-size: 12px; }
	ul.catethumb li img{ width: 100%;margin: 10px auto 10px auto; }
	.douga{width: 600px!important; max-width: 600px!important;  }
	.douga iframe{width: 600px!important;max-width: 600px!important; }
	.entry-card-wrap{width: 31%!important; margin: 0 0.5% 30px 0.5%!important}
	.related-entry-card-wrap{width: 31%!important; margin: 0 0.4% 0 0.4%!important; padding: 0 0 0 0!important}
	ul.toplinkbanner { margin: 0 auto!important; padding: 0 0 0 0!important }
	ul.toplinkbanner li{ width: 32%;padding: 15px 0!important; float: left;margin:0 0.5%; }
	ul.toplinkbanner  li a{ font-size: 16px!important; }
	ul.toplinkbanner  li a::after {  font-size: 16px;   margin-top: -8px;padding-left: 20px;}
	ul.cateul{margin: 0px 0 0px 0!important; padding:10px 0!important;width: 100%}
	ul.cateul li{ font-size: 20px }
	ul.cateul li li a{float: left; width: 24%; margin: 20px 0.5% 0 0.5%; padding: 20px 0;font-size: 14px!important;}
	ul.cateul li a::after { font-size: 16px;  margin-top: -8px;padding-left: 10px}
	.s-title{font-size: 20px; padding: 10px 0 0 0; margin: 0 0 0 0!important; }
	.tagcloud{ margin: 0px 0 45px 0!important; padding: 0px 0; }
	.tagcloud span{font-size: 16px; margin: 0 auto 3px auto;  line-height: 1.8em;}
	ul.wp-tag-cloud,.tagcloud ul{  margin: 0 0 0 0}
	ul.wp-tag-cloud li,.tagcloud ul li{ padding: 5px 10px; margin: 3px 3px 10px 3px; border-radius: 10px;}
	ul.wp-tag-cloud li span{font-size: 16px;}
	ul.wp-tag-cloud li a,.tagcloud ul li a{font-size: 14px!important;}
	#shoptop .mainphoto{width: 600px; margin: 10px auto;}
	#shoptop .mainphoto img,#shoptop .subphoto a img{width: 100%; }
	#shoptop .subphoto{width: 95%; margin: 0 auto}
	#shoptop .subphoto a{ width: 24%; float: left;margin: 0px 0.5% 20px 0.5%;}
	#shopdetail{ width: 95%; margin: 0 auto}
	#shopdetail dl{width: 100%}
	#shopdetail dt,#shopdetail dd{margin: 0 0 0 0!important; padding: 0 0 0 0!important}
	#shopdetail dt{width: 30%; float: left; margin-bottom: 15px!important; color:#B23A48; font-weight: 800; clear: both}
	#shopdetail dd{width: 70%; float: right; margin-bottom: 15px!important}
	.bikou{ width: 95%px; margin: 0 auto}
	.co-title2{padding: 15px 0; margin: 0 0 20px 0}
	.top-shop-link{text-align: center}
	.top-shop-link a{ padding: 10px 30px;font-size: 18px; margin: 30px auto;}
	.top-shop-link a::after { font-size: 16px;margin-top: -8px;padding-left: 20px}
	#footer{max-width: 100%!important; margin: 0 0 0 0!important; padding: 0 0 0 0!important;}
	#footer .wrap{max-width: 100%!important; margin: 0 0 0 0!important; padding: 0 0 0 0!important}
	#footer .footer-bottom-logo{padding: 0 0 0 0!important; margin: 30px 0!important;}
	#navi-footer{margin: 0 0 0 0!important; padding: 30px 0!important }
	#footer .footer-bottom-content{position: relative!important;display: block; float: none!important; padding: 20px; margin:10px 0 20px 0}
	#menu-fmenu{max-width: 800px; margin: 0px auto}
	#footer .copyright{ text-align: center; margin-top: 20px}
	#footer p.cr{font-size: 12px;  padding: 10px; margin: 10px 10% 0 10%; }
	.panel-layout ul li{width: 32%; float: left; margin: 10px 0.4%;}
	.panel-layout2 ul li{width: 32%; float: left; margin: 10px 0.4%;}
	.panel-layout3 ul li{width: 32%; float: left; margin: 10px 0.4%;}
	.panel-layout4 ul li{width: 32%; float: left; margin: 10px 0.4%;}
}
@media (max-width: 900px) {
	.top-si-img{/*width: 400px*/}
	.top-pi-img{/*width: 400px*/}
	#top-pi h2{padding: 0 0 0 100px;}
	#top-pi p{;padding: 0 0 0 100px;}
	.top-og-img{/* width: 400px*/}
}

@media (max-width: 768px) {
	.ml-slider{margin: 30px 0 0 0!important}
	body{max-width: 100%!important; margin: 60px auto 20px auto;}
	h1.entry-title,h1.archive-title {font-size: 38px!important;}
	#main{ max-width: 100%!important;}
	#top-si{padding: 40px 0 40px 20px; width: 80%}
	#top-si h2{background: none; font-size: 30px;padding: 0 0 0 0; margin: 60px 0 20px 0}
	#top-si-link a{padding: 10px 30px;font-size: 18px;  margin-top: 20px;text-decoration: none;}
	.top-si-under{ width: 100%; margin: 30px 0px 0 0px!important; padding: 0 0 0 0!important;}
	.top-si-under img.alignleft{width: 19%!important;  padding: 0 0.3%!important; margin: 0 0 0 0; }
	.top-si-img{ float: right;margin: -40px 0 0 10px; /*width: 300px*/}
	.top-si-img img{padding: 0px 20px 85px 0; }
	#top-pi{ width: 80%}
	#top-pi h2{padding: 0 0 0 160px; margin: 0px 0 20px 0px!important}
	#top-pi p{padding: 0 0 0 160px;}
	#top-pi-wrap{ /*padding-top: 30px*/}
	#top-pi-link a{/* padding: 10px 30px;font-size: 18px; color: #fff; margin: 20px 0 40px 60px;*/}
	.top-pi-img{/* margin-top: -60px; padding:0 0 120px 20px;*/ /*width: 300px*/}
	#top-sp-wrap{padding: 20px 0 80px 0; width: 100%!important}
	#top-sp{max-width: 100%; margin: 0 auto; padding: 0px 0 0px 0px;}
	#top-sp img{width: 100%}
	#top-sp h2{ font-size: 30px;padding: 0 0 0 0px; margin: 40px 0 20px 0; }
	#top-sp p{;padding: 0 0 0 0; }
	#top-sp-link a{ padding: 10px 30px;font-size: 18px; color: #fff; margin: 10px 0 30px 0;}
	#top-og-wrap{ padding: 60px 0 0px 0; margin: 0 0 0 0!important;}
	#top-og{ padding: 20px 0 40px 20px; width: 80%}
	#top-og h2{ font-size: 30px;padding: 0 0 0 0; margin: 10px 0 20px 0}
	#top-og-link a{padding: 10px 70px;font-size: 18px; color: #fff; margin-top: 10px;}
	.top-og-img{ float: right;margin-top: -60px; /*width: 300px;*/margin-left: 20px}
	.top-og-img img{padding: 0px 20px 80px 0; }
	#top-in-wrap{padding: 60px 0 180px 0px; margin: 0 0 0 0!important;}
	#top-in-wrap h2{font-size: 30px;padding: 0 0 0 0; margin: 0px 0 20px 0; }
	#content-bottom,#content-bottom .textwidget {width: 100%;max-width: 100;height: 600px; max-height: 600px; margin: 0 0 0 0!important;padding: 0 0 0 0!important;}
	#content-bottom .textwidget iframe{width: 90%; height: 600px; max-height: 600px; margin: 0 auto 0 auto!important; padding: 0 0 0 0!important;}
	ul.catethumb li{ width: 32%;padding: 1%!important; float: left;min-height: 320px; margin: 0 0.5% 0 0.5%!important }
	ul.catethumb li a::after {font-size: 24px;   position:relative; float: right;margin: 60px 10px 0 0}
	ul.catethumb li h3,ul.catethumb li h3 a{font-size: 18px!important;  margin: 0 0 0 0;padding: 0 0 0 0}
	ul.catethumb li span{ font-size: 12px}
	ul.catethumb li p{font-size: 12px; }
	ul.catethumb li img{ width: 100%;margin: 10px auto 10px auto; }
	.douga{width: 600px!important; max-width: 600px!important;  }
	.douga iframe{width: 600px!important;max-width: 600px!important; }
	ul.toplinkbanner { margin: 0 auto!important; padding: 0 0 0 0!important }
	ul.toplinkbanner li{ width: 32%;padding: 15px 0!important; float: left;margin:0 0.5%; }
	ul.toplinkbanner  li a{ font-size: 16px!important; }
	ul.toplinkbanner  li a::after {  font-size: 16px;   margin-top: -8px;padding-left: 20px;}
	ul.cateul li li a{width: 49%; margin: 10px 0.5% 0 0.5%;text-align: center; padding: 10px 0;font-size: 16px!important;/* line-height: 1.5em; height: 48px;*/ border-radius: 15px}
	.s-title{font-size: 20px; padding: 10px 0 0 0; margin: 0 0 0 0!important; }
	.tagcloud{ margin: 0px 0 45px 0!important; padding: 0px 0; }
	.tagcloud span{font-size: 16px; margin: 0 auto 3px auto; line-height: 1.8em;}
	ul.wp-tag-cloud,.tagcloud ul{  margin: 0 0 0 0}
	ul.wp-tag-cloud li,.tagcloud ul li{ padding: 5px 10px; margin: 3px 3px 10px 3px; border-radius: 10px;}
	ul.wp-tag-cloud li span{font-size: 16px;}
	ul.wp-tag-cloud li a,.tagcloud ul li a{font-size: 14px!important;}
	#shoptop .mainphoto{width: 400px; margin: 10px auto;}
	#shoptop .mainphoto img,#shoptop .subphoto a img{width: 100%; }
	#shoptop .subphoto{width: 95%; margin: 0 auto}
	#shoptop .subphoto a{ width: 24%; float: left;margin: 0px 0.5% 20px 0.5%;}
	#shopdetail{ width: 95%; margin: 0 auto}
	#shopdetail dl{width: 100%}
	#shopdetail dt,#shopdetail dd{margin: 0 0 0 0!important; padding: 0 0 0 0!important}
	#shopdetail dt{width: 30%; float: left; margin-bottom: 15px!important; color:#B23A48; font-weight: 800; clear: both}
	#shopdetail dd{width: 70%; float: right; margin-bottom: 15px!important}
	.bikou{ width: 95%; margin: 0 auto}
	.co-title2{padding: 15px 0; margin: 0 0 20px 0}
	.top-shop-link{text-align: center}
	.top-shop-link a{ padding: 10px 30px;font-size: 18px; margin: 30px auto;}
	.top-shop-link a::after { font-size: 16px;margin-top: -8px;padding-left: 20px}
	#footer{max-width: 100%!important; margin: 0 0 0 0!important; padding: 0 0 0 0!important;}
	#footer .wrap{max-width: 100%!important; margin: 0 0 0 0!important; padding: 0 0 0 0!important}
	#footer .footer-bottom-logo{padding: 0 0 0 0!important; margin: 30px 0!important;}
	#navi-footer{margin: 0 0 0 0!important; padding: 30px 0!important }
	#footer .footer-bottom-content{position: relative!important;display: block; float: none!important; padding: 20px; margin:10px 0 20px 0}
	#menu-fmenu{max-width: 800px; margin: 0px auto}
	#footer .copyright{ text-align: center; margin-top: 20px}
	#footer p.cr{font-size: 12px;  padding: 10px; margin: 10px 10% 0 10%; }
	.og-content{width: 49.5%!important; margin: 0 0 0 0; float: left!important; padding: 0 10px 10px 10px;}
	.og-content p.og-text{line-height: 1.1em; min-height: 60px}
	.og-content p.wp-caption-text{line-height: 1.1em;font-size: 14px;min-height: 16px}
}

@media (max-width: 600px) {
	.ml-slider{margin: 30px auto 0 auto!important; padding: 0 0 0 0!important; width: 99%!important}
	.metaslider img{border-radius: 18px!important}
	body{max-width: 100%!important; margin: 60px auto 20px auto;}
	h1.entry-title,h1.archive-title,.entry-title,.archive-title {min-height: 180px;  font-size: 30px!important; padding-left: 15px; padding-right: 15px}
	.entry-title,.archive-title { padding-top: 60px}
	h1.shoptitle{margin: 10px 0 20px 0; font-size: 22px;}
	
	#main{ max-width: 100%!important;}
	#top-si-wrap{padding: 0 0 0 0!important; margin: 0px 0 0 0!important}
	#top-si{width: 99%; clear: both;padding: 20px 0 40px 20px; float: none!important;}
	#top-si h2{background: none; font-size: 28px;padding: 20px 0 0 0; margin: 0px 0 10px 0!important; text-align: center}
	#top-si-link a{padding: 10px 30px;font-size: 18px;  margin: 0px auto;display: block; max-width: 300px; text-align: center}
	.top-si-under{ width: 100%; margin: 20px 0px 0 0px!important; padding: 0 0 0 0!important; clear: both!important	}
	.top-si-under img.alignleft{width: 31%!important;  padding: 0 1%!important; margin: 0 0 10px 0; }
	.top-si-img{ margin: 0px auto -80px auto; /*width: 200px*/}
	.top-si-img img{padding: 0px 10px 85px 0; }
	#top-pi{float: none;width: 99%; padding: 20px 0 30px 0px;margin-top: 0px!important}
	#top-pi h2{font-size: 28px;padding: 0 0 0 0px; margin: 40px 0 10px 0px!important; text-align: center}
	#top-pi p{;padding: 0 20px ;}
	#top-pi-wrap{ padding-top: 0px; clear: both!important;}
	#top-pi-link a{ padding: 10px 30px;font-size: 18px; color: #fff; margin: 0px auto;display: block; max-width: 300px; text-align: center}
	.top-pi-img{ margin: 0 0 -50px 0; padding:0 0 0px 10px;  float: none;}
	#top-sp-wrap{padding: 0px 0 80px 0; width: 100%!important;max-width: 100%!important; }
	#top-sp{max-width: 100%;  padding: 0px 0 0px 0px;}
	#top-sp img{width: 100%}
	#top-sp h2{ font-size: 28px;padding: 0 0 0 0px; margin: 40px 0 20px 0; }
	#top-sp p{;padding: 0 0 0 0; }
	#top-sp-link a{ padding: 10px 30px;font-size: 18px; color: #fff; margin: 0px 0 30px 0;}
	#top-og-wrap{ padding:10px 0 60px 0; margin: 0 0 0 0!important;}
	#top-og{ padding: 20px 0 10px 10px; float: none; width: 100%; text-align: left!important}
	#top-og h2{ font-size: 28px;padding: 0 0 0 0; margin: 10px 0 10px 0}
	#top-og-link a{padding: 10px 70px;  margin-top: 0px;font-size: 18px; color: #fff; margin: 0px auto;display: block; max-width: 300px; text-align: center }
	.top-og-img{ float: right;margin-top: -50px; width: 200px;margin-left: 10px}
	.top-og-img img{padding: 0px 20px 80px 0; }
	#top-in-wrap{	background-image:url("images/top-pi-img-bg.png"),url("images/top-bottom-bg2.png");	background-repeat: no-repeat,no-repeat;	background-position:left top,;padding: 60px 0 180px 0px; margin: -40px 0 0 0!important;}
	#top-in-wrap h2{font-size: 28px;padding: 0 0 0 0; margin: 0px 0 20px 0; }
	#content-bottom,#content-bottom .textwidget {width: 100%;max-width: 100;height: 600px; max-height: 600px; margin: 0 0 0 0!important;padding: 0 0 0 0!important;}
	#content-bottom .textwidget iframe{width: 90%; height: 600px; max-height: 600px; margin: 0 auto 0 auto!important; padding: 0 0 0 0!important;}
	ul.catethumb li{ width: 49%;padding: 1%!important; float: left;min-height: 330px; margin: 0 0.5% 10px 0.5%!important }
	ul.catethumb li a::after {font-size: 24px;   position:relative; float: right;margin: 60px 10px 0 0}
	ul.catethumb li h3,ul.catethumb li h3 a{font-size: 18px!important;  margin: 0 0 0 0;padding: 0 0 0 0}
	ul.catethumb li span{ font-size: 12px}
	ul.catethumb li p{font-size: 12px; }
	ul.catethumb li img{ width: 100%;margin: 10px auto 10px auto; }
	.douga{width: 300px!important; max-width: 300px!important;  }
	.douga iframe{width: 300px!important;max-width: 300px!important; }
	.entry-card-wrap{width: 48.5%!important; margin: 0 0.5% 30px 0.5%!important}
	ul.toplinkbanner { margin: 0 auto!important; padding: 0 0 0 0!important }
	ul.toplinkbanner li{ width: 32%;padding: 15px 0!important; float: left;margin:0 0.5%; }
	ul.toplinkbanner li a{ font-size: 14px!important; }
	ul.toplinkbanner li a::after { font-size: 14px;   margin-top: -8px;padding-left: 10px;}
	ul.cateul li li a::after{display: block;margin:5px 0 0 0; padding: 0 0 0 0!important}
	.s-title{font-size: 20px; padding: 10px 0 0 0; margin: 0 0 0 0!important; }
	.tagcloud{ margin: 0px 0 45px 0!important; padding: 0px 0; }
	.tagcloud span{font-size: 14px; margin: 0 auto 3px auto; line-height: 1.8em;}
	ul.wp-tag-cloud,.tagcloud ul{ margin: 0 0 0 0!important;padding: 0 0 0 0!important}
	ul.wp-tag-cloud li,.tagcloud ul li{ padding: 3px 3px; margin: 3px 2px 3px 2px; border-radius: 10px;}
	ul.wp-tag-cloud li span{font-size: 14px;}
	ul.wp-tag-cloud li a,.tagcloud ul li a{font-size: 14px!important;}
	#shoptop .mainphoto{width: 300px; margin: 10px auto;}
	#shoptop .mainphoto img,#shoptop .subphoto a img{width: 100%; }
	#shoptop .subphoto{width: 95%; margin: 0 auto}
	#shoptop .subphoto a{ width: 49%; float: left;margin: 0px 0.5% 20px 0.5%;}
	#shopdetail{ width: 95%; margin: 0 auto}
	#shopdetail dl{width: 100%}
	#shopdetail dt,#shopdetail dd{margin: 0 0 0 0!important; padding: 0 0 0 0!important}
	#shopdetail dt{width: 30%; float: left; margin-bottom: 15px!important; color:#B23A48; font-weight: 800; clear: both}
	#shopdetail dd{width: 70%; float: right; margin-bottom: 15px!important}
	.bikou{ width: 95%; margin: 0 auto}
	.co-title2{padding: 15px 0; margin: 0 0 20px 0}
	.top-shop-link{text-align: center}
	.top-shop-link a{ padding: 10px 30px;font-size: 16px; margin: 10px auto;}
	.top-shop-link a::after { font-size: 16px;margin-top: -8px;padding-left: 10px}
	#footer{max-width: 100%!important; margin: 0 0 0 0!important; padding: 0 0 0 0!important;}
	#footer .wrap{max-width: 100%!important; margin: 0 0 0 0!important; padding: 0 0 0 0!important;}
	#footer .footer-bottom-logo{padding: 0 0 0 0!important; margin: 30px 0!important;}
	#navi-footer{margin: 0 0 0 0!important; padding: 30px 0!important }
	#footer .footer-bottom-content{position: relative!important;display: block; float: none!important; padding: 20px; margin:10px 0 20px 0; }
	#menu-fmenu{max-width: 100%!important; margin: 0px auto}
	#menu-fmenu ul{margin: 0 0 0 0!important; padding: 0 0 0 0!important }
	#menu-fmenu ul li{border-bottom: 1px solid #ccc!important}
	#footer .copyright{ text-align: left!important; margin-top: 20px; padding: 0 0 0 0!important}
	#footer p.cr{font-size: 12px;  padding: 10px; margin: 10px 10% 0 10%; }
	.source-org{text-align: left!important; padding: 0 10px}
	.panel-layout ul li{width: 49%; float: left; margin: 10px 0.4%;}
	.panel-layout2 ul li{width: 49%; float: left; margin: 10px 0.4%;}
	.panel-layout3 ul li{width: 49%; float: left; margin: 10px 0.4%;}
	.panel-layout4 ul li{width: 49%; float: left; margin: 10px 0.4%;}

 }

@media (max-width: 480px) {
	.ml-slider{margin: 30px 0 0 0!important; padding: 0 0 0 0!important}
	body{max-width: 100%!important; margin: 60px auto 20px auto;}
	h1.entry-title,h1.archive-title,.entry-title,.archive-title {min-height: 160px;  font-size: 28px!important; padding:50px 10px 0 10px}
	#main{ max-width: 100%!important;}
	#top-si-wrap{padding: 0 0 0 0!important; margin: 0px 0 0 0!important}
	#top-si{padding: 40px 20px 40px 20px; line-height: 1.4em;margin-top: 90px!important}
	#top-si h2{background: none; font-size: 24px;padding: 0px 0 0 0; margin: 0px 0 10px 0!important}
	#top-si-link a{padding: 10px 30px;font-size: 16px;  margin-top: 0px;text-decoration: none;}
	.top-si-under{ width: 100%; margin: -5px 0px 0 0px!important; padding: 0 0 0 0!important;}
	.top-si-under img.alignleft{width: 48%!important;  padding: 0 1%!important; margin: 0 0 10px 0; }
	.top-si-img{ display: none; /*float: right;margin: 0px 0 0 0px; width: 50%!important*/}
	.top-si-img img{padding: 0px 0px 0px 0; }
	#top-pi{padding: 10px 20px 20px 20px;line-height: 1.4em; }
	#top-pi h2{font-size: 24px;padding: 0 0 0 0px; margin: 0px 0 10px 0px;text-align: center}
	#top-pi p{;padding: 0 10px 0 10px;}
	#top-pi-wrap{ padding-top: 30px; padding-bottom: 30px}
	#top-pi-link a{ padding: 10px 30px;font-size: 16px;  margin: 0px 0 30px 60px;}
	.top-pi-img{display: none;/* margin-top: -100px; padding:0 0 0px 0px; width: 160px;display: block!important;float: none!important*/}
	#top-sp-wrap{padding: 0px 0 110px 0}
	#top-sp{/*max-width: 100%!important;max-width: 100%!important; margin: 0 auto!important; padding: 0px 0 0px 0px!important;line-height: 1.4em*/}
	#top-sp img{/*width: 100%!important; max-width: 100%!important;margin:  0 0 0 0!important; padding: 0 0 0 0!important*/}
	#top-sp h2{ font-size: 24px;padding: 0 0 0 0px; margin: 40px 0 10px 0; }
	#top-sp p{;padding: 0 0 0 0; }
	#top-sp-link a{ padding: 10px 30px;font-size: 16px; margin: 0px 0 30px 0;}
	#top-og-wrap{ padding:10px 0 60px 0; margin: 0 0 0 0!important;}
	#top-og{ padding: 20px 20px 10px 20px; line-height: 1.4em}
	#top-og h2{ font-size: 24px;padding: 0 0 0 0; margin: 10px 0 10px 0; text-align: center}
	#top-og-link a{padding: 10px 70px;font-size: 16px;  margin-top: 0px; }
	.top-og-img{display: none; /*float: right;margin-top: -50px; width: 160px;margin-left: 10px*/}
	.top-og-img img{padding: 0px 0px 0px 0; }
	#top-in-wrap{background-image:url("images/top-pi-img-bg.png"),url("images/top-bottom-bg2.png");	background-repeat: no-repeat,no-repeat;	background-position:left top,right bottom;padding: 60px 0 180px 0px; margin: -40px 0 0 0!important;}
	#top-in-wrap h2{font-size: 28px;padding: 0 0 0 0; margin: 0px 0 20px 0; }
	#content-bottom,#content-bottom .textwidget {width: 100%;max-width: 100;height: 600px; max-height: 600px; margin: 0 0 0 0!important;padding: 0 0 0 0!important;}
	#content-bottom .textwidget iframe{width: 90%; height: 600px; max-height: 600px; margin: 0 auto 0 auto!important; padding: 0 0 0 0!important;}
	ul.catethumb li{ width: 49%;padding: 1%!important; float: left;min-height: 330px; margin: 0 0.5% 10px 0.5%!important }
	ul.catethumb li a::after {font-size: 24px;   position:relative; float: right;margin: 60px 10px 0 0}
	ul.catethumb li h3,ul.catethumb li h3 a{font-size: 18px!important;  margin: 0 0 0 0;padding: 0 0 0 0}
	ul.catethumb li span{ font-size: 12px}
	ul.catethumb li p{font-size: 12px; }
	ul.catethumb li img{ width: 100%;margin: 10px auto 10px auto; }
	.douga{width: 300px!important; max-width: 300px!important;  }
	.douga iframe{width: 300px!important;max-width: 300px!important; }
	.entry-card-wrap{width: 48.5%!important; margin: 0 0.5% 30px 0.5%!important}
	.related-entry-card-wrap{width: 48%!important; margin: 0 0.4% 0 0.4%!important; padding: 0 0 0 0!important}	
	ul.toplinkbanner {max-width: 100%!important; margin: 0!important; padding: 0 0 0 0!important }
	ul.toplinkbanner li{ /*width: 32%;padding: 10px 0!important; float: left;margin:0 0.5%;*/ float: none; clear: both; width: 90%; margin: 10px auto;}
	ul.toplinkbanner li a{ font-size: 14px!important; }
	ul.toplinkbanner li a::after {  font-size: 12px;   margin-top: 4px;padding-left: 10px;display: block;}
	ul.cateul{margin: 0px 0px 0px 0px!important; padding:0px 0 0 0!important;width: 100%!important}
	ul.cateul li li a{padding: 8px 0;font-size: 13px!important;}
	ul.cateul li span.post-count{margin-left: 0px}
	.s-title{font-size: 20px; padding: 10px 0 0 0; margin: 0 0 0 0!important; }
	.tagcloud{ margin: 0px 0 0px 0!important; padding: 0px 0; }
	.tagcloud span{font-size: 14px; margin: 0 auto 3px auto; line-height: 1.4em;}
	ul.wp-tag-cloud,.tagcloud ul{ margin: 0 0 0 0!important;padding: 0 0 0 0!important}
	ul.wp-tag-cloud li,.tagcloud ul li{ padding: 3px 3px; margin: 3px 2px 3px 2px; border-radius: 10px;}
	ul.wp-tag-cloud li span{font-size: 13px;}
	ul.wp-tag-cloud li a,.tagcloud ul li a{font-size: 13px!important;}
	#shoptop .mainphoto{width: 240px; margin: 10px auto;}
	#shoptop .mainphoto img,#shoptop .subphoto a img{width: 100%; }
	#shoptop .subphoto{width: 100%; margin: 0 auto; padding: 0 0 0 0!important}
	#shoptop .subphoto a{ width: 49%; float: left;margin: 0px 0.5% 10px 0.5%;}
	#shopdetail{ width: 98%; margin: 0 auto}
	#shopdetail dl{width: 100%; line-height: 1.4em}
	#shopdetail dt,#shopdetail dd{margin: 0 0 0 0!important; padding: 0 0 0 0!important}
	#shopdetail dt{width: 30%; float: left; margin-bottom: 14px!important; color:#B23A48; font-weight: 800; clear: both}
	#shopdetail dd{width: 70%; float: right; margin-bottom: 14px!important}
	.bikou{ width: 98%; margin: 0 auto}
	.co-title2{padding: 10px 0; margin: 0 0 20px 0}
	.top-shop-link{text-align: center}
	.top-shop-link a{ padding: 10px 30px;font-size: 16px; margin: 10px auto;}
	.top-shop-link a::after { font-size: 16px;margin-top: -8px;padding-left: 20px}
	#footer{max-width: 100%!important; margin: 0 0 0 0!important; padding: 0 0 0 0!important;}
	#footer .wrap{max-width: 100%!important; margin: 0 0 0 0!important; padding: 0 0 0 0!important}
	#footer .footer-bottom-logo{padding: 0 0 0 0!important; margin: 30px 0!important;}
	#navi-footer{margin: 0 0 0 0!important; padding: 30px 0!important }
	#footer .footer-bottom-content{position: relative!important;display: block; float: none!important; padding: 20px; margin:10px 0 20px 0}
	#menu-fmenu{max-width: 100%; margin: 0px auto}
	#footer .copyright{ text-align:center; margin-top: 20px}
	#footer p.cr{font-size: 12px;  padding: 10px; margin: 10px 10% 0 10%; }
	.panel-layout ul li{width: 99%; float: none; margin: 10px auto;}
	.panel-layout2 ul li{width: 99%; float: none; margin: 10px auto;}
	.panel-layout3 ul li{width: 99%; float: none; margin: 10px auto;}
	.panel-layout4 ul li{width: 99%; float: none; margin: 10px auto;}
}