@charset "utf-8";

body {
    font-size: 87.5%;
}

/*追加*/
.bold {
    font-size: 1.2em;
    font-weight: bold;
}

.c_orange {
    color: #ff6600;
}

.strcolor2 {
    color: red;
}

m0 {
    margin-right: 0 !important;
}

.s_img {
    width: auto;
}

.m_img {
    width: 20%;
    padding-top: 3em;
    margin: 0 auto !important;
}

.qr img {
    padding-bottom: 2em;
    width: 80%;

}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.hr {
    border-bottom: 2px dashed #e3e3e3;
    padding-bottom: 3em;
}

.soft {
    font-size: 0.9em;
    /*color: #9F9F9F;*/
}

.ff {
    font-size: 1.2em;
    font-weight: bold;
    color: #dc0000;
}

.event h4 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 15px 8px 8px;
    background-color: #ebebeb;
}

.sns_link {
    color: #3E78CF;
}

.sp_only {
    display: none;
}

/* ■wrap
--------------------------------------------------- */
#wrapper {}

/* ■header
--------------------------------------------------- */
header {
    display: block;
    border-top: 10px solid #313131;
    background: #ffe100;
}

header:before {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: #d60021;
    position: absolute;
}

.header_logo {
    width: 950px;
    margin: 0 auto;
    position: relative;
    top: -5px;
    text-align: center;
}

.header_logo img {
    width: 372px;
    height: 23px;
    text-align: center;
}

/* ■content
--------------------------------------------------- */
#content {
    width: 100%;
    min-width: 1000px;
}

#content_wrap:after {
    content: "";
    display: block;
    clear: both;
}

#content_wrap {
    display: inline-block;
}

#content_wrap {
    display: block;
}

#content_wrap {
    width: 100%;
    margin: 0 auto;
}

/* wide */
#content_wrap.widearea {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}

.widearea #main-content {
    width: 100%;
    min-width: 1000px;
    float: none;
}

.widearea #sub-content {
    display: none;
}

/* ■footer
--------------------------------------------------- */
footer{
    position:relative;
    display: flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
    padding:24px 0 28px 0;
    border-top:4px solid #313131;
    background:#ffe100;
    font-size: 13px;
  }
  footer:before{
    content:"";
    display:block;
    width:100%;
    height:4px;
    margin:0 0 24px 0;
    padding:0;
    background:#d60021
  }
  
  .footer_note1{
    display: inline-block;
    margin:0 auto;
  }
  .footer_note1 > li{
    padding: 0 0 0 3em;
    text-indent: -3em;
  }
  .footer_sponsor{
    display: inline-flex;
    
    align-items:center;
    margin:18px auto 0;
    padding: 0 0 0 0;
    text-indent:0;
  }
  
  .footer_sponsor ul{
    display: inline-flex;
  }
  .footer_sponsor ul li{
    margin:0 16px 0 0;
  }
  .sponsor_icon{
    display: inline-block;
    width:121px;
    margin:0;
    padding: 0;
  }
  .alcohol_caution{
    display: inline-flex;
    font-size:13px;
  }
  .alcohol_caution .icon{
    margin:0 8px 0 0;
  }

/* ■icon
--------------------------------------------------- */
.icon {
    display: inline-block;
}

.arrow--down,
.arrow--next,
.arrow--up,
.icon--a,
.icon--caution,
.icon--q {
    width: 28px;
    height: 41px;
    background-image: url(../common/img/sprite-img_2023_03.png);
    background-position: 0 -333px;
}

.arrow--down,
.arrow--next,
.arrow--up,
.icon--a,
.icon--q {
    width: 38px;
    height: 38px;
    background-position: 0 -290px;
}

.arrow--down,
.arrow--next,
.arrow--up,
.icon--a {
    background-position: -43px -290px;
}

.arrow--down,
.arrow--next,
.arrow--up {
    width: 17px;
    height: 17px;
    background-position: -132px -290px;
}

.arrow--down,
.arrow--next {
    width: 19px;
    height: 19px;
    background-position: -86px -290px;
}

