*{box-sizing: border-box;word-break:break-all;}
ul, li{list-style:none;}

/* リッチテキストエディタはリストスタイルを出す */
div.ip_rich_text_default ol li,
div.ipwText ol li, 
div.ipWidget-IpText ol li {margin-left:15px;list-style:decimal;}

div.ip_rich_text_default ul li,
div.ipwText ul li, 
div.ipWidget-IpText ul li {margin-left:15px;list-style:square;}

div.ip_rich_text_default h1{font-family:unset;margin-block-start: 0.67em;margin-block-end: 0.67em;}
div.ip_rich_text_default h2{font-family:unset;margin-block-start: 0.83em;margin-block-end: 0.83em;}
div.ip_rich_text_default h3{font-family:unset;margin-block-start: 1em;margin-block-end: 1em;}
div.ip_rich_text_default h4{font-family:unset;margin-block-start: 1.33em;margin-block-end: 1.33em;}
div.ip_rich_text_default h5{font-family:unset;margin-block-start: 1.67em;margin-block-end: 1.67em;}
div.ip_rich_text_default h6{font-family:unset;margin-block-start: 2.33em;margin-block-end: 2.33em;}

div#main,
section#content {width: 1500px;margin: 0 auto;}
/* 画面上部 帯*/
div.header {
    background: #d04e2e;
    color: #FFF;
    height: 24px;
}
div.header h1{ line-height: 24px; text-align:center;}
div.header div#nav-drawer,
div.header p.header-1,
div.header p.header-2{
    display:none;
}
/* ロゴ */
div.logo{
    width: 209px;
    margin: 15px auto;
    float: none;
}
div.logo img{
  border: 0;
  max-width: 100%;
  height: auto;
}
/* メニュー部  */
nav#header-list {
    text-align: center;
    position: relative;
    top: 15px;
    margin-bottom: 30px;
}
nav#header-list li.menu {
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #333;
    padding-left: 20px;
    padding-right: 20px;
}
nav#header-list li.menu:last-child {
    border-right: 1px solid #333;
}
nav#header-list li.menu > a {
    text-align: center;
    display: table;
    width: 100%;
    text-decoration: none;
}
nav#header-list li.menu > a span {
    display: table-cell;
    vertical-align: middle;
}
nav#header-list li.menu > a span:hover {
    opacity: 0.5;
}
nav#header-list li.menu > a span  b{
    font-size: 16px;
    color: #505050;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

footer.menu-footer{
    background-color:#d04e2e;color:#FFF;text-align:center;padding:0 15px 15px 15px;
}
/* メニュー部  */
nav#footer-list {
    text-align: center;
    margin: 15px;
}
nav#footer-list li.menu {
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #FFF;
    padding-left: 10px;
    padding-right: 10px;
    line-height:15px;
}
nav#footer-list li.menu:last-child {
    border-right: 0;
}
nav#footer-list li.menu > a {
    text-align: center;
    display: table;
    width: 100%;
    text-decoration: none;
    font-size:15px;
    color:#fff;
}
nav#footer-list li.menu > a span {
    display: table-cell;
    vertical-align: middle;
}
nav#footer-list li.menu > a span:hover {
    opacity: 0.5;
}
nav#footer-list li.menu > a span  b{
    font-weight: normal;
}
footer small{
    color:#fff;
    font-size: 12px;
}
@media screen and ( max-width:1024px) {
  div#main {width: 100%;margin: 40px auto 0 auto; }
  section#content {width: 100%;margin: 0 auto; }
  div.logo {display:none;}
  nav#header-list {display:none;}

div.header div#nav-drawer{
    display:block;
}
/* 画面上部 帯*/
.header {
    border-top: 42px #d04e2e solid;
    position: fixed;
    width: 100%;
    z-index: 20;
    top:24px;
}
div.header p.header-1 {
    font-weight: bold;
    color: #FFF;
    float: left;
    position: relative;
    top: -46px;
    left: 44px;
    display:block;
    width: 51%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.header p.header-2 {
    font-weight: bold;
    color: #FFF;
    float: right;
    position: relative;
    top: -46px;
    padding-right: 10px;
    display:block;
}
/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 218px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#nav-content ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
#nav-content li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#nav-content li a{
display: block; 
border-left: 8px solid #d04e2e;
border-top: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
background-color: #fff;
padding: 3px 10px;
text-decoration: none;
color: #333;
width: 100%;
padding:25px 0; 
margin: 0 0 1px 0;
text-align: left;
font-size: 14px;
}
#nav-content li a b {
    padding: 0 9px;
}
/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
    margin-top: -58px;
    margin-left: 8px;
}
.ipPreviewWidget ul.slick-dots { margin:0; }
div.m-movie-sp{display:block;}

}

/* グループ店設定パネル */
.groupShopFieldset {
    margin:0 auto;
    background: white;
    border: 2px groove threedface;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 100%;
}

section#companion .groupShopFieldset,
div.event-wrapper .groupShopFieldset{width: calc(100% - 340px);}
legend.groupShopSetting {
    color: #FFA03A; 
    cursor:pointer; 
}

span.show_group_shop_info {
    text-align: center;
    font-size: 11px;
    background: none repeat scroll 0 0 #AA0000;
    color: #FFFFFF;
    padding: 1px 2px;
}
div.attendance-wrapper span.show_group_shop_info {display:inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 160px;position: absolute;}
