/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

*, *::before, *::after { box-sizing: border-box; }

body { min-width: 1400px; font-family: 'M PLUS 1p', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.71; color: #fff; letter-spacing: 0.05em; background: #0b1935; }

a { color: #0074be; }

button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }

h1 { margin: 0; padding: 0; }

h2 { margin: 0; }

h3 { width: 800px; height: 46px; font-size: 0; }

.red { color: #ed3e43; font-weight: 700; }

.container { margin: 0 auto; width: 1400px; }

.pc { display: block; }

.sp { display: none; }

.nav { list-style: none; margin: 0; padding: 0; }
.nav li { margin: 0; padding: 0; }
.nav li a { text-decoration: none; }

.brsp { display: none; }

.brpc { display: inline-block; }

@media all and (max-width: 767px) { body { min-width: initial; min-width: auto; font-size: 12px; }
  h3 { width: 230px; height: 27.5px; }
  .pc { display: none; }
  .sp { display: block; }
  .container { width: 100%; }
  .brsp { display: inline-block; }
  .brpc { display: none; } }
.note-list { margin: 0 auto; padding: 0; width: 740px; list-style: none; }
.note-list li { margin: 0 0 5px; padding: 0 0 0 1.4em; text-indent: -1.4em; }
.note-list li:before { content: "\203b"; padding-right: 0.4em; }

.normal-list { margin: 0 auto; padding: 0; width: 820px; list-style: none; }
.normal-list li { margin: 0 0 10px; padding: 0 0 0 1.4em; text-indent: -1.4em; line-height: 1.7; }
.normal-list li:before { content: "\30fb"; padding-right: 0.4em; }

.ticket-list dt { margin: 0 0 10px; padding: 0; text-align: center; font-size: 20px; color: #8c8468; text-align: center; }
.ticket-list dd { margin: 0 0 30px; padding: 0; font-size: 22px; font-weight: 500; letter-spacing: 0.1em; text-align: center; }
.ticket-list dd:last-child { margin: 0; }

@media all and (max-width: 767px) { .note-list { margin: 0 auto; padding: 0; width: 100%; }
  .note-list li { margin: 0 0 5px; padding: 0 0 0 1.4em; text-indent: -1.4em; }
  .note-list li:before { content: "\203b"; padding-right: 0.4em; }
  .normal-list { margin: 0 auto; padding: 0; width: 100%; }
  .normal-list li { margin: 0 0 10px; padding: 0 0 0 1.4em; text-indent: -1.4em; line-height: 1.7; }
  .normal-list li:before { content: "\30fb"; padding-right: 0.4em; }
  .ticket-list dt { margin: 0 0 5px; padding: 0; text-align: center; font-size: 13px; color: #8c8468; text-align: center; }
  .ticket-list dd { margin: 0 0 20px; padding: 0; font-size: 14px; font-weight: 500; letter-spacing: 0.1em; text-align: center; }
  .ticket-list dd:last-child { margin: 0; } }
header { margin: 0 auto; background: #000e1f; }
header .nav-pc { display: flex; align-items: center; justify-content: center; padding: 15px 0 12px; height: 80px; background: #8c8468; }
header .nav-pc .nav { display: flex; align-items: center; justify-content: center; }
header .nav-pc .nav li { margin: 0 25px 0 0; padding: 0; }
header .nav-pc .nav li a { display: inline-block; padding: 6px 0 6px 26px; font-family: 'Hind', sans-serif; font-size: 20px; color: #fff; line-height: 1; position: relative; }
header .nav-pc .nav li a > span { display: inline-block; margin: 0 0.025em; }
header .nav-pc .nav li a:before { content: ""; display: block; width: 20px; height: 29px; background: url(../images/nav_star.png) no-repeat 0 0; position: absolute; left: 0; top: 0; opacity: 0; transition: 0.7s ease-in; }
header .nav-pc .nav li a:hover > span { animation: wave 0.4s ease-in-out; }
header .nav-pc .nav li a:hover > span:first-child { animation-delay: 0s; }
header .nav-pc .nav li a:hover > span:nth-child(2) { animation-delay: 0.1s; }
header .nav-pc .nav li a:hover > span:nth-child(3) { animation-delay: 0.2s; }
header .nav-pc .nav li a:hover > span:nth-child(4) { animation-delay: 0.3s; }
header .nav-pc .nav li a:hover > span:nth-child(5) { animation-delay: 0.4s; }
header .nav-pc .nav li a:hover > span:nth-child(6) { animation-delay: 0.5s; }
header .nav-pc .nav li a:hover > span:nth-child(7) { animation-delay: 0.6s; }
header .nav-pc .nav li a:hover > span:nth-child(8) { animation-delay: 0.7s; }
header .nav-pc .nav li a:hover > span:nth-child(9) { animation-delay: 0.8s; }
header .nav-pc .nav li a:hover > span:nth-child(10) { animation-delay: 0.9s; }
header .nav-pc .nav li a:hover > span:nth-child(11) { animation-delay: 1s; }
header .nav-pc .nav li a:hover > span:nth-child(12) { animation-delay: 1.1s; }
header .nav-pc .nav li a:hover:before { opacity: 1; }

@media all and (max-width: 767px) { header { margin: 0 auto; }
  header .main-sp { width: 100%; }
  header .nav-pc { display: none; } }
#nav-header { position: fixed; width: 100%; z-index: 1000; }

@media all and (max-width: 767px) { #nav-header .sp { display: block; }
  #nav-header .sp #logo-header { margin: 7.5px auto 0; height: 35px; }
  #nav-header .sp #btn-menu { display: block; width: 40px; height: 40px; background-color: #8c8468; background-image: url(../images/btn_open.png); background-repeat: no-repeat; background-size: contain; position: absolute; right: 0; top: 0; z-index: 1001; text-indent: 100%; white-space: nowrap; overflow: hidden; }
  #nav-header .sp #btn-menu:hover { opacity: 1; }
  #nav-header .sp #btn-menu.close { background-image: url(../images/btn_close.png); background-repeat: no-repeat; background-position: center center; background-size: 18px 18px; }
  #nav-header .sp #menu { padding: 0 0 60px; width: 100%; background: #8c8468; position: absolute; left: 0; top: 0; transform: scale(0.8); opacity: 0; overflow: hidden; z-index: 1000; }
  #nav-header .sp #menu .title-menu { padding: 40px 0 20px; }
  #nav-header .sp #menu .title-menu img { display: block; margin: 0 auto; width: 180px; }
  #nav-header .sp #menu ul { margin: 0; padding: 0; list-style: none; }
  #nav-header .sp #menu ul li { display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; padding: 0; }
  #nav-header .sp #menu ul li a { display: block; color: #fff; font-family: 'Hind', sans-serif; font-size: 16px; text-decoration: none; }
  #nav-header .sp #menu.init { height: 0; opacity: 0; }
  #nav-header .sp #menu.open { animation: openmenu 0.3s ease-in forwards; }
  #nav-header .sp #menu.close { animation: closemenu 0.3s ease-in forwards; } }
@keyframes openmenu { 0% { height: auto; opacity: 0; transform: scale(0.85); }
  100% { height: auto; opacity: 1; transform: scale(1); } }
@keyframes closemenu { 0% { height: auto; opacity: 1; transform: scale(1); }
  99% { height: auto; opacity: 0; transform: scale(0.85); }
  100% { height: 0; opacity: 0; transform: scale(0.85); } }
@keyframes wave { 0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); } }
main { background: url(../images/bg.png) repeat center top; }
main .wrap { padding: 53px 0 153px; width: 100%; background: url(../images/bg.gif) repeat center top; overflow: hidden; }

@media all and (max-width: 767px) { main { background: url(../images/bg.png) repeat center top; }
  main .wrap { padding: 53px 0 53px; width: 100%; background: url(../images/bg.gif) repeat center top; overflow: hidden; } }
section { margin: 0 auto 110px; width: 1022px; position: relative; }
section .frame-top { height: 83px; background: url(../images/frame_top.png) no-repeat 0 0; }
section .frame-middle { padding: 180px 60px 60px; background: url(../images/frame_middle.png) repeat-y 0 0; }
section .frame-bottom { height: 12px; background: url(../images/frame_bottom.png) no-repeat 0 0; }
section h2 { width: 100%; text-align: center; position: absolute; left: 0; top: 0; }
section h2 img { margin: 0 auto; }

@media all and (max-width: 767px) { section { margin: 0 auto 60px; width: 100%; position: relative; }
  section .frame-top { display: none; }
  section .frame-middle { padding: 0; background: none; }
  section .frame-bottom { display: none; }
  section h2 { margin: 0 auto 45px; width: 281px; text-align: center; position: static; left: auto; top: auto; }
  section h2 img { width: 281px; } }
.rbox { margin: 23px auto 57px; padding: 53px 30px 30px; border: 1px solid #fff; border-radius: 5px; position: relative; }
.rbox:after { content: ""; display: block; width: 20px; height: 14px; background: url(../images/chip.png) no-repeat 0 0; background-size: contain; position: absolute; left: 50%; bottom: -7px; transform: translateX(-10px); }
.rbox h3 { margin-top: 0; position: absolute; left: 50%; top: -25px; transform: translateX(-400px); overflow: visible; }
.rbox h3:before { content: ""; display: block; width: 20px; height: 14px; background: url(../images/chip.png) no-repeat 0 0; background-size: contain; position: absolute; left: -21px; top: 18px; }
.rbox h3:after { content: ""; display: block; width: 20px; height: 14px; background: url(../images/chip.png) no-repeat 0 0; background-size: contain; position: absolute; right: -21px; top: 18px; }
.rbox .big { display: flex; justify-content: center; text-align: center; font-size: 28px; font-weight: 500; line-height: 1.4; letter-spacing: 0.08em; }

@media all and (max-width: 767px) { .rbox { margin: 27px 30px 38px; padding: 30px 20px 20px; }
  .rbox:after { content: ""; display: block; width: 10px; height: 7px; left: 50%; bottom: -3.5px; transform: translateX(-4.5px); }
  .rbox h3 { margin-top: 0; position: absolute; left: 50%; top: -14.5px; transform: translateX(-115px); overflow: visible; }
  .rbox h3:before { content: ""; display: block; width: 10px; height: 7px; position: absolute; left: -11px; top: 10.5px; }
  .rbox h3:after { content: ""; display: block; width: 10px; height: 7px; position: absolute; right: -11px; top: 10.5px; }
  .rbox .big { display: flex; justify-content: center; font-size: 14px; line-height: 1.7; letter-spacing: 0.08em; } }
#live-info #live-title { display: block; margin: 0 auto 50px; width: 557px; height: 103px; background: url(../images/title_starry_wishes.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#live-info #live-date { margin: 0 auto 60px; text-align: center; font-size: 20px; color: #8c8468; }
#live-info #live-date .title-date { display: block; margin: 0 auto 5px; font-size: 20px; color: #8c8468; letter-spacing: 0.1em; }
#live-info #live-date time { display: flex; justify-content: center; font-size: 28px; color: #fff; font-weight: 500; line-height: 1.57; letter-spacing: 0.1em; }
#live-info h3.kouen { margin: 0 auto 40px; background: url(../images/stitle_kouen.png) no-repeat 0 0; }
#live-info .note-list { width: 680px; }

@media all and (max-width: 767px) { #live-info #live-title { display: block; margin: 0 auto 25px; width: 261px; height: 58px; background: url(../images/title_starry_wishes_sp.png) no-repeat 0 0; background-size: contain; text-indent: 100%; white-space: nowrap; overflow: hidden; }
  #live-info #live-date { margin: 0 auto 30px; text-align: center; font-size: 20px; color: #8c8468; }
  #live-info #live-date .title-date { display: block; margin: 0 auto 5px; font-size: 18px; color: #8c8468; letter-spacing: 0.1em; }
  #live-info #live-date time { display: flex; justify-content: center; font-size: 17px; color: #fff; font-weight: 500; line-height: 1.57; letter-spacing: 0.1em; }
  #live-info h3.kouen { margin: 0 auto 20px; background: url(../images/stitle_kouen_sp.png) no-repeat 0 0; background-size: contain; }
  #live-info .note-list { padding: 0 40px; width: 100%; } }
#ticket h3.hayawari { background: url(../images/stitle_hayawari.png) no-repeat 0 0; }
#ticket h3.ippan { background: url(../images/stitle_ippan.png) no-repeat 0 0; }
#ticket h3.media { margin: 0 auto 40px; background: url(../images/stitle_media.png) no-repeat 0 0; }
#ticket h3.chui { margin: 0 auto 40px; background: url(../images/stitle_chui.png) no-repeat 0 0; }
#ticket .red { display: block; margin: 0 auto 50px; padding-left: 1em; text-align: left; text-indent: -1em; font-size: 16px; }

.scroll-tips { display: none; }

.table-scroll { margin: 0 auto 50px; overflow: hidden; }

.table-container { width: 902px; border: 1px solid #787f8d; background: url(../images/table_bg.png) repeat 0 0; }
.table-container .media-table { width: 100%; border-collapse: collapse; }
.table-container .media-table tr th { padding: 10px; text-align: center; vertical-align: middle; font-size: 12px; font-weight: 500; line-height: 1.5; color: #1a1a1a; border: 1px solid #ececec; }
.table-container .media-table tr th.th-l { width: 142px; }
.table-container .media-table tr th.sp-width { width: 175px; }
.table-container .media-table tr td { padding: 10px; font-size: 12px; font-weight: 500; letter-spacing: 0; color: #1a1a1a; background: #fff; vertical-align: top; border: 1px solid #ececec; }
.table-container .media-table tr td .ct { display: block; text-align: center; }
.table-container .media-table tr td.logo { text-align: center; vertical-align: middle; }
.table-container .media-table tr td a { word-break: break-all; }
.table-container .media-table tr td a.ticket-link { display: block; margin-bottom: 10px; }
.table-container .media-table tr td.center { text-align: center; vertical-align: middle; }

@media all and (max-width: 767px) { #ticket h3.hayawari { background: url(../images/stitle_hayawari_sp.png) no-repeat 0 0; background-size: contain; }
  #ticket h3.ippan { background: url(../images/stitle_ippan_sp.png) no-repeat 0 0; background-size: contain; }
  #ticket h3.media { margin: 0 auto 20px; background: url(../images/stitle_media_sp.png) no-repeat 0 0; background-size: contain; }
  #ticket h3.chui { margin: 0 auto 20px; background: url(../images/stitle_chui_sp.png) no-repeat 0 0; background-size: contain; }
  #ticket .normal-list { padding: 0 40px; width: 100%; }
  #ticket .red { display: block; margin: 0 auto 50px; padding-left: 0; text-align: center; text-indent: 0; font-size: 13px; }
  .scroll-tips { display: block; margin: 0 auto 10px; padding: 10px 0 0; width: 230px; height: 40px; text-align: center; line-height: 1; font-size: 12px; font-weight: 500; background: url(../images/scroll_tips.png) no-repeat 0 0; background-size: contain; }
  .table-scroll { margin: 0 auto 30px; width: 100%; overflow-x: scroll; }
  .table-container { margin: 0 30px; width: 852px; border: 1px solid #787f8d; }
  .table-container .media-table { width: 100%; border-collapse: collapse; }
  .table-container .media-table tr th { padding: 10px; text-align: center; vertical-align: middle; font-size: 12px; font-weight: 500; line-height: 1.5; color: #1a1a1a; border: 1px solid #ececec; }
  .table-container .media-table tr th.th-l { width: 122px; }
  .table-container .media-table tr th.sp-width { width: 130px; }
  .table-container .media-table tr td { padding: 10px; font-size: 12px; font-weight: 500; letter-spacing: 0; color: #1a1a1a; background: #fff; vertical-align: top; border: 1px solid #ececec; }
  .table-container .media-table tr td.logo { text-align: center; vertical-align: middle; }
  .table-container .media-table tr td a { word-break: break-all; }
  .table-container .media-table tr td a.ticket-link { display: block; margin-bottom: 10px; }
  .table-container .media-table tr td.center { text-align: center; vertical-align: middle; } }
#goods-info h3.kikan { background: url(../images/stitle_kikan.png) no-repeat 0 0; }
#goods-info h3.hassou { background: url(../images/stitle_hassou.png) no-repeat 0 0; }
#goods-info h3.uketsuke { background: url(../images/stitle_uketsuke.png) no-repeat 0 0; }
#goods-info h3.chui { margin: 0 auto 40px; background: url(../images/stitle_chui.png) no-repeat 0 0; }
#goods-info .banner-uketsuke { display: block; margin: 30px auto; width: 300px; height: 70px; }
#goods-info .normal-list { width: 740px; }
#goods-info .goods-attention { display: block; margin: -10px auto 70px; text-align: center; font-size: 18px; line-height: 1.45; }
#goods-info .red { display: block; margin: 10px auto 0; text-align: center; font-size: 16px; line-height: 1.4; }

@media all and (max-width: 767px) { #goods-info h3.kikan { background: url(../images/stitle_kikan_sp.png) no-repeat 0 0; background-size: contain; }
  #goods-info h3.hassou { background: url(../images/stitle_hassou_sp.png) no-repeat 0 0; background-size: contain; }
  #goods-info h3.uketsuke { background: url(../images/stitle_uketsuke_sp.png) no-repeat 0 0; background-size: contain; }
  #goods-info h3.chui { margin: 0 auto 20px; background: url(../images/stitle_chui_sp.png) no-repeat 0 0; background-size: contain; }
  #goods-info .banner-uketsuke { display: block; margin: 25px auto; width: 200px; height: 40px; }
  #goods-info .banner-uketsuke img { width: 200px; }
  #goods-info .normal-list { padding: 0 40px; width: 100%; }
  #goods-info .goods-attention { display: block; margin: 0 auto 40px; text-align: center; font-size: 14px; line-height: 1.45; }
  #goods-info .red { display: block; margin: 10px auto 0; text-align: center; font-size: 13px; line-height: 1.4; } }
#goods-lineup .goods-col1 { margin: 0 auto 50px; width: 860px; }
#goods-lineup .goods-col1 img { width: 100%; }
#goods-lineup .goods-col2 { display: flex; align-items: center; justify-content: space-between; margin: 0 auto 58px; width: 860px; }
#goods-lineup .goods-col2 img { width: 400px; }
#goods-lineup h3.minaca { margin: 0 auto 40px; background: url(../images/stitle_minaca.png) no-repeat 0 0; }
#goods-lineup h3.size { margin: 0 auto 40px; background: url(../images/stitle_size.png) no-repeat 0 0; }
#goods-lineup .line-box { margin: 0 auto; padding: 5px; width: 860px; background: #fff; }
#goods-lineup .line-box .line { padding: 10px 10px 30px; border: 1px solid #8c8468; }
#goods-lineup .size-caption { display: block; margin: 5px auto 10px; width: 722px; font-size: 20px; font-weight: 400; text-align: center; color: #0b1e36; }
#goods-lineup .size-table { margin: 0 auto 20px; width: 782px; border-collapse: collapse; }
#goods-lineup .size-table th { padding: 10px; text-align: center; vertical-align: center; color: #fff; font-weight: 500; background: #0b1e36; border: 1px solid #0b1e36; }
#goods-lineup .size-table td { padding: 10px; text-align: center; vertical-align: center; font-weight: 500; color: #0b1e36; border: 1px solid #999; }
#goods-lineup .size-notice { display: block; margin: 0 auto; width: 782px; color: #0b1e36; font-weight: 400; }

@media all and (max-width: 767px) { #goods-lineup .frame-middle { padding: 0 30px; }
  #goods-lineup .goods-col1 { margin: 0 auto 20px; width: 100%; }
  #goods-lineup .goods-col1 img { display: block; width: 100%; }
  #goods-lineup .goods-col1 img.pc { display: none; }
  #goods-lineup .goods-col2 { display: block; margin: 0 auto 20px; width: 100%; }
  #goods-lineup .goods-col2 img { display: block; width: 100%; }
  #goods-lineup .goods-col2 img:first-child { margin: 0 auto 20px; }
  #goods-lineup h3.minaca { height: 41.5px; margin: 0 auto 20px; background: url(../images/stitle_minaca_sp.png) no-repeat 0 0; background-size: contain; }
  #goods-lineup h3.size { margin: 0 auto 20px; background: url(../images/stitle_size_sp.png) no-repeat 0 0; background-size: contain; }
  #goods-lineup .line-box { margin: 0 auto; padding: 5px; width: 100%; background: #fff; }
  #goods-lineup .line-box .line { padding: 10px 10px 30px; border: 1px solid #8c8468; }
  #goods-lineup .size-caption { display: block; margin: 0 auto 5px; width: 100%; font-size: 14px; }
  #goods-lineup .size-table { margin: 0 auto 20px; width: 100%; font-size: 10px; }
  #goods-lineup .size-table th { padding: 6px; }
  #goods-lineup .size-table td { padding: 6px; }
  #goods-lineup .size-notice { display: block; margin: 0 auto; padding-left: 1em; width: 100%; color: #0b1e36; font-weight: 400; text-indent: -1em; } }
footer { padding: 70px 0 50px; background: #8c8468; position: relative; }
footer .container p { margin: 0 auto 5px; text-align: center; font-size: 12px; font-weight: 700; }
footer .container small { display: block; margin: 0 auto 30px; text-align: center; font-size: 12px; }
footer .container small span { font-weight: 700; }
footer .container .footer-sns { display: flex; align-items: center; justify-content: center; }
footer .container .footer-sns > div { margin: 0 2px; }

@media all and (max-width: 767px) { footer { padding: 35px 0 25px; } }
#btn-pagetop { display: none; width: 106px; height: 108px; position: fixed; right: 40px; bottom: 40px; z-index: 2000; }
#btn-pagetop span { display: block; width: 106px; height: 108px; background: url(../images/btn_top.png) no-repeat center center; background-size: contain; text-indent: 100%; white-space: nowrap; overflow: hidden; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
#btn-pagetop:hover span { background: url(../images/btn_top_on.png) no-repeat center center; background-size: contain; transform: translateY(-10px); }

@media all and (max-width: 767px) { #btn-pagetop { width: 53px; height: 54px; right: 30px; bottom: 30px; }
  #btn-pagetop span { width: 53px; height: 54px; } }
#btnPC, #btnSP { display: none; text-decoration: none; }

#btnSP { display: none; text-align: center; font-size: 16px; color: #0b1e36; font-weight: 700; text-decoration: underline; background: #bdd0de; padding: 10px 0; margin: 0; }

@media all and (max-width: 767px) { #btnPC { display: block; text-align: center; font-size: 16px; color: #0b1e36; font-weight: 700; text-decoration: underline; background: #bdd0de; padding: 10px 0; margin: 0; } }