.arrow--next {
    width: 17px;
    height: 17px;
    background-position: -110px -290px;
}

/* ■h2
--------------------------------------------------- */
h2 {
    position: relative;
    min-width: 950px;
    margin: 0 0 25px;
    padding: 25px 0 18px;
    text-align: center;
    border-top: 4px solid #313131;
    background: #ffe100;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

h2:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: '';
    background: #d60021;
}

.sub_title {
    display: block;
    margin: 0;
    font-family: 'Century Gothic', sans-serif;
    font-size: 18px;
    color: #dc0000;
    font-weight: 300;
    line-height: 1.6;
}

/* ■main_v
--------------------------------------------------- */
section.main_v {
    min-width: 1000px;
    /*background: url(../common/img/top/bg_main_v_2023ff.jpg) center bottom no-repeat;*/
    background: url(../common/img/top/bg_main_v_2019.png) center bottom no-repeat;
    background-size: cover;
}

h1 {
    position: relative;
    width: 950px;
    margin: 0 auto
}

h1 img {
    display: block;
    margin: 0 auto;
    width: 520px;
}

/* ■navarea
--------------------------------------------------- */
section.navarea {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    position: relative;
}

@media screen and (max-width: 1000px) {
    section.navarea {
        margin: 0 25px;
        margin: 0;
    }

    .g-nav {
        margin: 0 25px !important;

    }
}

