@charset "utf-8";
/* =============================================
 共通
============================================= */
html, body {
 font-size: 16px;
 overflow-x: hidden;
 line-height: 1.4;
}
@media screen and (max-width:1000px) {
 html, body {
  font-size: 15px;
 }
}
@media screen and (max-width:800px) {
 html, body {
  font-size: 14px;
 }
}
body {
 margin: 0;
 padding: 0;
 font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
}
img {
 border: none;
 display: inline-block;
}
img:not(.boxer-image) {
 max-width: 100%;
}
a {
 display: inline-block;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
ul {
 list-style: none;
 padding: 0;
 margin: 0;
}
p {
 margin: 0;
 padding: 0;
}
blockquote {
 margin: 0;
 padding: 20px;
 text-align: center;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
h1, h2, h3, h4, h5 {
 margin: 0;
}
@media screen and (min-width:641px) {
 .onlyPC {
  display: block;
 }
 .onlySP {
  display: none !important;
 }
}
@media screen and (max-width:640px) {
 .onlyPC {
  display: none !important;
 }
 .onlySP {
  display: block;
 }
}
@media screen and (min-width:1050px) {
 .menuPC {
  display: block;
 }
 .menuSP {
  display: none !important;
 }
}
@media screen and (max-width:1049px) {
 .menuPC {
  display: none !important;
 }
 .menuSP {
  display: block;
 }
}
/* =============================================
 animation
============================================= */
@-webkit-keyframes zoom {
 50% {
  -webkit-transform: scale(1.03);
 }
}
@keyframes zoom {
 50% {
  transform: scale(1.03);
 }
}
@-webkit-keyframes topMove {
 50% {
  -webkit-transform: translate3d(0, -10px, 0);
 }
}
@keyframes topMove {
 50% {
  transform: translate3d(0, -10px, 0);
 }
}
/* =============================================
 背景
============================================= */
@media screen and (min-width:641px) {
 body {
  background: #fff url(../img/bg_re_pc.png) 0 0 repeat-x;
 }
 body:before {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  background: url(../img/bg_pc.png) top center no-repeat;
  height: 100%;
  min-height: 960px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
 }
 body:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  background: url(../img/bg_c_pc.png) 0 40px repeat;
  height: 85px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
 }
}
@media screen and (max-width:640px) {
 body {
  background: #fff url(../img/bg_smp.png) top center no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
 }
}
/* =============================================
 main
============================================= */
.wrap {
 max-width: 1100px;
 width: 100%;
 margin: 0 auto;
 z-index: 1;
 position: relative;
}
.wrap:before {
 content: "";
 display: block;
 clear: both;
 position: absolute;
 width: 180%;
 height: 100%;
 top: 0;
 left: -40%;
 background: transparent url(../img/deco_cube.png) center top repeat-y;
 z-index: -1;
}
.wrap:after {
 content: "";
 display: block;
 clear: both;
}
.section {
 position: relative;
 display: block;
 clear: both;
 margin-top: 30px;
 border-top: 3px solid #a5d863;
 background: rgba(255, 255, 255, 0.7);
}
.section_inner {
 padding: 55px 3.5% 3%;
}
.section_inner:after {
 content: "";
 display: block;
 clear: both;
}
h4 span {
 display: block;
 font-weight: bold;
 color: #CC0000;
 font-size: 1.2rem;
}
@media screen and (min-width:641px) {
 .main {
  width: 71%;
  float: left;
  position: relative;
 }
 .side {
  padding-top: 30px;
  width: 27.273%;
  float: right;
  position: relative;
 }
 .section + .section {
  margin-top: 70px;
 }
}
@media screen and (max-width:640px) {
 .main {
  width: 100%;
 }
 .side {
  width: 100%;
 }
 .section + .section {
  margin-top: 50px;
 }
 h4 span {
  font-size: 1.125rem;
 }
}
@media screen and (max-width:350px) {
 h4 span {
  font-size: 1.0rem;
 }
}
/* =============================================
 title
============================================= */
.title {
 -webkit-transform: translate(3%, -50%);
 -ms-transform: translate(3%, -50%);
 -o-transform: translate(3%, -50%);
 transform: translate(3%, -50%);
 white-space: nowrap;
 text-indent: 100%;
 overflow: hidden;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: absolute;
 top: 0;
 left: 0;
}
.section-news .title {
 position: relative;
 -webkit-transform: none;
 -ms-transform: none;
 -o-transform: none;
 transform: none;
 background: #34ac21 url(../img/event_bg.png) right top repeat;
}
.section-news .title:before {
 content: "";
 display: block;
 width: 100%;
 height: 100%;
 top: 0;
 right: 0;
 position: absolute;
 background: transparent url(../img/title_news_pc.png) 1em center no-repeat;
 -webkit-background-size: auto 94%;
 background-size: auto 94%;
}
@media screen and (min-width:641px) {
 .title {
  width: 55.058%;
  height: 0;
  padding-top: 9.219%;
 }
 .section-news .title {
  width: 100%;
  padding-top: 6%;
 }
 .section-nextBC .title {
  background: transparent url(../img/title_next_pc.png) 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
 }
 .section-backNumber .title, .section-backNumberList .title {
  background: transparent url(../img/title_backnumber_pc.png) 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
 }
 .section-music .title {
  background: transparent url(../img/title_music_pc.png) 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
 }
 .section-narration .title {
  background: transparent url(../img/title_narration_pc.png) 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
 }
 .section-about .title {
  background: transparent url(../img/title_about_pc.png) 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
 }
}
@media screen and (max-width:640px) {
 .title {
  width: 100%;
  height: 0;
  padding-top: 17%;
 }
 .section-news .title {
  padding-top: 12%;
 }
 .section-nextBC .title {
  background: transparent url(../img/title_next_smp.png) 0 0 no-repeat;
  -webkit-background-size: 90% auto;
  background-size: 90% auto;
 }
 .section-backNumber .title, .section-backNumberList .title {
  background: transparent url(../img/title_backnumber_smp.png) 0 0 no-repeat;
  -webkit-background-size: 90% auto;
  background-size: 90% auto;
 }
 .section-music .title {
  background: transparent url(../img/title_music_smp.png) 0 0 no-repeat;
  -webkit-background-size: 90% auto;
  background-size: 90% auto;
 }
 .section-narration .title {
  background: transparent url(../img/title_narration_smp.png) 0 0 no-repeat;
  -webkit-background-size: 90% auto;
  background-size: 90% auto;
 }
 .section-about .title {
  background: transparent url(../img/title_about_smp.png) 0 0 no-repeat;
  -webkit-background-size: 90% auto;
  background-size: 90% auto;
 }
}
/* =============================================
 btn
============================================= */
.btn_w:after, .btn_y:after, .btn_g:after {
 content: "";
 display: block;
 clear: both;
 width: 20%;
 max-width: 40px;
 height: 32%;
 max-height: 17px;
 position: absolute;
 right: 0;
 top: 50%;
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
}
.btn_w {
 position: relative;
 /*background-color: rgba(255,255,255,0.9);*/
 border: 2px solid #e9c01a;
 padding: 15px 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: linear-gradient(rgba(255, 255, 255, 0.9) 50%, #fdfcac 50%);
 background-position: 0 0;
 background-size: auto 200%;
 width: 100%;
}
.btn_w:after {
 background-image: url(../img/deco_arrow_r_orange.png);
 -webkit-background-size: contain;
 background-size: contain;
}
.btn_w:hover {
 background-position: 0 100%;
 border: 2px solid #a7cf5d;
}
.btn_y {
 position: relative;
 background: #e9c01a;
 padding: 10px 0;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, #a5d863 50%);
 background-position: 0 0;
 background-size: auto 200%;
 width: 100%;
}
.btn_y:after {
 background-image: url(../img/deco_arrow_r_white.png);
 -webkit-background-size: contain;
 background-size: contain;
}
.btn_y:hover {
 background-position: 0 100%;
}
.btn_g {
 position: relative;
 padding: 5px 25px;
}
.btn_g:after {
 background-image: url(../img/deco_arrow_r_green.png);
 -webkit-background-size: contain;
 background-size: contain;
}
.btn_g:hover {
 background-position: 0 100%;
}
/* -------------------------------------------
 各種ボタン テキスト
------------------------------------------- */
.btn_about, .btn_more, .btn_backNumber, .btn_opinion {
 max-width: 100%;
 white-space: nowrap;
 text-indent: 100%;
 overflow: hidden;
}
.btn_about:before, .btn_more:before, .btn_backNumber:before, .btn_opinion:before {
 content: "";
 width: 80%;
 height: 35%;
 background-position: center center;
 background-repeat: no-repeat;
 position: absolute;
 left: 45%;
 top: 33%;
 -webkit-transform: translate(-50%, 0);
 -ms-transform: translate(-50%, 0);
 -o-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
@media screen and (min-width:641px) {
 .btn_about:before {
  background-image: url(../img/btn_about_pc.png);
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 217px;
 }
 .btn_more:before {
  background-image: url(../img/btn_more_pc.png);
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 79px;
  height: 60%;
  top: 18%;
 }
 .btn_backNumber:before {
  background-image: url(../img/btn_backnumber_pc.png);
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 113px;
 }
 .btn_opinion:before {
  background-image: url(../img/btn_opinion_pc.png);
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 114px;
 }
}
@media screen and (max-width:640px) {
 .btn_about:before {
  background-image: url(../img/btn_about_smp.png);
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 408px;
 }
 .btn_more:before {
  background-image: url(../img/btn_more_smp.png);
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 95px;
 }
 .btn_backNumber:before {
  background-image: url(../img/btn_backnumber_smp.png);
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 170px;
 }
 .btn_opinion:before {
  background-image: url(../img/btn_opinion_smp.png);
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 187px;
 }
}
/* =============================================
 header
============================================= */
.header_wrap {
 margin: 0 auto;
 position: relative;
}
.subHeader-logo {
 margin: 20px 0 0;
  width: 60%;
}
@media screen and (min-width:641px) {
 .header_wrap {
  width: 95%;
  max-width: 1100px;
 }
 .sponsor_wrap {
  position: absolute;
  right: 0;
     top: 8%;
    
    width: 20%;
 }
  .section-subHeader .sponsor_wrap {
  right: 0;
    top:inherit;
  bottom: -25px;
  width: 17%;
 }
 .sponsor_wrap img {
  width: 100%;
 }
 .sponsor_wrap a {
  display: inline-block;
 }
 .section-header {
  background: transparent url(../img/header_bg.png) top center no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
 }
 .header-logo {
  display: block;
  clear: both;
  top: 0;
  left: 0;
  width: 34.273%;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  padding-top: 7.3%;
  padding-bottom: 6%;
 }
 .header-narration {
  position: absolute;
  width: 39.636%;
  height: 0;
  padding-top: 40.455%;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background: transparent url(../img/top_narration_02_pc.png) 0 0 no-repeat;
  bottom: -65px;
  right: 10%;
  -webkit-background-size: contain;
  background-size: contain;
 }
 .header-btn {
  position: absolute;
  width: 27%;
  right: 0;
  bottom: 0;
 }
 .header-sns {
  position: absolute;
  width: 18%;
  right: 47%;
  bottom: -20px;
 }
  .section-subHeader .header-sns {
  position: absolute;
    width: 18%;
    right: 19%;
    bottom: -25px;
 }
 .header-sns li {
  width: 31%;
  display: block;
  float: right;
  margin-left: 10px;
 }
}
@media screen and (min-width:1150px) {
 .sponsor_wrap {
  right: 0;
  top: 20px;
  width: 230px;
 }
  .section-subHeader .sponsor_wrap {
  right: 0;
  top: 10px;
    bottom: inherit;
  width: 200px;
 }
  .section-subHeader .header-sns {
    right: 25px;
 }
}
@media screen and (max-width:640px) {
 .header_wrap {
  padding-bottom: 50px;
 }
 .sponsor_wrap {
  background-color: #fff;
  top: 0;
  padding: 3.5% 0 2%;
  border-top: 3px solid #a5d863;
  border-bottom: 3px solid #a5d863;
  position: inherit;
  text-align: center;
 }
 .sponsor_wrap a {
  width: 75%;
  margin: 0 auto;
 }
 .sponsor_wrap a img {
  width: 100%;
 }
 .subHeader-logo {
  padding: 10px 0 3px;
  width: 95%;
  margin: 0 auto;
 }
 .header-logo {
  display: block;
  clear: both;
  top: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  padding-top: 5%;
 }
 .header-narration {
  width: 100%;
  height: 0;
  padding-top: 30%;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background: transparent url(../img/top_narration_02_smp.png) 0 0 no-repeat;
  bottom: 0;
  left: 0;
  -webkit-background-size: contain;
  background-size: contain;
  position: relative;
  top: -5px;
 }
 .header-time {
  position: absolute;
  right: 25%;
  top: 48%;
  width: 52%;
 }
 .header-btn {
  display: none;
 }
 .header-sns {
  position: absolute;
  width: 46%;
  right: 3%;
  bottom: 20%;
 }
 .header-sns li {
  width: 28%;
  display: block;
  float: right;
  margin-left: 4%;
 }
}
.header-sns li a {
 display: block;
}
.header-sns a:hover {
 opacity: 0.7;
}
.header_menu {
 display: block;
 clear: both;
 position: absolute;
 bottom: 3vw;
 width: 100%;
}
.header_menu-label {
 position: relative;
 background: #e9c01a;
 width: 94%;
 margin: 0 auto;
 color: #fff;
 font-size: 1.4rem;
 display: block;
 text-align: center;
 padding: 5px 0;
 z-index: 3;
 cursor: pointer;
}
.header_menu-label:before {
 content: "";
 display: block;
 clear: both;
 background: transparent url(../img/icon_btm_w.png) 0 0 no-repeat;
 -webkit-background-size: contain;
 background-size: contain;
 width: 12px;
 height: 12px;
 position: absolute;
 top: 50%;
 left: 24%;
 -webkit-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
}
.header_menu-switch {
 display: none;
}
.header_menu-list {
 position: absolute;
 width: 94%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 z-index: 2;
 background: rgba(255, 255, 255, 0.8);
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 left: 3%;
 border: 5px solid #e9c01a;
 border-top: 0;
}
.header_menu-list a {
 width: 95%;
 display: block;
 text-align: center;
 text-decoration: none;
 border-top: 2px solid #fff;
 padding: 10px;
 box-sizing: border-box;
 background: #e9ac1a;
 color: #fff;
 margin: 0 auto;
 cursor: pointer;
}
.header_menu-switch + .header_menu-list {
 padding: 0;
 height: 0;
 overflow: hidden;
 top: 0;
}
.header_menu-switch:checked + .header_menu-list {
 padding: 10px;
 height: auto;
 top: 100%;
}
/* =============================================
 おしらせ
============================================= */
.section-news {
 padding: 0;
 border: 5px solid #a5d863;
}
.news {
 padding: 1rem 3.5%;
 background: #f9ffca;
}
.news a {
 width: 100%;
 display: inline-block;
 position: relative;
 text-decoration: none;
 padding: 0 0 2px 1.5em;
 overflow: hidden;
 white-space: nowrap;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 color: #000;
}
.news a:hover:before {
 left: 5px;
}
.news a:before {
 content: "";
 display: block;
 clear: both;
 position: absolute;
 left: 0;
 top: 0;
 width: 0.8em;
 height: 1.2em;
 background: transparent url(../img/icon_li.png) left center no-repeat;
 -webkit-background-size: contain;
 background-size: contain;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.news a:hover {
 color: #f5a211;
}
.news .nolink a:hover:before {
 left: 0px;
}
.news .nolink a:before {
 content: "";
 display: block;
 clear: both;
 position: absolute;
 left: 0;
 top: 0;
 width: 0.8em;
 height: 1.2em;
 background: transparent url("../img/icon_li_nolink.png") left center no-repeat;
 -webkit-background-size: contain;
 background-size: contain;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.news .nolink a:hover {
 color: #000;
}
@media screen and (min-width:641px) {
 .section-news .btn_more {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 15%;
  min-width: 100px;
  padding: 8px 0;
  text-decoration: none;
 }
}
@media screen and (max-width:640px) {
 .news {
  margin-bottom: 10px;
 }
 .section-news {
  padding: 0;
  border: none;
  border-top: 5px solid #a5d863;
 }
 .section-news .btn_more {
  width: 35%;
  min-width: 100px;
  text-decoration: none;
  float: right;
  margin-right: 2%;
 }
 .section-news {
  padding: 0 0 3%;
 }
 #top .section-news {
  margin-top: 0;
 }
 .section-news:after {
  content: "";
  display: block;
  clear: both;
 }
}
/* =============================================
 放送内容
============================================= */
.bc {
 padding: 6% 3.5%;
}
.bc_header {
 position: relative;
 margin-bottom: 20px;
}
.bc_header-img {
 /*width: 16.645%;*/
 max-width: 29%;
 float: left;
 border: 4px solid #31a31f;
 margin-right: 0.5rem;
}
.bc_header-img img {
 display: block;
}
.bc_header-time {
 width: 100%;
 border-bottom: 1px solid #31a31f;
 color: #31a31f;
 font-size: 1.5rem;
 /*padding-left: 20%;*/
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding-top: 1rem;
}
.bc_header-time span {
 font-size: 1.726rem;
}
.bc_header-subtitle {
 font-size: 1.0rem;
 font-weight: normal;
 /*padding-left: 20%;*/
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding-top: 0.7rem;
}
.bc_header-maintitle {
 font-size: 1.726rem;
 font-weight: normal;
 /*padding-left: 20%;*/
 display: flex;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding-top: 0.3rem;
}
.bc_header:after {
 content: "";
 display: block;
 clear: both;
}
.bc_bnr {
 margin: 0 auto 20px;
}
.bc_bnr a:hover {
 opacity: 0.7;
}
.bc_movie div {
 width: 82%;
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
 margin: 0 auto 30px;
}
.bc_movie iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.bc_txt {
 width: 100%;
 border: 5px solid #e8ecdf;
 padding: 3%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 line-height: 2rem;
 margin: 0 auto 30px;
}
.bc_txt p {
 color: #3c3c3c;
 padding: 0 0.6em 0.3em 1em;
 background-color: #fff;
 background-image:
  linear-gradient(to right, #fff 3px, transparent 1px), linear-gradient(to top, #c0baba 1.3px, transparent 1px);
 background-size: 6px 2.2rem;
 line-height: 2.2rem;
 display: block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.bc_img {
 display: block;
 clear: both;
 margin: 0 auto 30px;
}
.bc_img:after {
 content: "";
 display: block;
 clear: both;
}
.bc_img li {
 display: block;
 float: left;
 width: 25.25%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding-left: 1.25%;
 padding-bottom: 1.25%;
}
.bc_img a {
 position: relative;
 display: block;
}
.bc_img a:hover {
 opacity: 0.7;
}
.bc_img a:hover img {
 border: 4px solid #e9c01a;
}
.bc_img li a:after {
 content: "";
 display: block;
 clear: both;
 width: 23.2%;
 height: 0;
 padding-top: 23.2%;
 background: #e9c01a url(../img/icon_zoom.png) 0 0 no-repeat;
 -webkit-background-size: contain;
 background-size: contain;
 position: absolute;
 bottom: 10px;
 right: 10px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.bc_img a:hover:after {
 width: 30%;
 padding-top: 30%;
}
.bc_img li img {
 width: 100%;
 display: block;
 border: 4px solid #cbcbcb;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.bc_img li:nth-child(4n+1) {
 padding-left: 0;
 width: 24%;
}
.bc_info {
 display: block;
 clear: both;
}
.bc_info table {
 width: 100%;
 border: 5px solid #e8ecdf;
 border-top: none;
 border-collapse: collapse;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.bc_info table + table {
 margin-top: 20px;
}
.bc_info caption {
 padding: 8px;
 text-align: left;
 color: #fff;
 font-weight: normal;
 background: #31a31f;
 border: 5px solid #e8ecdf;
 border-bottom: none;
}
.bc_info td, .bc_info th {
 padding: 10px;
 border: solid 1px #c5ccb4;
 word-break: break-all;
}
.bc_info th {
 background: #e6f1ca;
 width: 17%;
}
.txt_atn {
 margin: 10px 0;
 font-size: 0.7rem;
}
.bc .btn_backNumber {
 width: 100%;
 margin-top: 50px;
}
#page_backnumber .bc .btn_backNumber, .section-nextBC .btn_backNumber {
 display: none;
}
.js-bnr {
 display: none;
}
.js-bnr_tver {
 display: block;
}
@media screen and (max-width:640px) {
 .bc {
  padding: 10% 0;
 }
 .bc_movie div {
  width: 100%;
  margin-bottom: 10px;
 }
 .bc_header {
  padding: 0 3%;
  margin-bottom: 10px;
 }
 .bc_header-time {
  padding-top: 0;
  padding-left: 26%;
  font-size: 1.0em;
  font-weight: bold;
 }
 .bc_header-time span {
  font-size: 1.2em;
  font-weight: bold;
 }
 .bc_header-subtitle {
  padding-top: 0.2rem;
  padding-left: 26%;
  display: inherit;
  font-size: 0.9375rem;
 }
 .bc_header-maintitle {
  font-size: 1.25rem;
  font-weight: bold;
 }
 .bc_bnr {
  width: 96%;
  margin: 0 auto 10px;
 }
 .bc_txt {
  width: 96%;
  margin: 0 auto 10px;
  padding: 0;
  border: none;
 }
 .bc_img {
  width: 99%;
  margin: 0 auto 10px;
 }
 .bc_img li {
  width: 50%;
  padding: 1.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
 .bc_img li:nth-child(4n+1) {
  width: 50%;
  padding: 1.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
 .bc_img li img {
  display: block;
  border: 2px solid #cbcbcb;
 }
 .bc_img a:hover img {
  border: 2px solid #e9c01a;
 }
 .bc_info {
  width: 97%;
  margin: 0 auto 10px;
 }
 .txt_atn {
  width: 97%;
  margin: 0 auto 10px;
  font-size: 0.8rem;
 }
 .bc_txt p {
  background-size: 6px 30px;
  line-height: 30px;
 }
 .bc_header-img {
  width: 24%;
  float: left;
  border: 2px solid #31a31f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*margin-right: 0;*/
 }
 /*.bc_header-time,
	.bc_header-subtitle,
	.bc_header-maintitle{
		padding-left: 28%;
	}*/
}
@media screen and (max-width:350px) {
 .bc_header-time {
  font-size: 0.9rem;
 }
 .bc_header-time span {
  font-size: 1.2em;
 }
 .bc_header-maintitle {
  font-size: 1.2rem;
 }
}
/* =============================================
 リスト
============================================= */
.section-backNumberList {
 padding: 6% 3.5%;
}
.back_before {
 color: #31a31f;
 position: absolute;
 right: 10px;
 top: 5px;
}
.back_before:hover {
 color: #8dc445;
}
.monthMenu {
 text-align: center;
 white-space: nowrap;
 padding-bottom: 20px;
}
.monthMenu li {
 display: inline-block;
 white-space: nowrap;
 vertical-align: middle;
}
.monthMenu select {
 padding: 8px 30px 8px 18px;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 -ms-border-radius: 40px;
 -o-border-radius: 40px;
 border-radius: 40px;
 border: none;
 background: #e9c01a url(../img/icon_btm_g.png) 90% center no-repeat;
 background-size: 10px auto;
 font-size: 1rem;
 font-weight: normal;
}
.monthMenu select::-ms-expand {
 display: none;
}
.monthMenu a {
 position: relative;
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 -ms-border-radius: 40px;
 -o-border-radius: 40px;
 border-radius: 40px;
 color: #000;
 background: #e9c01a;
 text-decoration: none;
 width: 45px;
 height: 0;
 padding-top: 42px;
 white-space: nowrap;
 overflow: hidden;
 text-indent: 100%;
 display: block;
}
.monthMenu a:hover {
 background: #31a31f;
 color: #fff;
}
.monthMenu .month_none {
 cursor: default;
 color: #999;
 background: #dcdcdc;
}
.monthMenu .month_none:hover {
 background: #dcdcdc;
}
.monthMenu .month_now {
 cursor: default;
 background: #31a31f;
 color: #fff;
}
.monthMenu li a:before {
 content: "";
 display: block;
 clear: both;
 height: 22px;
 white-space: nowrap;
 overflow: hidden;
 text-indent: 100%;
 position: absolute;
 top: 55%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 background-repeat: no-repeat;
 background-position: 0 -25px;
}
.monthMenu li:nth-child(2) a:before {
 width: 18px;
 background-image: url(../img/month_1.png);
}
.monthMenu li:nth-child(3) a:before {
 width: 23px;
 background-image: url(../img/month_2.png);
}
.monthMenu li:nth-child(4) a:before {
 width: 23px;
 background-image: url(../img/month_3.png);
}
.monthMenu li:nth-child(5) a:before {
 width: 23px;
 background-image: url(../img/month_4.png);
}
.monthMenu li:nth-child(6) a:before {
 width: 23px;
 background-image: url(../img/month_5.png);
}
.monthMenu li:nth-child(7) a:before {
 width: 22px;
 background-image: url(../img/month_6.png);
}
.monthMenu li:nth-child(8) a:before {
 width: 22px;
 background-image: url(../img/month_7.png);
}
.monthMenu li:nth-child(9) a:before {
 width: 23px;
 background-image: url(../img/month_8.png);
}
.monthMenu li:nth-child(10) a:before {
 width: 22px;
 background-image: url(../img/month_9.png);
}
.monthMenu li:nth-child(11) a:before {
 width: 29px;
 background-image: url(../img/month_10.png);
}
.monthMenu li:nth-child(12) a:before {
 width: 25px;
 background-image: url(../img/month_11.png);
}
.monthMenu li:nth-child(13) a:before {
 width: 29px;
 background-image: url(../img/month_12.png);
}
.monthMenu .month_none:before {
 background-position: 0 0;
}
.monthMenu .month_now:before {
 background-position: 0 -49px;
}
.list {
 font-size: 0;
}
.list .tver:before {
 content: "";
 display: block;
 clear: both;
 width: 60px;
 height: 60px;
 background: transparent url(../img/icon_tver.png) 0 0 no-repeat;
 -webkit-background-size: contain;
 background-size: contain;
 position: absolute;
 right: 10px;
 top: 13px;
}
.list_box {
 position: relative;
 width: 25%;
 display: inline-block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding-right: 10px;
 font-size: 1rem;
 margin-bottom: 10px;
 vertical-align: top;
}
.list_box a {
 color: #000;
 text-decoration: none;
 padding: 10px 0;
 border-top: 0 solid #fff;
 border-bottom: 0 solid #fff;
}
.list_box a:hover {
 background: #ddd;
 border-top: 5px solid #a5d863;
 border-bottom: 5px solid #a5d863;
}
.list_box p {
 font-size: 0.95rem;
}
.list-time {
 color: #0e6b0e;
 font-weight: bold;
}
.list-img {
 margin: 5px 0;
 text-align: center;
}
.list-img img {
 width: 100%;
}
.list-txt {
 word-break: break-all;
}
.btn_more_open {
 display: none;
 position: relative;
 background: #e9c01a;
 padding: 15px 0;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, #a5d863 50%);
 background-position: 0 0;
 background-size: auto 200%;
 width: 100%;
 background: #e9c01a url(../img/icon_btm_w.png) 10% center no-repeat;
 background-size: 10px auto;
 text-align: center;
 color: #fff;
 text-decoration: none;
}
@media screen and (max-width:1049px) {
 .back_before {
  position: relative;
  margin: 0 auto;
  top: 0;
  left: 0;
  text-align: right;
  display: block;
  padding: 3% 7% 3%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
}
@media screen and (max-width:640px) {
 .back_before {
  padding: 3% 10% 3%;
 }
 .list_box {
  width: 50%;
 }
 .list .tver:before {
  width: 30%;
  height: 30%;
  top: 2rem;
 }
 .monthMenu li:first-child {
  width: 60%;
 }
 .monthMenu select {
  width: 100%;
 }
 .list-time {
  border-top: 2px solid #ddd;
  padding-top: 0.5rem;
 }
 .list_box:nth-child(1) .list-time, .list_box:nth-child(2) .list-time {
  border-top: 0 solid #ddd;
  padding-top: 0;
 }
}
.paging {
 display: block;
 clear: both;
 font-size: 0;
 line-height: 0;
 width: 100%;
}
.paging_wp {
 width: 94%;
 margin: 0 auto 100px;
 text-align: center;
}
.paging p {
 width: 15%;
 display: inline-block;
 vertical-align: middle;
}
.paging ul {
 width: 70%;
 display: inline-block;
 /*text-align: left;*/
 vertical-align: middle;
 /*margin-bottom: -8px;*/
 padding-top: 8px;
}
.paging li {
 width: 10%;
 display: inline-block;
 font-size: 18px;
 line-height: 1.4;
 margin: 0 1.25% 8px;
 text-align: center;
}
.paging a {
 position: relative;
 display: block;
 background: #e9c01a;
 padding: 10px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 text-decoration: none;
 color: #fff;
 font-size: 18px;
 line-height: 1.4;
 background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, #a5d863 50%);
 background-position: 0 0;
 background-size: auto 200%;
}
.paging a:hover {
 background-position: 0 100%;
}
.paging span {
 font-size: 13px;
 position: relative;
 top: -5px;
 color: #999;
}
.paging .paging-center {
 width: 60%;
}
.paging .none {
 cursor: default;
 background: #e0e0e0;
}
.paging .active {
 cursor: default;
 background: #31a31f;
}
.paging-prev, .paging-list, .paging-next {
 white-space: nowrap;
 text-indent: 150%;
 overflow: hidden;
}
.paging-prev:before, .paging-list:before, .paging-next:before {
 content: "";
 width: 80%;
 height: 50%;
 background-position: center center;
 background-repeat: no-repeat;
 position: absolute;
 top: 25%;
 -webkit-transform: translate(-50%, 0);
 -ms-transform: translate(-50%, 0);
 -o-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
.paging-prev:before {
 left: 55%;
 background-image: url(../img/btn_prev_smp.png);
 -webkit-background-size: contain;
 background-size: contain;
 max-width: 35px;
}
.paging-list:before {
 left: 45%;
 background-image: url(../img/btn_list_smp.png);
 -webkit-background-size: contain;
 background-size: contain;
 max-width: 53px;
}
.paging-next:before {
 left: 45%;
 background-image: url(../img/btn_next_smp.png);
 -webkit-background-size: contain;
 background-size: contain;
 max-width: 35px;
}
.paging-prev:after, .paging-next:after {
 content: "";
 display: block;
 clear: both;
 width: 20%;
 max-width: 40px;
 height: 32%;
 max-height: 17px;
 position: absolute;
 top: 50%;
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transform: translate(0, -50%);
}
.paging-prev:after {
 left: 0;
}
.paging-next:after {
 right: 0;
}
.paging-prev:after {
 background-image: url(../img/deco_arrow_l_white.png);
 -webkit-background-size: contain;
 background-size: contain;
}
.paging-next:after {
 background-image: url(../img/deco_arrow_r_white.png);
 -webkit-background-size: contain;
 background-size: contain;
}
.main div:first-child.paging {
 display: none;
}
p.paging-continue {
 color: #31a31f;
 font-size: 24px;
 margin: 0 auto 10px;
 /*display: flex;*/
 display: inline-flex;
 justify-content: center;
}
.paging li:first-child {
 margin: 0 0.625% 8px 1.875%;
}
.paging li:last-child {
 margin: 0 1.875% 8px 0.625%;
}
@media screen and (max-width:640px) {
 .paging p {
  width: 25%;
 }
 .paging ul {
  width: 50%;
 }
 .paging .paging-center {
  width: 80%;
 }
}
/* =============================================
 side
============================================= */
@media screen and (max-width:640px) {
 .side {
  width: 95%;
  margin: 0 auto;
 }
}
/* -------------------------------------------
 link
------------------------------------------- */
.side_link {
 display: block;
 clear: both;
}
.side_link li {
 display: block;
 padding: 0;
 margin: 0;
 margin-bottom: 15px;
}
.side_link li a {
 display: block;
}
.side_link .btn_backNumber {
 padding: 30px 0;
}
/* -------------------------------------------
 tver
------------------------------------------- */
.side_tver {
 display: block;
 clear: both;
 margin-bottom: 15px;
 border: 5px solid #0062b7;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background: transparent url(../img/side_tver_bg.png) 0 0 repeat;
}
.side_tver-top {
 height: 74px;
}
.side_tver-time {
 text-align: center;
 color: #0062b7;
 font-weight: bold;
}
.side_tver-subtitle {
 padding: 8px 3% 0;
}
.side_tver-title {
 font-weight: bold;
 padding: 0 3% 0;
}
.side_tver-img img {
 width: 100%;
}
.side_tver-txt {
 font-size: 0.8rem;
 padding: 3% 3% 0;
 line-height: 1.4;
}
.side_tver-btn {
 margin-top: 3%;
}
.side_tver-btn a {
 display: block;
 background: #3fc5df;
 padding: 15px 0 10px;
}
.side_tver-btn a:hover {
 opacity: 0.7;
}
.event {
 padding-bottom: 10px;
}
/* -------------------------------------------
 アンケートバナー　20180904
------------------------------------------- */
.bnr_question {
 margin-bottom: 15px;
}
@media screen and (max-width:640px) {
 .bnr_question {
  clear: both;
  bottom: 0;
/*  width: 95%;*/
  width: 100%;
  margin: 0 auto;
 }
}
/* =============================================
 footer
============================================= */
.section-footer {
 width: 100%;
 padding: 60px 0;
 background: #a5d863;
}
.section-footer p {
 color: #fff;
 text-align: center;
 font-size: 0.7rem;
}
@media screen and (max-width:640px) {
 .section-footer {
  width: 100%;
  padding: 80px 0;
  background: #a5d863;
 }
}
/* =============================================
 その他
============================================= */
.footer-sns {
 padding: 50px 0;
 text-align: center;
}
.footer-sns li {
 display: inline-block;
 width: 20%;
 max-width: 60px;
 margin: 5px;
}
.footer-sns a:hover {
 opacity: 0.7;
}
.pageTop {
 position: fixed;
 bottom: 30px;
 right: 30px;
 z-index: 10;
}
.pageTop:hover {
 -webkit-animation: topMove .8s;
 animation: topMove .8s;
}
.pageTop img {
 width: 100%;
 height: auto;
}
@media screen and (max-width:640px) {
 .pageTop {
  width: 66px;
 }
}
/*add_instabnr*/
.header-insta {
  position: absolute;
  width: 16.5%;
  right: 47%;
  bottom: -8px;
/*  bottom: -20px;*/
}
.section-subHeader .header-insta {
  position: absolute;
  width: 16.5%;
  right: 19%;
  bottom: -25px;
}
.header-insta li {
  width: 31%;
  display: block;
  float: right;
  margin-left: 10px;
}
@media screen and (min-width:641px) {
  .section-subHeader .header-insta {
    position: absolute;
    width: 16.5%;
    right: 19%;
    /*bottom: -25px;*/
	  bottom: -22px;
  }
}
@media screen and (min-width:1150px) {
  .section-subHeader .header-insta {
    /*right: 25px;*/
	  right: 6px;
  }
	
}
@media screen and (max-width:640px) {
  .header-insta {
    position: absolute;
    width: 35%;
    right: 3%;
    bottom: 20%;
  }
  .header-insta li {
    width: 28%;
    display: block;
    float: right;
    margin-left: 4%;
  }
	.share{
    width: 50%;
		padding: 50px 0 30px;
}
}

.header-insta li a {
  display: block;
}
.header-insta a:hover {
  opacity: 0.85;
}
.share{
	clear: both;
	width: 100%;
    padding: 30px 0;
    margin: 0 auto;
}
.share p{
	font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
	margin-bottom: 0.5rem;
	color: #31a31f;
}
.share .footer-sns {
    padding: 0;
    text-align: center;
}

/* ==================================
見逃し配信
================================== */

.delivery_bnr .side_link li:not(:last-child){
	margin-bottom: 5px !important;
}

.list .tver:before {
 content: "";
 display: block;
 clear: both;
 width: 58px !important;
 height: 58px !important;
 background: transparent url(https://www.asahi.co.jp/img/delivery_bnr/icon_delivery.png) 0 0 no-repeat !important;
 background-size: contain !important;
 position: absolute;
 right: 10px;
 top: 20px;
}


/* ==================================
マルシェ追加
================================== */
.event_bnr{
	width: 100% !important;
	max-width: 800px !important;
	margin: 0 auto 60px !important;
    margin: 30px auto 60px !important;
	text-align: center;
}
.event_bnr img{
	width: 96% !important;
	max-width: 800px !important;
    filter: drop-shadow(2px 2px 2px #aaa);
}
.event_bnr a img{
	position:relative;
	top:0;
}
.event_bnr a img:hover{
	top:-10px;
	transition:0.3s;
}

@media screen and (max-width: 640px) {
    .event_bnr{
        margin: 0 auto 60px !important;
    }
}

h2.event_ttl{
	width: 90%;
	max-width: 750px;
	margin: 1rem auto 0;
}
h2.event_ttl1{
  background: #799630;
  box-shadow: 0px 0px 0px 5px #799630;
  border: dashed 2px #FEFFE8;
  padding: 0.4rem 1rem 0.2rem;
	margin: 3rem 0 2rem;
	    color: #FEFFE8;
	font-weight: bold;
	font-size: min(5vw,1.5rem);
	line-height: 1;
}
h3.eventttl1{
	color: #799630;
	width: 90%;
	max-width: 750px;
	text-align: center;
	font-weight: bold;
	font-size: min(5vw,1.5rem);
	margin:0 auto 1rem;

}
/*表*/
table.gaiyo {
    border-collapse: collapse;
    width: 100%;
    max-width: 800px;
    margin: 1rem auto 0;
}
.gaiyo th, .gaiyo td {
    padding: 0.2rem 1rem;
    border: solid 2px #799630;
    box-sizing: border-box;
    vertical-align: middle;
}
table.gaiyo th {
    background: #CBE787;
    border-bottom: solid 2px #799630;
    color: #799630;
    font-weight: bold;
    text-align: center;
    width: 20%;
}

table.gaiyo tr:last-child th {
    border-bottom: solid 2px #799630;
}

.gaiyo span {
    color: #799630;
    font-weight: bold;
	display: block;
	text-indent: -0.5em;
}
.info_box{
	display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-between;
}

.info_img{
  margin: 0;
  width: 38%;
	margin-right: 2%;
}
.info_txt {
	margin: 0;
  width: 60%;
}

.info_txt h1{
	text-align: center;
	margin-bottom: 0.5rem;
	font-size: min(5vw,1.5rem);
}
.info_txt p:not(:last-child) {
	margin-bottom: 0.5rem;
}
.txtS{
	font-size: 0.8em !important;
	font-weight: normal;
}
.shop_box{
	display: flex;
	flex-wrap: wrap;
}
.shop_img{
  margin: 0 auto 20px;
  width: 48%;
	margin-right: 2%;
	box-sizing: border-box;
}
.shop_txt {
  margin: 0 auto;
  width: 50%;
	box-sizing: border-box;
}

.shop_txt p:not(:last-child) {
	margin-bottom: 0.5rem;
}
span.label {
display: inline-block;
    width: 100px;
    border-radius: 50vw;
    text-align: center;
    font-size:0.8rem;
    color: #fff;
    box-sizing: border-box;
    line-height: 0;
    padding:9px 0;
    margin: -5px 10px 10px 0;
	background-color: #799630;
}
span.label_s {
    padding:10px 0;
font-size: 0.7em !important;
}
.bg_o{
	background-color: #FF7030 !important;
}

.shop_txt a,.info_txt a{
	text-decoration: none;
	color: #000;
	word-break: break-all;
	margin-bottom: 0.5em;
	font-size: 0.75em;
}
.shop_txt a:hover,.info_txt a:hover{
	text-decoration:underline;
	color: #799630
}

.shop_section{
	width: 100%;
	padding: 40px 15px 40px 15px;
	background: url("../../marche2023/img/bg.jpg");
	background-repeat: repeat;
	box-sizing: border-box;
}

ul.listshop{
	width: 100%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
}

ul.listshop li{
	width: 48%;
}
.btn--orange,
ul.listshop li a {
	display: block;
	width: 100%;
	text-align: center;
  color: #799630;
  background-color: #fff;
border-bottom: 4px solid #ccc;
	font-size: 1.2em;
font-weight: bold;
	padding: 1em 0;
	box-sizing: border-box;
text-decoration: none;
transition: .2s;
	margin-bottom: 1rem;
	border-radius: 6px;

}
ul.listshop li a:hover {
	color: #3D6639;
  background: #E0F1B4;
border-bottom: 4px solid #799376;
}
.insta,.youtube,.facebook{
	padding-left: 1.5em;
	position: relative;
	margin-top: 10px;
}
.insta::before {
	display: block;
    content: '';
    position: absolute;
    width: 1.25em;
    height: 1.25em;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    line-height: 1.2;
    background:url("../../marche2023/img/icon_instagram.png");
    background-size: contain;
}
.youtube::before {
	display: block;
    content: '';
    position: absolute;
    width: 1.25em;
    height: 1.25em;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    line-height: 1.2;
    background:url("../../marche2023/img/icon_youtube.png");	
    background-size: contain;
}
.facebook::before {
	display: block;
    content: '';
    position: absolute;
    width: 1.25em;
    height: 1.25em;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    line-height: 1.2;
    background:url("../../marche2023/img/icon_facebook.png");	
    background-size: contain;
}
@media screen and (max-width: 1000px) {
ul.listshop li{
	width: 100%;
}
ul.listshop li a {
	font-size: 1.4rem;
	}
ul.listshop li a > a {
	margin-bottom: 5%;
	font-size: 0.5em;
		word-break: break-all;
}
}

@media screen and (max-width: 640px) {
    table.gaiyo {
        width: 100%;
        margin: 1rem auto 0;
    }
    table.gaiyo th, table.gaiyo td {
        display: block;
        width: 100%;
        border-bottom: none;
        max-width: auto;
    }
    .gaiyo tr:last-child {
        border-bottom: solid 2px #799630;
    }
    table.gaiyo tr:last-child th {
        border-bottom: none;
    }
span.label {
/*display: block;*/
	margin-bottom: 0.5em;
}
.info_box{
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
}
.info_img{
  margin: 0 auto 20px;
  width: 100%;
}
.info_txt {
  margin: 0 auto;
  width: 100%;
}
.info_txt h1{
	text-align: leftr;
}

.shop_txt p{
	margin-bottom: 0.5rem !important;
}
.shop_txt p:last-of-type{
	margin-bottom: 0 !important;
}
ul.listshop{
	width: 100%;
	justify-content: center;
	flex-direction:column;
	flex-wrap: wrap;
}
ul.listshop li a {
	font-size: 4.5vw;
	}
}
.info_bg{
	padding: 10px;
	box-sizing: border-box;
	display: block;
	font-weight: bold;
	background-color: #fff08c;
	text-align: center;
}

.mt10{
	margin-top: 1rem;
}
.pt_top{
	padding-top: 30px !important;
}
@media screen and (max-width:740px) {
.shop_section{
	padding: 10% 5% 0 5%;
	margin-bottom: 10%;
}
.shop_box{
	flex-direction: column;
}
.shop_img{
  margin: 0 auto 0.5em;
  width: 100%;
}
.shop_txt {
  margin: 0 auto;
  width: 100%;
}
}
@media screen and (min-width:821px) {
 .onlyTB {
  display: none !important;
 }
}
@media screen and (max-width:820px) {
 .onlyTB {
  display: block;
 }
}