.g-nav_link:after,
footer:before,
header:before {
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

.nav {
    background: #000
}

.g-nav {
    display: table;
    width: 950px;
    margin: 0 auto;
    padding: 8px 0
}

.g-nav_item {
    display: table-cell;
    width: 238px;
    padding-right: 7px
}

.g-nav_item+.g-nav_item {
    padding-left: 7px;
    border-left: 1px solid #444
}

.g-nav_link {
    position: relative;
    display: block;
    width: 225px;
    height: 53px;
    text-indent: -9999px;
    border-radius: 4px
}

.g-nav_link:after {
    display: block
}

.g-nav_link:not(.is-off):hover {
    text-decoration: none;
    background: #ffe700;
    background: linear-gradient(to bottom, #ffe700 0%, #f18e00 100%)
}

.g-nav_beer:after,
.g-nav_top:after {
    width: 225px;
    height: 53px;
    background-image: url(../common/img/sprite-img_2023_03.png);
    background-position: 0 -58px;
}

.g-nav_beer:after {
    background-position: -230px -174px
}

.g-nav_access:after,
.g-nav_beer.is-off:after,
.g-nav_enjoy.is-off:after,
.g-nav_enjoy:after {
    width: 225px;
    height: 53px;
    background-image: url(../common/img/sprite-img_2023_03.png);
    background-position: -230px -58px;
}

.g-nav_access:after,
.g-nav_beer.is-off:after,
.g-nav_enjoy.is-off:after {
    background-position: 0 -116px
}

.g-nav_beer.is-off:after,
.g-nav_enjoy.is-off:after {
    background-position: 0 -232px
}

.g-nav_enjoy.is-off:after {
    background-position: -230px -116px
}

.g-nav .is-on,
.g-nav .is-on:hover {
    text-decoration: none;
    background: #fbcb00
}

.g-nav_beer.is-on:after,
.g-nav_beer:hover:after,
.g-nav_top.is-on:after,
.g-nav_top:hover:after {
    width: 225px;
    height: 53px;
    background-image: url(../common/img/sprite-img_2023_03.png);
    background-position: 0 -174px;
}

.g-nav_beer.is-on:after,
.g-nav_beer:hover:after {
    background-position: -230px -232px
}

.g-nav_access.is-on:after,
.g-nav_access:hover:after,
.g-nav_enjoy.is-on:after,
.g-nav_enjoy:hover:after {
    width: 225px;
    height: 53px;
    background-image: url(../common/img/sprite-img_2023_03.png);
    background-position: 0 0;
}

.g-nav_access.is-on:after,
.g-nav_access:hover:after {
    background-position: -230px 0
}

.l-nav {
    min-width: 950px;
    background: #ddd
}

.l-nav_wrapper {
    width: 964px;
    margin: 0 auto
}

.l-nav_list {
    display: table;
    /*
    width:calc(100% + 21px);
    */
    width:100%;
    margin: 0 auto;
    border-spacing: 7px;
    border-collapse: separate
}

.l-nav_list+.l-nav_list {
    margin-top: -6px
}

.l-nav_item {
    display: table-cell;
    width: 152px;
    height: 40px;
    height: 52px;
    padding: 6px 8px 6px 8px;
    vertical-align: middle;
    border-radius: 4px;
    background: #fff;
}

.l-nav_item.no_list {
    display: table-cell;
    border-radius: none;
    border-radius: 4px;
    background: none !important;
}

.l-nav_item--top {
    width: 189px;
    width: 258px;
    width: 33.3%;
}

.l-nav_item--enjoy {
    width: 109px
}

.l-nav_link {
    line-height: 1.4;
    position: relative;
    display: block
}

.brand_nav-item>a:hover .brand_nav-txt,
.l-nav_link:hover .l-nav_text {
    text-decoration: underline
}

.l-nav a.l-nav_link,
.l-nav a.l-nav_link:link {
    color: #313131
}

.l-nav_text {
    display: inline-block;
    margin-left: 24px;
    font-size: 14px;
}

.l-nav .icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto 0
}

/* TOPgnav他ページリンク消し　aをspanに変更する
0 -174px ?
-230px -232px

-230px -174px beer
0 -116px akusesu
-230px -58px enjoy


0 -232px beer hover
-230px -116px enjoy hover
*/
/* 準備中用gnav */
span.g-nav_link:not(.is-off):hover {
    text-decoration: none;
    background: #ffe700;
    background: #000;
}

span.g-nav_beer.is-on:after,
span.g-nav_beer:hover:after {
    background-position: -230px -174px;
}

span.g-nav_enjoy.is-on:after,
span.g-nav_enjoy:hover:after {
    width: 225px;
    height: 53px;
    background-image: url(../img/sprite-img_2023_03.png);
    background-position: -230px -58px;
}

span.g-nav_access.is-on:after,
span.g-nav_access:hover:after {
    background-position: 0 -116px
}

/* ■stage
--------------------------------------------------- */
section.stage {
    width: 950px;
    margin: 0 auto 40px;
    padding: 20px 25px;
    border-radius: 8px;
    background-color: #fff;
}

section.stage .box img {
    min-width: 308px;
}

@media screen and (max-width: 1000px) {
    section.stage {
        margin: 0 25px;
    }
}

/* ■horoyoi
--------------------------------------------------- */
section.horoyoi {
    width: 950px;
    margin: 0 auto 40px;
    padding: 30px 25px;
    border-radius: 8px;
    background-color: #fff;
}

.horoyoi_catch {
    margin: 0 0 0.5em;
    color: #ff6600;
    text-decoration: underline;
    font-weight: 700;
    font-size: 18px;
}

.horoyoi_catch span {
    font-size: 20px;
}

section.horoyoi .pr {
    align-items: stretch;
}

section.horoyoi img {
    min-width: 284px;
}

@media screen and (max-width: 1000px) {
    section.horoyoi {
        margin: 0 25px;
    }
}

.section_img img {}

.section_img-item {
    display: table-cell;
    width: 308px;
    padding: 0 0px 0 24px;
}

.section_img-item:first-child {
    width: 284px;
    padding: 0 0 0 0;
}

.section_text p {
    margin: 0 0 0 0;
}

.section_text p+p {
    margin: 0 0 0 0;
    padding-top: 20px;
}

.section_text .text-indent {
    margin: 0 0 0 15px;
    text-indent: -15px;
}

/* ■event
--------------------------------------------------- */
section.event {
    width: 950px;
    margin: 0 auto 40px;
    padding: 50px 25px;
    border-radius: 8px;
    background-color: #fff;
}

@media screen and (max-width: 1000px) {
    section.event {
        margin: 0 25px;
    }
}

/* eventitem */
.eventitem:after {
    content: "";
    display: block;
    clear: both;
}

.eventitem {
    display: inline-block;
}

.eventitem {
    display: block;
}

.eventitem {
    width: 924px;
    margin: 0 auto;
    padding-top: 25px;
}

.eventitem li {
    width: 308px;
    margin: 0 0 25px;
    padding: 0 12px;
    float: left;
}

.eventitem li a {
    display: block;
}

.eventitem li a:hover {
    color: #313131;
    text-decoration: underline;
}

.section_img-title {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 5px;
    color: #313131
}

.section_img-title .icon {
    margin-right: 5px;
    vertical-align: middle
}

.section_img-txt {
    margin: 0 0 0 0;
    font-size: 14px;
    color: #313131;
}

/* official */
.official {
    overflow: hidden;
    padding: 25px;
}

.official_timeline {
    float: left;
    width: 438px
}

.official_timeline+.official_timeline {
    margin-left: 24px;
}

.inner_title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #000;
    height: 75px;
    line-height: 75px;
}

.inner_title:before {
    display: inline-block;
    content: '■';
    color: #ffe100;
}

.inner_img {
    display: inline;
    width: auto;
    vertical-align: middle;
    height: 70px;
    padding: 0 0.5em;
}

h4 .inner_img {
    display: inline;
    vertical-align: middle;
    height: 40px;
    padding: 0 0.5em;
    transform: translateY(-5px);
}

.event p {
    padding-left: 1em;
    padding-top: 0.5em;
}

.pad30 {
    padding-right: 30px;
}




/* ■abechika
--------------------------------------------------- */
section.abechika {
    width: 950px;
    margin: 0 auto 40px;
    padding: 50px 0px;
    border-radius: 8px;
    background-color: #fff;
}

.abechika_lead {
    font-size: 20px;
    color: #ff6600;
    font-weight: 700;
}

.abechika_lead span {
    font-size: 26px;
}

@media screen and (max-width: 1000px) {
    section.abechika {
        margin: 0 25px;
    }
}

.abechika_infowrap {
    padding: 0 25px;
}

.gentei_shoplist {
    background: url(img/abechika/gentei_bg.png) center;
}

.gentei_shoplist img {
    width: 800px;
    display: block;
    margin: 0px auto;
    padding: 60px 0 40px;
}

.abechika_url_btn {
    width: 388px;
    margin: 20px auto 0;
}

.abechika_url_btn a:hover {
    opacity: 0.6;
}

/* ■ticket
--------------------------------------------------- 
section.ticket {
    width: 950px;
    margin: 0 auto 40px;
    padding: 50px 25px;
    border-radius: 8px;
    background-color: #fff;
}*/

/* ■picnic
---------------------------------------------------
section.picnic {
    width: 950px;
    margin: 0 auto 40px;
    padding: 50px 25px;
    border-radius: 8px;
    background-color: #fff;
}

@media screen and (max-width: 1000px) {
    section.picnic {
        margin: 0 25px;
    }
} */


/* ■12 その他
--------------------------------------------------- */
section.enjoy_other {
    width: 950px;
    margin: 0 auto 0px;
    padding: 20px 25px 20px;
    border-radius: 8px;
    background-color: #fff;
}

section.enjoy_other .default_column_left p {
    margin: 0 0 27px 0;
}

section.enjoy_other .default_column_left p a {
    display: inline-block;
    margin: 20px 0 0 0;
    color: #07519a;
}

.enjoy_other h3.enjoy_newitem {
    display: table-cell;
    padding: 30px 0 0 110px !important;
    vertical-align: middle;
    height: 90px;
    background: url(img/osm/new_mark.png) left top no-repeat;
    background-size: 100px;
    line-height: 150%;
}

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

    /* other */
    section.enjoy_other {
        margin: 0 25px;
    }
}

/* ■pagetop
--------------------------------------------------- */
section.pagetop {
    width: 950px;
    margin: 0 auto;
    padding: 0px;
}

@media screen and (max-width: 1000px) {
    section.pagetop {
        margin: 0 25px;
    }
}

.totop {
    font-size: 16px;
    margin: 18px auto;
    text-align: right
}

.totop .icon {
    margin-right: 5px;
    vertical-align: middle
}

/* ■endinfo
--------------------------------------------------- */
.end-info {
    padding: 30px 0;
    background: #f8efdb;
}

.end-info__txt {
    font-size: 24px;
    font-weight: 700;
    width: 950px;
    margin: 0 auto;
    text-align: center;
    color: #f10000;
}

/* ■mmenu用
--------------------------------------------------- */
/* スライドメニュー */
nav:not(.mm-menu) {
    display: none;
}

.mm-menu {
    background: #eee;
    border-color: #FFF;
    color: #888;
}

.hover-item:hover {
    opacity: 0.6;
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>* {
    color: rgba(0, 0, 0, .3);
}

.menu-btn {
    display: none;
}

header {
    height: 34px;
    position: absolute;
    width: 100%;
    min-width: 1000px;
    top: 0;
    left: 0;
}

#content {
    padding-top: 34px !important;
}

/* ■コンテンツ汎用パーツ
--------------------------------------------------- */
/* 中タイトル（旧） */
.enjoy_m_tit {
    padding: 0 0 0 0;
    color: #ff6600;
    font-size: 20px;
    font-weight: 700;
}

.enjoy_m_tit span {
    font-size: 25px;
}
.enjoy_m_tit span.p_first {
  font-size: 20px;
  display: block;
}


/* 中タイトル（新） */
.enjoy_m_tit2 {
    padding: 0 0 0 0;
    color: #ff6600;
    font-size: 20px;
    font-weight: 700;
}

.enjoy_m_tit2 span {
    font-size: 25px;
}


.enjoy_m_tit2.enjoy_newitem {
    display: flex;
    align-items: center;
    min-height: 90px;
    margin: 0 0 20px;
    padding: 24px 0 0 108px;
    background: url(img/new_mark.png) left center no-repeat;
}


/* ドット区切り */
hr.dotline {
    display: block;
    border-top: 1px dotted #ccc;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

/* default_sectionwrap */
section.default_section_wrap {
    width: 950px;
    margin: 0 auto 50px;
    padding: 20px 25px 20px;
    border-radius: 8px;
    background-color: #fff;
}

/* default_column */
.default_column:after {
    content: "";
    display: block;
    clear: both;
}

.default_column {
    display: inline-block;
}

.default_column {
    display: block;
}

.default_column {
    padding: 0px 0;
}

.default_column_left {
    width: 478px;
    float: left;
    font-size: 15px;
    line-height: 1.8;
}

.default_column_right {
    width: 398px;
    margin-right: 0px;
    float: right;
}

/* コンテンツラップ（新） */
.enjoy_content_wrap {
    margin: 0 25px 0 0;
}

/* flexbox */
.pr {
    display: flex;
    justify-content: center;
    align-items: center;
}

.box {
    margin-right: 3em;
}

.box:last-child {
    margin-right: 0;
}

/* ■2020開催中止のお知らせ
--------------------------------------------------- */
section.whatsfest {
    width: 950px;
    margin: 0 auto 40px;
    padding: 0 25px;
    border-radius: 8px;
    background-color: #fff;
}

@media screen and (max-width:1000px) {
    section.whatsfest {
        margin: 0 25px;
    }
}

.info_discontinued {
    padding: 40px 9% 60px;
}

.info_discontinued_tit {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #d65b00;
    padding: 0 0 0.5em;
    border-bottom: 1px dotted #888;
}

/* ■2020開催中止のお知らせ
--------------------------------------------------- */
section.whatsfest {
    width: 950px;
    margin: 0 auto 0px;
    padding: 0 25px;
    border-radius: 8px;
    background-color: #fff;
}

@media screen and (max-width:1000px) {
    section.whatsfest {
        margin: 0 25px;
    }
}

.info_discontinued {
    padding: 40px 9% 60px;
}

.info_discontinued_tit {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #d65b00;
    padding: 0 0 0.5em;
    border-bottom: 1px dotted #888;
}

/* ■「ビールで乾杯（プロスト）！キャンペーン!!」2022.04
--------------------------------------------------- */
.enjoy_prost {}

.enjoy_prost .box p {
    width: 640px;
}

.enjoy_prost .enjoy_m_tit {
    margin-bottom: 1em;
}

.enjoy_prost .pr {
    align-items: flex-start;
}

.enjoy_prost .box {
    margin-right: 0em;
}

.enjoy_prost_note {
    margin: 2em 0 0 0;
}

.enjoy_prost_note li {}

/* ■ SNS投稿キャンペーン　2202.04
--------------------------------------------------- */
.enjoy_sns .default_column_left {
    width: 310px !important;
    width: 350px !important;
    padding-top: 15px;
}

.enjoy_sns .default_column_right {
    width: 578px !important;
    width: 540px !important;
}

ul.enjoy_snsinfo:after {
    content: "";
    display: block;
    clear: both;
}

ul.enjoy_snsinfo {
    display: inline-block;
}

ul.enjoy_snsinfo {
    display: block;
}

ul.enjoy_snsinfo {
    margin: 0px 0px 0 0px;
}

ul.enjoy_snsinfo li {
    width: 180px;
    margin: 0 0 0 0px;
    float: left;
}

ul.enjoy_snsinfo li:first-child {
    margin: 0 0 0 0;
}

.enjoy_sns {
    margin: 0 0 16px 0;
}

.enjoy_sns p {
    margin: 1em 0 0 0;
}

.enjoy_sns h3 {
    margin: 1em 0 0 0;
}

.enjoy_sns img {
    vertical-align: middle;
}

.sns_icon {
    width: 72px;
    margin-right: 3px;
}

.sns_qr {
    width: 90px;
}

.enjoy_snsurl {
    margin-top:0!important;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.5em;
}

.enjoy_snsurl a {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.6em;
    color: #07519a;
}

/*
@media screen and (max-width: 1000px) {
section.enjoy_sns{
  margin: 0 25px;
  }
}
*/

/* ■Osaka Metroコラボ企画 2022.04
--------------------------------------------------- */
.osm_logo span {
    position: relative;
}

.osm_logo img {
    display: block;
    width: 65px;
    position: absolute;
    left: -75px;
    top: 0;
}

.enjoy_osm {
    padding-bottom: 50px !important;
}

.enjoy_osm h3 {
    width: 560px;
    margin: 0 auto;
}

.enjoy_osm hr.dotline {
    width: 50%;
    margin: 40px auto 5px;
}

.enjoy_osm h4 {
    padding: 34px 50px 0px 50px !important;
    font-weight: 700;
    font-size: 23px!important;
    line-height: 150%;
    word-wrap:normal;
}

span.limitinfo {
    display: inline-block;
    margin: 0 0 .75em;
    padding: 0 .5em;
    color: black;
    font-weight: 300;
    border: 1px solid #ff6600;
    background: #ff6600;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

/* newitem */
.enjoy_osm h4.enjoy_newitem {
    display: table-cell;
    padding: 30px 0 0 110px !important;
    vertical-align: middle;
    height: 90px;
    background: url(img/osm/new_mark.png) left top no-repeat;
    background-size: 100px;
}

.enjoy_osm h4.enjoy_newitem strong {
    font-size: 30px;
}

/* limititem */
.enjoy_osm h4.enjoy_limititem {
    display: table-cell;
    padding: 29px 0 0 110px !important;
    vertical-align: middle;
    height: 90px;
    background: url(img/osm/gentei_mark.png) left top no-repeat;
    background-size: 100px;
}

.enjoy_osm h4.enjoy_limititem strong {
    display: inline-block;
    padding: 0 .05em;
    font-size: 34px;
    color: #ff3700;
}

.enjoy_main_itemlist:after {
    content: "";
    display: block;
    clear: both;
}

.enjoy_main_itemlist {
    display: inline-block;
}

.enjoy_main_itemlist {
    display: block;
}

.enjoy_main_itemlist {
    margin: 0px 0 0 0;
    padding: 0 0 0px 100px;
    padding: 1em 50px 0px 50px;
}

.enjoy_main_itemlist .left_column {
    /*
width:440px;
float:left;
*/
}

.enjoy_main_itemlist .right_column {
    width: 350px;
    float: right;
}

.enjoy_main_itemlist .right_column p {
    width: 320px;
    margin: 0 0 20px 0;
    padding: 0;
}

.enjoy_main_itemlist .left_column p.small_wrap {
    margin: 0 0 40px;
}

.enjoy_main_itemlist .left_column p.small_wrap span:first-child {
    background: #ff6600;
    color: #fff;
    font-weight: 700;
    display: block;
    margin: 0 0 15px;
    padding: 0.3em 0.5em;
    text-align: center;
}

.enjoy_metro_text1 {
    margin-top: 25px;
    font-size: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #ff6600;

}

.enjoy_metro_text1 strong {
    display: inline-block;
    margin: -.3em 0 0 0;
    padding: 0 .1em;
    font-size: 34px;
    font-size: 30px;
    color: #ff3700;
}
.enjoy_metro_text2{
    display: inline-block;
    margin: -.3em 0 1em 0;
    padding: 0 .1em;
    font-size: 34px;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 700;

}
.enjoy_metro_text2 span{
    background: linear-gradient(transparent 55%, #ffebaf 55%);
}
.enjoy_metro_text2 strong {
    display: inline-block;
    padding:0 0.1em;
    font-size:25px;
    line-height: 1;
}
.enjoy_metro_text2 strong.l_red {
    font-size: 30px;
    line-height: 1.6em;
    color: #ff3700;
}

/* ■ ご飲食券の販売
--------------------------------------------------- */
.enjoy_ticket .default_column {
    padding-top: 20px !important;
}

.enjoy_ticket .enjoy_m_tit {
    margin-bottom: 20px;
}

.enjoy_ticket .default_column_left {
    width: 408px !important;
    line-height: 1.6;
}

.enjoy_ticket_note {
    margin: 1em 0 0 0;
}

.enjoy_ticket .default_column_right {
    width: 468px !important;
}

@media screen and (max-width: 1000px) {
    section.ticket {
        margin: 0 25px;
    }
}

.enjoy_ticket_list {}

.enjoy_ticket_list h4 {
    display: inline-block;
    margin: 0 auto 14px;
    padding: 0.2em 1em;
    font-size: 16px;
    color: #fff;
    background: #ff6600;
    border-radius: 16px;
}

.enjoy_ticket_list ul {
    display: flex;
    align-items: center;
    margin: 2px 0 0 20px;
}

.enjoy_ticket_list ul li:first-child {
    width: 80px;
    height: 80px;
    position: relative;

}

.enjoy_ticket_list ul li:last-child {
    padding-left: 20px;
    font-size: 22px;
}

.enjoy_ticket_list ul.icon_maru {
    color: #5c8cd5;
    font-weight: 700;
}

.enjoy_ticket_list ul.icon_maru li:first-child:before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border: 8px solid #5c8cd5;
    border-radius: 50%;
}

.enjoy_ticket_list ul.icon_batsu li {
    color: #f13d3d;
    font-weight: 700;
}

.enjoy_ticket_list ul.icon_batsu li:first-child:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    border-top: 8px solid #f13d3d;
    transform: translate(-50%, -50%) rotate(45deg);
}

.enjoy_ticket_list ul.icon_batsu li:first-child:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    border-top: 8px solid #f13d3d;
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* ■レジャーシート 2022.04
--------------------------------------------------- */
section.enjoy_sheet {
    width: 950px;
    margin: 0 auto 50px;
    padding: 20px 25px 20px;
    border-radius: 8px;
    background-color: #fff;
}

.enjoy_sheet h3.enjoy_newitem {
    display: table-cell;
    padding: 5px 0 0 75px !important;
    vertical-align: middle;
    height: 65px;
    background: url(img/sheet/gentei_mark.png) left top no-repeat;
    background-size: 65px;
    line-height: 150%;
}


section.enjoy_sheet .default_column_left {
    width: 478px;
    width: 488px;
    float: left;
    font-size: 15px;
    line-height: 1.8;
}

section.enjoy_sheet .default_column_right {
    width: 398px;
    width: 388px;
    margin-right: 0px;
    float: right;
}

.enjoy_sheet_text {
    margin: 20px 0 0 0;
}

.enjoy_sheet_note {
    margin: 20px 0 0 0;
    line-height: 1.6;
}

/*
@media screen and (max-width: 1000px) {
section.enjoy_sheet{
  margin: 0 25px;
  }
}
*/

/* ■折り紙ヒコーキ 2022.04
--------------------------------------------------- */
section.enjoy_origami {
    width: 950px;
    margin: 0 auto 50px;
    padding: 20px 25px 20px;
    padding: 6px 0px 20px 0;
    border-radius: 8px;
    background-color: #fff;
}

.enjoy_origami .lead {
    font-size: 18px;
    line-height: 1.45;
}

.enjoy_origami_flexbox {
    display: flex;
    justify-content: space-between;

}

.enjoy_origami_flexbox>p {
    width: 250px;
    margin: 0 0px 0 0;
}

.enjoy_origami_note {
    margin: 30px 0 0 0;
    line-height: 1.6;
    font-size: 15px;
}

/* ■ちびっこパターゴルフ 2022.08
--------------------------------------------------- */
section.enjoy_pattergolf {
    width: 950px;
    margin: 0 auto 50px;
    padding: 25px 25px 20px;
    border-radius: 8px;
    background-color: #fff;
}

.enjoy_pattergolf .lead {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    color: #ff6600;
}

.enjoy_pattergolf_flexbox {
    display: flex;
    justify-content: space-between;

}

.enjoy_pattergolf_flexbox>p {
    width: 200px;
    margin: 0 0px 0 0;
}

.enjoy_pattergolf_note {
    margin: 30px 0 0 1em;
    line-height: 1.6;
    font-size: 15px;
}

.enjoy_pattergolf_note li {
    text-indent: -1em;
}

/* ■ミニテーブル 2023.08 → 2024.04
--------------------------------------------------- */
section.enjoy_minitable {
    width: 950px;
    margin: 0 auto 50px;
    padding: 5px 0px 20px;
    border-radius: 8px;
    background-color: #fff;
}

section.enjoy_minitable .default_column {
    padding: 20px 20px 0px;

}
section.enjoy_minitable h3{
    padding: 25px 0px 0px 25px;
}
.enjoy_minitable_note {
    margin: 0px 0 0 0;
    line-height: 1.6;
}

section.enjoy_minitable .default_column_left {
    width: 478px;
    width: 488px;
    float: left;
    font-size: 15px;
    line-height: 1.8;
}

section.enjoy_minitable .default_column_right {
    width: 398px;
    width: 388px;
    margin-right: 20px;
    float: right;
}

/* ■アート 2023.08
        --------------------------------------------------- */
section.enjoy_art {
    width: 950px;
    margin: 0 auto 50px;
    padding: 5px 0px 20px;
    border-radius: 8px;
    background-color: #fff;
}

section.enjoy_art .default_column {
    padding: 0px 20px 0px;

}

section.art_minitable .default_column_left {
    width: 478px;
    width: 488px;
    float: left;
    font-size: 15px;
    line-height: 1.8;
}

section.enjoy_art .default_column_right {
    width: 398px;
    width: 300px;
    margin-right: 20px;
    float: right;
}

section.enjoy_art span.bold.c_orange{
    line-height: 1.5em;
}
.enjoy_art_note {
    margin: 0px 0 0 0;
    line-height: 1.6;
}