@charset "UTF-8";
.easy-select-box .esb-displayer .strContents,
.strHeader > .headerInner,
.strNavigation > .navGlobalInner,
.areaPageHeader,
.areaPageHeader .navPageLocal > ul,
.strFooter > .footerUtility,
.strFooter > .footerUtility > .footerSns > ul,
.strFooter > ul.footerSitemap,
ul.navController1,
.secListAll,
.setTblHead,
.lytImgTy2,
ul.listLinkTy3,
ul.listLinkTy4,
ul.tabLinkBa,
.secCalendar.typeChannel ul.tabLinkTy1,
ul.listIconStudio,
dl.listTy2,
ol.listStep > li,
.pagination > ul,
dl.tblKana,
form.formRefinerBa > .header,
form.formRefinerBa > .header > .sub,
form.formRefinerBa > .contents,
form.formRefinerBa > .contents ul.listCheckBa li > label {
  *zoom: 1;
}

.strContents:before,
.strHeader > .headerInner:before,
.strNavigation > .navGlobalInner:before,
.areaPageHeader:before,
.areaPageHeader .navPageLocal > ul:before,
.strFooter > .footerUtility:before,
.strFooter > .footerUtility > .footerSns > ul:before,
.strFooter > ul.footerSitemap:before,
ul.navController1:before,
.secListAll:before,
.setTblHead:before,
.lytImgTy2:before,
ul.listLinkTy3:before,
ul.listLinkTy4:before,
ul.tabLinkBa:before,
.secCalendar.typeChannel ul.tabLinkTy1:before,
ul.listIconStudio:before,
dl.listTy2:before,
ol.listStep > li:before,
.pagination > ul:before,
dl.tblKana:before,
form.formRefinerBa > .header:before,
form.formRefinerBa > .header > .sub:before,
form.formRefinerBa > .contents:before,
form.formRefinerBa > .contents ul.listCheckBa li > label:before,
.strContents:after,
.strHeader > .headerInner:after,
.strNavigation > .navGlobalInner:after,
.areaPageHeader:after,
.areaPageHeader .navPageLocal > ul:after,
.strFooter > .footerUtility:after,
.strFooter > .footerUtility > .footerSns > ul:after,
.strFooter > ul.footerSitemap:after,
ul.navController1:after,
.secListAll:after,
.setTblHead:after,
.lytImgTy2:after,
ul.listLinkTy3:after,
ul.listLinkTy4:after,
ul.tabLinkBa:after,
.secCalendar.typeChannel ul.tabLinkTy1:after,
ul.listIconStudio:after,
dl.listTy2:after,
ol.listStep > li:after,
.pagination > ul:after,
dl.tblKana:after,
form.formRefinerBa > .header:after,
form.formRefinerBa > .header > .sub:after,
form.formRefinerBa > .contents:after,
form.formRefinerBa > .contents ul.listCheckBa li > label:after {
  display: table;
  content: '';
}

.strContents:after,
.strHeader > .headerInner:after,
.strNavigation > .navGlobalInner:after,
.areaPageHeader:after,
.areaPageHeader .navPageLocal > ul:after,
.strFooter > .footerUtility:after,
.strFooter > .footerUtility > .footerSns > ul:after,
.strFooter > ul.footerSitemap:after,
ul.navController1:after,
.secListAll:after,
.setTblHead:after,
.lytImgTy2:after,
ul.listLinkTy3:after,
ul.listLinkTy4:after,
ul.tabLinkBa:after,
.secCalendar.typeChannel ul.tabLinkTy1:after,
ul.listIconStudio:after,
dl.listTy2:after,
ol.listStep > li:after,
.pagination > ul:after,
dl.tblKana:after,
form.formRefinerBa > .header:after,
form.formRefinerBa > .header > .sub:after,
form.formRefinerBa > .contents:after,
form.formRefinerBa > .contents ul.listCheckBa li > label:after {
  clear: both;
}

.headerSearch > form > div,
.strHeader > .headerInner > .headerMenu > a,
.strNavigation ul.navGlobal > li.catHome > a,
.navLocal > div > ul.list > li > a,
.navLocal .linkBack > a,
.navLocalSide .label > a,
.navLocalSide > ul > li > a,
.btnBack > a,
.areaPageHeader .navPageLocal > .label > a,
.areaPageHeader .btnShare > a,
.strFooter > .footerUtility > ul.footerList > li.footerLogo > a,
.strFooter > .footerUtility > .footerSns > ul > li.snsFb a,
.strFooter > .footerUtility > .footerSns > ul > li.snsTw a,
.strFooter > .footerUtility > .footerSns > ul > li.snsYt a,
.hdgTy3.iconShopping,
.hdgTy3.iconDownload,
.hdgTy3.iconTv,
.hdgTy3.iconHelp,
.hdgTy3.iconMail,
.hdgTy3.iconTel,
.hdgTy3.iconInfo,
.linkTopBa > *,
ul.navController > li > a,
ul.navController1 > li > a,
ul.navController > li.prev > a,
ul.navController1 > li.prev > a,
ul.listLinkBa > li > a,
ul.listAnchorBa > li > a,
ul.listAnchorTy1 > li > a,
.secCalendar > .label > a,
ul.tabLinkTy2 > li a > span,
ul.listIconStudio > li > a,
ul.listInfoBa > li.iconCd,
.panelBa > .hdgPanel.iconSpeker,
.panelBa > .hdgPanel.iconInfo,
table.tblMusicList thead th > span.iconTime,
form.formRefinerBa > .header > .sub .toggle > a,
form.formRefinerBa > .contents ul.listCheckBa li > label,
.quoteBa {
  position: relative;
}

.headerSearch > form > div:before,
.strHeader > .headerInner > .headerMenu > a:before,
.strNavigation ul.navGlobal > li.catHome > a:before,
.navLocal > div > ul.list > li > a:before,
.navLocal .linkBack > a:before,
.navLocalSide .label > a:before,
.navLocalSide > ul > li > a:before,
.btnBack > a:before,
.areaPageHeader .navPageLocal > .label > a:before,
.areaPageHeader .btnShare > a:before,
.strFooter > .footerUtility > ul.footerList > li.footerLogo > a:before,
.strFooter > .footerUtility > .footerSns > ul > li.snsFb a:before,
.strFooter > .footerUtility > .footerSns > ul > li.snsTw a:before,
.strFooter > .footerUtility > .footerSns > ul > li.snsYt a:before,
.hdgTy3.iconShopping:before,
.hdgTy3.iconDownload:before,
.hdgTy3.iconTv:before,
.hdgTy3.iconHelp:before,
.hdgTy3.iconMail:before,
.hdgTy3.iconTel:before,
.hdgTy3.iconInfo:before,
.linkTopBa > :before,
ul.navController > li > a:before,
ul.navController1 > li > a:before,
ul.navController > li.prev > a:before,
ul.navController1 > li.prev > a:before,
ul.listLinkBa > li > a:before,
ul.listAnchorBa > li > a:before,
ul.listAnchorTy1 > li > a:before,
.secCalendar > .label > a:before,
ul.tabLinkTy2 > li a > span:before,
ul.listIconStudio > li > a:before,
ul.listInfoBa > li.iconCd:before,
.panelBa > .hdgPanel.iconSpeker:before,
.panelBa > .hdgPanel.iconInfo:before,
table.tblMusicList thead th > span.iconTime:before,
form.formRefinerBa > .header > .sub .toggle > a:before,
form.formRefinerBa > .contents ul.listCheckBa li > label:before,
.quoteBa:before {
  position: absolute;
  top: 0;
  display: inline-block;
  content: '';
  background-image: url(//store-resources-disneyjp.akamaized.net/disney/content/dam/disney/_search/img/sprite2.png);
}

.strNavigation ul.navGlobal > li > a,
.linkBa > a,
.linkBa > span,
.linkShowMore > a span,
.btnBa > *,
button.btnBa,
ul.listLinkTy3 > li > a,
ul.listLinkTy4 > li > a,
.secCalendar > .label > a,
.panelProgramBa > .contents > a > span,
.pagination > ul > li.prev > a,
.pagination > ul > li.next > a,
.quoteBa {
  position: relative;
}

.strNavigation ul.navGlobal > li > a:after,
.linkBa > a:after,
.linkBa > span:after,
.linkShowMore > a span:after,
.btnBa > :after,
button.btnBa:after,
ul.listLinkTy3 > li > a:after,
ul.listLinkTy4 > li > a:after,
.secCalendar > .label > a:after,
.panelProgramBa > .contents > a > span:after,
.pagination > ul > li.prev > a:after,
.pagination > ul > li.next > a:after,
.quoteBa:after {
  position: absolute;
  top: 0;
  display: inline-block;
  content: '';
  background-image: url(//store-resources-disneyjp.akamaized.net/disney/content/dam/disney/_search/img/sprite2.png);
}

.panelTy1 > *:last-child,
.panelTy2 > *:last-child,
.panelInfoBa > .contents > *:last-child,
dl.tblKana dd > *:last-child {
  margin-bottom: 0;
}

.strNavigation ul.navGlobal > li.catKids ~ li {
  display: none !important;
}

.strHeader > .headerInner > .headerMyDisney,
.strFooter > ul.footerSitemap {
  display: block !important;
}

.strHeader > .headerInner > .headerMenu,
.strNavigation > .headerSearch {
  display: none !important;
}

.headerSearch,
.navLocal > div > ul.banner,
.areaPageHeader .hdgBa {
  display: block !important;
}

/* ===============================================
   Reset
=============================================== */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
b,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
strong,
sub,
sup,
tt,
var,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
legend,
label,
input,
textarea,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
header,
footer,
nav,
small {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-break: break-all;
}

header,
footer,
nav,
small {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

ul {
  list-style: none;
}

ol {
  list-style-type: decimal;
}

img {
  vertical-align: bottom;
  border: 0;
}

sup {
  vertical-align: top;
}

sub {
  vertical-align: bottom;
}

em,
strong,
cite {
  font-style: normal;
}

em,
strong {
  font-weight: bold;
}

/* ===============================================
   Foundation
=============================================== */
html {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Helvetica, Arial, Verdana, sans-serif;
  font-size: 62.5%;
  overflow-y: scroll;
}

body {
  font-size: 14px;
  font-size: 1.4rem;
  overflow-y: hidden;
  /*min-width: 1280px;*/
  color: #333;
  background-color: #fff;
}

img {
  width: auto;
  height: auto;
  /* ie8 */
}

a {
  display: inline-block;
  text-decoration: none;
  color: #333;
}

a:hover {
  text-decoration: underline;
}

strong {
  color: #cf0003;
}

em {
  color: #333;
}

input,
textarea,
button,
select {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Helvetica, Arial, Verdana, sans-serif;
  border: 1px solid gainsboro;
}

button {
  margin: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  word-break: break-all;
}

table tbody th,
table tbody td {
  text-align: left;
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
}

/* ===============================================
   Structure
=============================================== */
/* Common
----------------------------------------------- */
.strHeader,
.strFooter {
  line-height: 1.2;
}

.strWrapper {
  line-height: 1.5;
}

.strWrapper {
  padding: 0 40px;
}

.headerInner,
.strFooter {
  width: 100%;
}

.strWrapper,
.strNavigation > .navGlobalInner {
  width: 1280px;
  margin: 0 auto;
}

/* Wrapper
----------------------------------------------- */
.strWrapper {
  position: relative;
  padding-bottom: 10px !important;
  background-color: #fff;
}

.strContents {
  display: table;
  width: 100%;
  border: 1px solid gainsboro;
}

.strContents > .strMain,
.strContents > .strSub {
  display: table-cell;
  vertical-align: top;
}

.strContents > .strMain {
  width: 75%;
  padding: 50px 40px;
  border-left: 1px solid gainsboro;
}

.strContents > .strSub {
  width: 25%;
}

.strMain a {
  text-decoration: underline;
  color: inherit;
}

.strMain a:hover {
  text-decoration: none;
}

.strMain > .tabLinkBa,
.strMain > .panelTy1,
.strMain > .panelTy2 {
  margin-right: -40px;
  margin-left: -40px;
}

/* headerSearch
----------------------------------------------- */
.headerSearch {
  font-size: 16px;
  font-size: 1.6rem;
  float: left;
  margin-top: 9px;
}

.headerSearch > form > div {
  display: block;
}

.headerSearch > form > div:before {
  top: 50%;
  left: 20px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-position: -522px -326px;
}

.headerSearch > form > div > input.inputSearch {
  width: 260px;
  height: 40px;
  padding-right: 10px;
  padding-left: 50px;
  -webkit-transition: width .5s;
  transition: width .5s;
  border-radius: 4em;
}

.headerSearch > form > div > input.inputSearch:focus {
  width: 300px;
}

.headerSearch > form > input[type='submit'] {
  display: none;
}

/* Header
----------------------------------------------- */
.strHeader > .headerInner {
  position: relative;
  min-height: 90px;
  margin-bottom: 20px;
  padding-top: 25px;
  vertical-align: middle;
}

.strHeader > .headerInner > .headerLogo {
  position: absolute;
  display: table;
  width: 100%;
  min-height: 64px;
}

.strHeader > .headerInner > .headerLogo h1 {
  position: relative;
  display: table-cell;
  margin: 0 auto;
  padding: 0 270px;
  text-align: center;
  vertical-align: middle;
}

.strHeader > .headerInner > .headerLogo img {
  width: 100%;
  max-width: 144px;
  height: auto;
}

.strHeader > .headerInner > .headerLogo.catStudio img {
  max-width: 473px;
}

.strHeader > .headerInner > .headerLogo.catMovie img,
.strHeader > .headerInner > .headerLogo.catMusic img {
  max-width: 246px;
}

.strHeader > .headerInner > .headerLogo.catMobile img {
  max-width: 258px;
}

.strHeader > .headerInner > .headerLogo.catMobile-s img {
  max-width: 247px;
}

.strHeader > .headerInner > .headerLogo.catGames img {
  max-width: 260px;
}

.strHeader > .headerInner > .headerLogo.catEventlive img {
  max-width: 306px;
}

.strHeader > .headerInner > .headerLogo.catDisneych {
  top: 12px;
}

.strHeader > .headerInner > .headerLogo.catDisneych img {
  max-width: 140px;
}

.strHeader > .headerInner > .headerLogo.catDisneyxd {
  top: 15px;
}

.strHeader > .headerInner > .headerLogo.catDisneyxd img {
  max-width: 120px;
}

.strHeader > .headerInner > .headerLogo.catDisneyjunior {
  top: 15px;
}

.strHeader > .headerInner > .headerLogo.catDisneyjunior img {
  max-width: 175px;
}

.strHeader > .headerInner > .headerLogo.catDisneyjunior {
  top: 17px;
}

.strHeader > .headerInner > .headerLogo.catDisneyjunior img {
  max-width: 175px;
}

.strHeader > .headerInner > .headerMyDisney {
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  top: 43px;
  right: 0;
}

/* Navigation
----------------------------------------------- */
.strNavigation {
  margin: 0;
  background-color: #eceff0;
  -webkit-box-shadow: inset 0 -3px 4px 0 rgba(0, 0, 0, 0.09);
  box-shadow: inset 0 -3px 4px 0 rgba(0, 0, 0, 0.09);
}

.strNavigation > .headerSearch {
  font-size: 12px;
  font-size: 1.2rem;
  width: 100%;
  padding: 5px 15px 15px;
}

.strNavigation > .headerSearch > form > div:before {
  top: 50%;
  left: 15px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-position: -418px -261px;
  -webkit-background-size: 437px 433px;
  background-size: 437px 433px;
}

.strNavigation > .headerSearch > form > div > input.inputSearch {
  width: 100%;
  padding-left: 40px;
}

.strNavigation ul.navGlobal {
  display: table;
  width: 100%;
}

.strNavigation ul.navGlobal > li {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.strNavigation ul.navGlobal > li > a {
  font-weight: bold;
  display: block;
  min-width: 6em;
  padding: 1.2em 0;
  text-align: center;
}

.strNavigation ul.navGlobal > li > a > span {
  line-height: 16px;
  display: block;
  padding: 0 1em;
  border-left: 1px solid #cdd0d1;
}

.strNavigation ul.navGlobal > li.catHome {
  width: 40px;
}

.strNavigation ul.navGlobal > li.catHome > a {
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 18px;
  width: 100%;
  height: 16px;
}

.strNavigation ul.navGlobal > li.catHome > a:before {
  top: 0;
  left: 0;
  width: 18px;
  height: 16px;
  margin-top: 0;
  background-position: -506px -498px;
}

.strNavigation ul.navGlobal > li.catHome > a:before {
  position: static;
}

.strNavigation ul.navGlobal > li.catHome > a > span {
  margin-top: 1.5em;
}

#myStatus.isMenuOpen ul.navGlobal > li > a {
  color: #777;
}

#myStatus.isMenuOpen ul.navGlobal > li.isCurrent > a {
  color: #333;
}

/* Local Navigation
----------------------------------------------- */
.navLocal {
  padding: 0 40px 0 15px;
}

.navLocal > div {
  display: none;
  width: 100%;
  padding: 20px 0 15px;
}

.navLocal > div.isCurrent {
  display: table;
}

.navLocal > div > ul.list {
  display: table-cell !important;
  width: 61%;
  vertical-align: top;
}

.navLocal > div > ul.list > li {
  font-size: 20px;
  font-size: 2rem;
  display: table-cell;
  width: 30%;
  height: 280px;
  padding: 5px 20px 20px 25px;
  vertical-align: top;
  border-left: 1px solid #c9cbcc;
}

.navLocal > div > ul.list > li:first-child {
  border: none;
}

.navLocal > div > ul.list > li > a {
  padding: 5px 0;
}

.navLocal > div > ul.list > li > a:hover {
  cursor: default;
  text-decoration: none;
}

.navLocal > div > ul.list > li > a:focus {
  outline: none;
}

.navLocal > div > ul.list > li > ul {
  font-size: 12px;
  font-size: 1.2rem;
  display: table;
  width: 100%;
}

.navLocal > div > ul.list > li > ul > li {
  color: #5f696e;
}

.navLocal > div > ul.list > li > ul > li.title {
  margin-top: 5px;
  color: #333;
}

.navLocal > div > ul.list > li > ul > li.title > a {
  font-weight: bold;
  color: inherit;
}

.navLocal > div > ul.list > li > ul > li.title > a:hover {
  cursor: default;
  text-decoration: none;
}

.navLocal > div > ul.list > li > ul > li > a {
  padding: 5px 0;
  color: #5f696e;
}

.navLocal > div > ul.list > li > ul + a {
  margin-top: 10px;
}

.navLocal > div > ul.banner {
  display: table-cell !important;
  width: 39%;
  margin-right: -10px;
  padding: 10px 0 0;
  text-align: right;
}

.navLocal > div > ul.banner > li {
  float: left;
  width: 50%;
  margin-bottom: 20px;
  padding: 0 0 0 19px;
}

.navLocal > div > ul.banner > li img {
  min-width: 100%;
  max-width: none !important;
}

.navLocalSide .label {
  display: none;
}

.navLocalSide .label > a {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  padding: 15px 40px;
  color: #888;
}

.navLocalSide > ul a {
  display: block;
}

.navLocalSide > ul li.isCurrent > a {
  color: #0093d0 !important;
}

.navLocalSide > ul > li {
  border-bottom: 1px solid gainsboro;
  background-color: #fff;
}

.navLocalSide > ul > li > a {
  padding: 20px 60px 20px 40px;
}

.navLocalSide > ul > li > a:before {
  top: 50%;
  right: 38px;
  width: 9px;
  height: 15px;
  margin-top: -7.5px;
  background-position: -318px -287px;
}

.navLocalSide > ul > li.parent {
  background-color: #f5f7f8;
}

.navLocalSide > ul > li.parent > a {
  border: none;
}

.navLocalSide > ul > li.parent > a:before {
  top: 50%;
  right: 40px;
  width: 11px;
  height: 8px;
  margin-top: -4px;
  background-position: -403px -526px;
}

.navLocalSide > ul > li.parent > a.isCurrent {
  background-color: #fff;
}

.navLocalSide > ul > li.parent > a.isCurrent:before {
  top: 50%;
  right: 40px;
  width: 11px;
  height: 8px;
  margin-top: -4px;
  background-position: -467px -325px;
}

.navLocalSide > ul > li.parent > ul {
  padding-bottom: 30px;
}

.navLocalSide > ul > li.parent > ul > li > a {
  position: relative;
  margin-bottom: 5px;
  padding: 2px 20px 2px 63px;
}

.navLocalSide > ul > li.parent > ul > li > a:before {
  position: absolute;
  top: .7em;
  left: 35px;
  display: inline-block;
  width: 5px;
  height: 5px;
  content: '';
  border-radius: 10px;
  background-color: #0093d0;
}

/* areaPageHeader
----------------------------------------------- */
.btnBack {
  position: absolute;
  top: 18px;
  left: 0;
}

.btnBack > a {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  padding: 12px 28px 12px 40px;
  color: #fff;
  background-color: #333;
}

.btnBack > a:before {
  top: 50%;
  left: 20px;
  width: 6px;
  height: 9px;
  margin-top: -4.5px;
  background-position: -540px -56px;
}

.areaPageHeader {
  position: relative;
  border-top: 1px solid gainsboro;
}

.areaPageHeader .navPageLocal {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}

.areaPageHeader .navPageLocal > .label {
  display: none;
}

.areaPageHeader .navPageLocal.typeShare > ul {
  padding-right: 125px;
}

.areaPageHeader .navPageLocal.typeBack > ul {
  padding-left: 12em;
}

.areaPageHeader .navPageLocal > ul {
  line-height: 1.2;
}

.areaPageHeader .navPageLocal > ul > li {
  font-weight: bold;
  display: table-cell;
  height: 5.5em;
  vertical-align: middle;
}

.areaPageHeader .navPageLocal > ul > li > a {
  display: block;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  color: #888;
}

.areaPageHeader .navPageLocal > ul > li > a:hover > span {
  text-decoration: underline;
}

.areaPageHeader .navPageLocal > ul > li > a > span {
  display: inline-block;
  padding: 20px 10px;
}

.areaPageHeader .navPageLocal > ul > li.line > a {
  position: relative;
}

.areaPageHeader .navPageLocal > ul > li.line > a:before {
  position: absolute;
  top: 50%;
  left: 5px;
  display: inline-block;
  width: 1px;
  height: 2.4em;
  margin-top: -1.2em;
  content: '';
  background-color: #dcdcdc;
}

.areaPageHeader .navPageLocal > ul > li.line > a > span {
  padding-left: 20px;
}

.areaPageHeader .navPageLocal > ul > li.isCurrent {
  position: relative;
  top: -1px;
  border-top: 1px solid #0093d0;
}

.areaPageHeader .navPageLocal > ul > li.isCurrent > a {
  color: #0093d0;
}

.areaPageHeader .navPageLocal > ul > li.isCurrent span.clrAttention {
  color: #0093d0 !important;
}

.areaPageHeader .navPageLocal > ul > li.logo {
  position: absolute;
  top: 12px;
  right: 80px;
}

.areaPageHeader .navPageLocal > ul > li.logo.channel {
  top: 15px;
  right: 125px;
}

.areaPageHeader .navPageLocal > ul > li.logo + .logo {
  right: 0;
}

.areaPageHeader .btnShare {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  position: absolute;
  top: 18px;
  right: 0;
}

.areaPageHeader .btnShare > a {
  display: inline-block;
  padding: 10px 38px 10px 20px;
  border: 1px solid gainsboro;
  background-color: #f5f7f8;
}

.areaPageHeader .btnShare > a:before {
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-position: -349px -526px;
}

.areaPageHeader .btnShare.logo {
  position: static;
  float: right;
  margin-bottom: 20px;
}

.areaPageHeader .hdgBa {
  margin-bottom: 20px;
  text-align: left;
  color: #000;
}

/* areaPageFooter
----------------------------------------------- */
.areaPageFooter > .lineBa {
  margin: 20px 0;
}

.areaPageFooter > .listLinkTy1:last-child {
  margin-bottom: 0;
}

/* Footer
----------------------------------------------- */
.strFooter {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 20px;
}

.strFooter > .footerUtility {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 25px;
}

.strFooter > .footerUtility > ul.footerList {
  float: left;
}

.strFooter > .footerUtility > ul.footerList > li {
  display: inline-block;
  margin-left: 20px;
}

.strFooter > .footerUtility > ul.footerList > li.footerLogo {
  margin-left: 0;
}

.strFooter > .footerUtility > ul.footerList > li.footerLogo > a {
  bottom: -10px;
  overflow: hidden;
  width: 84px;
  height: 38px;
}

.strFooter > .footerUtility > ul.footerList > li.footerLogo > a:before {
  top: 0;
  left: 0;
  width: 84px;
  height: 38px;
  margin-top: 0;
  background-position: 0 -425px;
}

.strFooter > .footerUtility > ul.footerList > li.footerLogo > a:before {
  position: static;
}

.strFooter > .footerUtility > .footerSns {
  display: inline-block;
  float: right;
  margin-top: 23px;
}

.strFooter > .footerUtility > .footerSns > p {
  display: inline-block;
}

.strFooter > .footerUtility > .footerSns > ul {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
}

.strFooter > .footerUtility > .footerSns > ul > li {
  display: inline-block;
  margin-left: 20px;
}

.strFooter > .footerUtility > .footerSns > ul > li > a {
  color: #a5a5a5;
}

.strFooter > .footerUtility > .footerSns > ul > li.snsFb a {
  padding-left: 22px;
}

.strFooter > .footerUtility > .footerSns > ul > li.snsFb a:before {
  top: 50%;
  left: 0;
  width: 14px;
  height: 32px;
  margin-top: -16px;
  background-position: -467px -92px;
}

.strFooter > .footerUtility > .footerSns > ul > li.snsTw a {
  padding-left: 30px;
}

.strFooter > .footerUtility > .footerSns > ul > li.snsTw a:before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 32px;
  margin-top: -16px;
  background-position: -437px -301px;
}

.strFooter > .footerUtility > .footerSns > ul > li.snsYt a {
  padding-left: 38px;
}

.strFooter > .footerUtility > .footerSns > ul > li.snsYt a:before {
  top: 50%;
  left: 0;
  width: 30px;
  height: 32px;
  margin-top: -16px;
  background-position: -437px -263px;
}

.strFooter > .footerUtility > .footerSns > ul > li.snsList a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
}

.strFooter > ul.footerSitemap {
  width: 100%;
  margin-bottom: 20px;
  padding: 10px 0 30px;
  border: 1px solid gainsboro;
  border-width: 1px 0;
}

.strFooter > ul.footerSitemap > li {
  float: left;
  width: 20%;
  padding-right: 10px;
}

.strFooter > ul.footerSitemap > li > b {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  padding: 20px 0;
}

.strFooter > ul.footerSitemap > li > ul > li > a {
  padding: 3px 0;
  color: #8f8f8f;
}

.strFooter > ul.footerList1 {
  line-height: 1;
}

.strFooter > ul.footerList1 > li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  border-left: 1px solid #959595;
}

.strFooter > ul.footerList1 > li > a {
  padding: 1px 0 1px 8px;
  color: #8f8f8f;
}

.strFooter > ul.footerList1 > li:first-child {
  border: none;
}

.strFooter > ul.footerList1 > li:first-child > a {
  padding-left: 0;
}

.strFooter > .footerCopy {
  color: #8f8f8f;
}

#myStatus.isErrorImg .isOnlyIcon {
  width: 100% !important;
}

#myStatus.isErrorImg .isOnlyIcon:before {
  display: none !important;
}

#myStatus.isErrorImg .isOnlyIcon:hover {
  text-decoration: none;
}

#myStatus.isErrorImg .isOnlyIcon > span {
  font-size: 10px;
  position: static !important;
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 2px 4px;
  color: #fff;
  background-color: #333;
}

#myStatus.isErrorImg .cmpItem > ul.nav > li > a > span,
#myStatus.isErrorImg ul.navController > li > a > span,
#myStatus.isErrorImg ul.navController1 > li > a > span,
#myStatus.isErrorImg .cmpMain > ul.nav > li > a > span {
  z-index: 1;
  margin: 0;
}

#myStatus.isErrorImg ul.navController > li > a,
#myStatus.isErrorImg ul.navController1 > li > a {
  text-align: center;
}

/* ===============================================
   Modules
=============================================== */
p {
  margin-bottom: 20px;
}

b {
  color: #333;
}

/* Adjust
----------------------------------------------- */
.isBlockDisplaySml {
  display: none !important;
}

.isNoneDisplaySml {
  display: block !important;
}

.isBlockDisplayMdl {
  display: none !important;
}

.isNoneDisplayMdl {
  display: block !important;
}

.w5,
.w5 + .easy-select-box {
  width: 5% !important;
}

.w10,
.w10 + .easy-select-box {
  width: 10% !important;
}

.w15,
.w15 + .easy-select-box {
  width: 15% !important;
}

.w20,
.w20 + .easy-select-box {
  width: 20% !important;
}

.w25,
.w25 + .easy-select-box {
  width: 25% !important;
}

.w30,
.w30 + .easy-select-box {
  width: 30% !important;
}

.w35,
.w35 + .easy-select-box {
  width: 35% !important;
}

.w40,
.w40 + .easy-select-box {
  width: 40% !important;
}

.w45,
.w45 + .easy-select-box {
  width: 45% !important;
}

.w50,
.w50 + .easy-select-box {
  width: 50% !important;
}

.w55,
.w55 + .easy-select-box {
  width: 55% !important;
}

.w60,
.w60 + .easy-select-box {
  width: 60% !important;
}

.w65,
.w65 + .easy-select-box {
  width: 65% !important;
}

.w70,
.w70 + .easy-select-box {
  width: 70% !important;
}

.w75,
.w75 + .easy-select-box {
  width: 75% !important;
}

.w80,
.w80 + .easy-select-box {
  width: 80% !important;
}

.w85,
.w85 + .easy-select-box {
  width: 85% !important;
}

.w90,
.w90 + .easy-select-box {
  width: 90% !important;
}

.w95,
.w95 + .easy-select-box {
  width: 95% !important;
}

.w100,
.w100 + .easy-select-box {
  width: 100% !important;
}

.mgB0 {
  margin-bottom: 0 !important;
}

.mgB5 {
  margin-bottom: 5px !important;
}

.mgB10 {
  margin-bottom: 10px !important;
}

.mgB15 {
  margin-bottom: 15px !important;
}

.mgB20 {
  margin-bottom: 20px !important;
}

.mgB25 {
  margin-bottom: 25px !important;
}

.mgB30 {
  margin-bottom: 30px !important;
}

.mgB35 {
  margin-bottom: 35px !important;
}

.mgB40 {
  margin-bottom: 40px !important;
}

.mgB45 {
  margin-bottom: 45px !important;
}

.mgB50 {
  margin-bottom: 50px !important;
}

.mgB55 {
  margin-bottom: 55px !important;
}

.mgB60 {
  margin-bottom: 60px !important;
}

.mgB65 {
  margin-bottom: 65px !important;
}

.mgB70 {
  margin-bottom: 70px !important;
}

.mgB75 {
  margin-bottom: 75px !important;
}

.mgB80 {
  margin-bottom: 80px !important;
}

.mgB85 {
  margin-bottom: 85px !important;
}

.mgB90 {
  margin-bottom: 90px !important;
}

.mgB95 {
  margin-bottom: 95px !important;
}

.mgB100 {
  margin-bottom: 100px !important;
}

.mgB0 {
  margin-bottom: -1px !important;
}

.setScale.mgT-2em {
  margin-top: -4.8% !important;
}

.mgScale {
  margin-bottom: 50px !important;
}

.pdR190 {
  padding-right: 190px !important;
}

.pd0 {
  padding: 0 !important;
}

.flR {
  float: right !important;
}

.taC {
  text-align: center !important;
}

.clrNotice {
  color: #777 !important;
}

.clrDefault {
  color: #333 !important;
}

.clrAttention {
  color: #f80 !important;
}

.fz16 {
  font-size: 16px;
  font-size: 1.6rem;
}

.txtLeadBa,
.txtLeadTy1 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  margin-bottom: 20px;
  color: #0093d0;
}

.hdgTy1 + .txtLeadBa {
  margin-top: -10px;
  margin-bottom: 40px;
}

.txtLeadTy1 {
  color: #333;
}

/* Heading
----------------------------------------------- */
.hdgBa {
  font-size: 30px;
  font-size: 3rem;
  font-weight: normal;
  margin-top: 1.53333em;
  margin-bottom: 46px;
  text-align: center;
}

.hdgBa.line {
  padding-top: 40px;
  border-top: 1px solid gainsboro;
}

.setScale .hdgBa {
  margin-top: 0;
}

.hdgTy1 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: normal;
  margin-bottom: 30px;
}

.hdgTy2 {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: normal;
  margin-top: 40px;
  margin-bottom: 20px;
}

.hdgTy2:first-child {
  margin-top: 0;
}

.hdgTy3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  margin-top: 38px;
  margin-bottom: 15px;
}

.hdgTy3:first-child {
  margin-top: 0;
}

.hdgTy3.iconShopping,
.hdgTy3.iconDownload,
.hdgTy3.iconTv,
.hdgTy3.iconHelp,
.hdgTy3.iconMail,
.hdgTy3.iconTel,
.hdgTy3.iconInfo {
  padding-left: 36px;
}

.hdgTy3.iconShopping:before {
  top: 50%;
  left: 0;
  width: 25px;
  height: 26px;
  margin-top: -13px;
  background-position: -491px 0;
}

.hdgTy3.iconDownload:before {
  top: 50%;
  left: 0;
  width: 25px;
  height: 22px;
  margin-top: -11px;
  background-position: 0 -498px;
}

.hdgTy3.iconTv:before {
  top: 50%;
  left: 0;
  width: 25px;
  height: 24px;
  margin-top: -12px;
  background-position: -491px -303px;
}

.hdgTy3.iconHelp:before {
  top: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  margin-top: -12.5px;
  background-position: -491px -32px;
}

.hdgTy3.iconMail:before {
  top: 50%;
  left: 0;
  width: 23px;
  height: 23px;
  margin-top: -11.5px;
  background-position: -206px -469px;
}

.hdgTy3.iconTel:before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-position: -491px -363px;
}

.hdgTy3.iconInfo:before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-position: -491px -243px;
}

.hdgTy4 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: normal;
  margin-top: 30px;
  margin-bottom: 15px;
}

.hdgTy4:first-child {
  margin-top: 0;
}

.hdgTy5 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  margin-top: 30px;
  margin-bottom: 15px;
}

.hdgTy5:first-child {
  margin-top: 0;
}

/* Link
----------------------------------------------- */
.linkBa {
  margin-bottom: 20px;
}

.linkBa > a,
.linkBa > span {
  display: inline-block;
  padding-left: 32px;
  text-decoration: none;
  color: #0093d0;
}

.linkBa > a:hover,
.linkBa > span:hover {
  text-decoration: underline;
}

.linkBa > a:before,
.linkBa > span:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 20px;
  background-color: #0093d0;
}

.linkBa > a:after,
.linkBa > span:after {
  top: 5px;
  left: 8px;
  width: 6px;
  height: 9px;
  margin-top: 0;
  background-position: -540px -84px;
}

.linkTopBa {
  margin-bottom: 20px;
  text-align: right;
}

.linkTopBa > * {
  font-weight: bold;
  display: inline-block;
  padding-left: 25px;
  color: #0093d0;
}

.linkTopBa > *:before {
  top: 50%;
  left: 0;
  width: 11px;
  height: 13px;
  margin-top: -6.5px;
  background-position: -225px -526px;
}

.linkTopBa > *:hover {
  text-decoration: none;
  color: #333;
}

.linkTopBa > *:hover:before {
  top: 50%;
  left: 0;
  width: 11px;
  height: 13px;
  margin-top: -6.5px;
  background-position: -259px -526px;
}

.linkShowMore {
  margin-top: -1px;
  text-align: center;
}

.linkShowMore > a {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  display: block;
  padding: 14px;
  color: #0093d0;
  border: 1px solid gainsboro;
  background-color: #f6f7f9;
}

.linkShowMore > a:hover span {
  text-decoration: underline;
}

.linkShowMore > a span {
  display: inline-block;
  padding-left: 24px;
}

.linkShowMore > a span:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 20px;
  background-color: #0093d0;
}

.linkShowMore > a span:after {
  top: 5px;
  left: 6px;
  width: 9px;
  height: 9px;
  margin-top: 0;
  background-position: -476px -244px;
}

.linkShowMore > a span.isClose:after {
  top: 5px;
  left: 6px;
  width: 9px;
  height: 9px;
  margin-top: 0;
  background-position: -473px -286px;
}

/* Button
----------------------------------------------- */
.btnBa > *,
button.btnBa {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  min-width: 150px;
  margin-bottom: 10px;
  padding: 16px 50px 16px 25px;
  text-align: left;
  border: 1px solid #818182;
  border-radius: 100px;
  background-color: transparent;
}

.btnBa > *:after,
button.btnBa:after {
  top: 50%;
  right: 20px;
  width: 11px;
  height: 17px;
  margin-top: -8.5px;
  background-position: -473px -263px;
}

.btnBa > *:hover,
button.btnBa:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* Navigation
----------------------------------------------- */
.secController {
  position: relative;
  padding-top: 12px;
}

.secController .hdgBa {
  margin-top: 0;
  padding: 0 110px;
}

.secController ul.navController,
.secController ul.navController1 {
  position: absolute;
  top: 0;
  right: 0;
}

ul.navController,
ul.navController1 {
  font-size: 10px;
  font-size: 1rem;
}

ul.navController > li,
ul.navController1 > li {
  display: inline-block;
  margin-left: 3px;
}

ul.navController > li > a,
ul.navController1 > li > a {
  display: block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  border: 1px solid #c1c1c1;
  border-radius: 60px;
  background-color: #fff;
}

ul.navController > li > a:before,
ul.navController1 > li > a:before {
  top: 50%;
  left: 50%;
  width: 11px;
  height: 17px;
  margin-top: -8.5px;
  margin-left: -5.5px;
  background-position: -455px -498px;
}

ul.navController > li > a > span,
ul.navController1 > li > a > span {
  position: relative;
  z-index: -1;
}

ul.navController > li.prev > a:before,
ul.navController1 > li.prev > a:before {
  top: 50%;
  left: 50%;
  width: 11px;
  height: 17px;
  margin-top: -8.5px;
  margin-left: -5.5px;
  background-position: -489px -498px;
}

ul.navController > li.isInvalid,
ul.navController1 > li.isInvalid {
  opacity: .3;
  -ms-filter: 'alpha(opacity=30)';
}

ul.navController > li.isInvalid a,
ul.navController1 > li.isInvalid a {
  cursor: default !important;
}

ul.navController > li.isInvalid a > span,
ul.navController1 > li.isInvalid a > span {
  visibility: hidden;
}

ul.navController1 {
  width: 100%;
  height: 0;
}

ul.navController1 > li {
  float: right;
  margin: 0 -10px 0 0;
}

ul.navController1 > li > a {
  border: none;
  background-color: transparent;
}

ul.navController1 > li > a:before {
  top: 50%;
  left: 50%;
  width: 12px;
  height: 20px;
  margin-top: -10px;
  margin-left: -6px;
  background-position: -522px -404px;
}

ul.navController1 > li.prev {
  float: left;
  margin: 0 0 0 -10px;
}

ul.navController1 > li.prev > a:before {
  top: 50%;
  left: 50%;
  width: 12px;
  height: 20px;
  margin-top: -10px;
  margin-left: -6px;
  background-position: -522px -248px;
}

.secListAll {
  position: relative;
}

.secListAll > .hdgBa {
  margin-top: 0;
  padding: 0 5em;
}

.secListAll > .hdgBa + .linkBa {
  position: absolute;
  top: 8px;
  right: 0;
}

.setTblHead {
  position: relative;
  margin: 0;
  border: 1px solid gainsboro;
  border-width: 1px 1px 0;
}

.setTblHead > .hdgBa {
  font-size: 24px;
  font-size: 2.4rem;
  margin-top: 0 !important;
  margin-bottom: 0;
  padding: 0 5em;
  padding: 35px 0;
  padding-left: 40px;
  text-align: left;
}

.setTblHead > .hdgBa + .linkBa {
  position: absolute;
  top: 40px;
  right: 40px;
}

.setTblHead + .tblBa {
  margin-bottom: 0;
}

/* Layout
----------------------------------------------- */
.lytImg.typeBnr a {
  display: block;
  width: 100%;
}

.lytImg.typeBnr a img {
  width: 100%;
}

.lytImgBa,
.lytImgTy1,
.lytImgTy3,
.lytImgTy4 {
  width: 100%;
  margin-bottom: 25px;
}

.lytImgBa.imageR,
.lytImgBa.imageL,
.lytImgTy1.imageR,
.lytImgTy1.imageL,
.lytImgTy3.imageR,
.lytImgTy3.imageL,
.lytImgTy4.imageR,
.lytImgTy4.imageL {
  display: table;
}

.lytImgBa.imageR > .img,
.lytImgBa.imageL > .img,
.lytImgTy1.imageR > .img,
.lytImgTy1.imageL > .img,
.lytImgTy3.imageR > .img,
.lytImgTy3.imageL > .img,
.lytImgTy4.imageR > .img,
.lytImgTy4.imageL > .img {
  display: table-cell;
  padding-left: 25px;
  vertical-align: top;
  white-space: nowrap;
}

.lytImgBa.imageR > .img img,
.lytImgBa.imageL > .img img,
.lytImgTy1.imageR > .img img,
.lytImgTy1.imageL > .img img,
.lytImgTy3.imageR > .img img,
.lytImgTy3.imageL > .img img,
.lytImgTy4.imageR > .img img,
.lytImgTy4.imageL > .img img {
  max-width: none;
  height: auto;
  margin-bottom: 0;
}

.lytImgBa.imageR > .contents,
.lytImgBa.imageL > .contents,
.lytImgTy1.imageR > .contents,
.lytImgTy1.imageL > .contents,
.lytImgTy3.imageR > .contents,
.lytImgTy3.imageL > .contents,
.lytImgTy4.imageR > .contents,
.lytImgTy4.imageL > .contents {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}

.lytImgBa.imageR > .contents > *:last-child,
.lytImgBa.imageL > .contents > *:last-child,
.lytImgTy1.imageR > .contents > *:last-child,
.lytImgTy1.imageL > .contents > *:last-child,
.lytImgTy3.imageR > .contents > *:last-child,
.lytImgTy3.imageL > .contents > *:last-child,
.lytImgTy4.imageR > .contents > *:last-child,
.lytImgTy4.imageL > .contents > *:last-child {
  margin-bottom: 0;
}

.lytImgBa.imageR > .contents > *:last-child *:last-child,
.lytImgBa.imageL > .contents > *:last-child *:last-child,
.lytImgTy1.imageR > .contents > *:last-child *:last-child,
.lytImgTy1.imageL > .contents > *:last-child *:last-child,
.lytImgTy3.imageR > .contents > *:last-child *:last-child,
.lytImgTy3.imageL > .contents > *:last-child *:last-child,
.lytImgTy4.imageR > .contents > *:last-child *:last-child,
.lytImgTy4.imageL > .contents > *:last-child *:last-child {
  margin-bottom: 0;
}

.lytImgBa.imageL,
.lytImgTy1.imageL,
.lytImgTy3.imageL,
.lytImgTy4.imageL {
  direction: rtl;
}

.lytImgBa.imageL > .img,
.lytImgTy1.imageL > .img,
.lytImgTy3.imageL > .img,
.lytImgTy4.imageL > .img {
  padding-right: 25px;
  padding-left: 0;
  direction: ltr;
}

.lytImgBa.imageL > .contents,
.lytImgTy1.imageL > .contents,
.lytImgTy3.imageL > .contents,
.lytImgTy4.imageL > .contents {
  direction: ltr;
}

.lytImgTy1.imageL,
.lytImgTy4.imageL {
  direction: ltr;
}

.lytImgTy1.imageR,
.lytImgTy4.imageR {
  direction: rtl;
}

.lytImgTy1.imageR > .contents,
.lytImgTy4.imageR > .contents {
  direction: ltr;
}

.lytImgTy2 > .img {
  float: left;
  padding: 0 25px 0 0;
}

.lytImgTy2 > .img > img {
  margin: 0 0 25px 0;
}

.lytImgTy2.imageR > .img {
  float: right;
  padding: 0 0 0 25px;
}

.lytImgTy3 {
  border: 1px solid gainsboro;
  background-color: #f5f7f8;
}

.lytImgTy3.imageL {
  direction: ltr;
}

.lytImgTy3.imageL > .img {
  border-right: 1px solid gainsboro;
}

.lytImgTy3.imageR {
  direction: rtl;
}

.lytImgTy3.imageR > .img,
.lytImgTy3.imageR > .contents {
  direction: ltr;
}

.lytImgTy3.imageR > .img {
  border-left: 1px solid gainsboro;
}

.lytImgTy3.imageR > .contents {
  padding: 20px 10px 10px 30px;
}

.lytImgTy3 > .img {
  padding: 0 !important;
}

.lytImgTy3 > .img img {
  width: 300px;
  height: auto;
}

.lytImgTy3 > .contents {
  padding: 30px 50px 25px;
}

.lytImgTy3 .linkBa {
  margin-bottom: 0;
}

.lytImgTy4 {
  margin-bottom: 30px;
  padding-top: 25px;
  border-top: 1px solid gainsboro;
}

.lytImgTy4 > .img,
.lytImgTy4 > .contents {
  vertical-align: middle !important;
}

.lytImgTy4 > .img .txtLeadTy1,
.lytImgTy4 > .contents .txtLeadTy1 {
  font-size: 30px;
  font-size: 3rem;
}

.lytImgMain {
  margin-bottom: 45px;
}

.lytImgMain img {
  width: 900px;
  height: auto;
}

.strMain .lytImgMain {
  margin: 40px -41px 45px -40px;
}

.strMain .lytImgMain:first-child {
  margin: -50px -41px 45px -40px;
}

/* List
----------------------------------------------- */
ul.listBtnBa {
  margin-bottom: 20px;
}

ul.listBtnBa > li.btnBa {
  display: inline-block;
  margin: 0 10px 0 0;
}

ul.listNewsBa {
  margin-top: 3px;
  margin-bottom: 20px;
}

ul.listNewsBa > li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 8em;
}

ul.listNewsBa > li > span.date {
  position: absolute;
  top: 0;
  left: 0;
}

ul.listNewsBa > li > a {
  color: #777;
}

ul.listLinkBa {
  margin-bottom: 20px;
}

ul.listLinkBa > li {
  margin-bottom: 10px;
}

ul.listLinkBa > li > a {
  font-weight: bold;
  display: inline-block;
  padding-left: 25px;
  text-decoration: none;
  color: #0093d0;
}

ul.listLinkBa > li > a:before {
  top: .35em;
  left: 0;
  width: 13px;
  height: 11px;
  margin-top: 0;
  background-position: -522px -481px;
}

ul.listLinkBa > li > a:hover {
  color: #333;
}

ul.listLinkBa > li > a:hover:before {
  top: .35em;
  left: 0;
  width: 13px;
  height: 11px;
  margin-top: 0;
  background-position: -330px -526px;
}

ul.listLinkTy1 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 20px;
}

ul.listLinkTy1 > li {
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 10px;
}

ul.listLinkTy1 > li > a {
  padding: 2px 0;
  color: #8f8f8f;
}

ul.listLinkTy2 {
  line-height: 1;
  margin-bottom: 10px;
}

ul.listLinkTy2 > li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  border-right: 1px solid gainsboro;
}

ul.listLinkTy2 > li > a,
ul.listLinkTy2 > li > span {
  display: inline-block;
  padding: 8px 15px 8px 0;
}

ul.listLinkTy2 > li > a {
  font-weight: bold;
  color: #0093d0;
}

ul.listLinkTy2 > li:last-child {
  border: none;
}

ul.listLinkTy2 > li:last-child > a,
ul.listLinkTy2 > li:last-child > span {
  padding-right: 0;
}

ul.listLinkTy3,
ul.listLinkTy4 {
  line-height: 1.5;
  margin-bottom: 20px;
}

ul.listLinkTy3 > li,
ul.listLinkTy4 > li {
  display: inline-block;
  float: left;
  margin: 10px 0 20px;
  padding-right: 40px;
}

ul.listLinkTy3 > li > a,
ul.listLinkTy4 > li > a {
  padding-left: 26px;
  text-decoration: none;
  color: #0093d0;
}

ul.listLinkTy3 > li > a span.iconMedia,
ul.listLinkTy4 > li > a span.iconMedia {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: normal;
  display: inline-block;
  margin-left: 10px;
  color: #888;
}

ul.listLinkTy3 > li > a:before,
ul.listLinkTy4 > li > a:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 20px;
  background-color: #0093d0;
}

ul.listLinkTy3 > li > a:hover,
ul.listLinkTy4 > li > a:hover {
  text-decoration: underline;
}

ul.listLinkTy3 > li > a:after,
ul.listLinkTy4 > li > a:after {
  top: 5px;
  left: 8px;
  width: 6px;
  height: 9px;
  margin-top: 0;
  background-position: -540px -84px;
}

ul.listLinkTy3 > li:last-child,
ul.listLinkTy4 > li:last-child {
  margin-bottom: 0 !important;
}

ul.listLinkTy3.typeCol2 > li,
ul.listLinkTy4.typeCol2 > li {
  width: 50%;
}

ul.listLinkTy3.typeCol3 > li,
ul.listLinkTy4.typeCol3 > li {
  width: 33%;
}

ul.listLinkTy4 > li {
  display: block;
  float: none;
  margin: 0 0 15px;
  padding-right: 0;
}

ul.listAnchorBa,
ul.listAnchorTy1 {
  margin-bottom: 20px;
}

ul.listAnchorBa > li,
ul.listAnchorTy1 > li {
  margin-bottom: 10px;
}

ul.listAnchorBa > li > a,
ul.listAnchorTy1 > li > a {
  font-weight: bold;
  display: inline-block;
  padding-left: 25px;
  text-decoration: none;
  color: #0093d0;
}

ul.listAnchorBa > li > a:before,
ul.listAnchorTy1 > li > a:before {
  top: .35em;
  left: 0;
  width: 11px;
  height: 13px;
  margin-top: 0;
  background-position: -160px -526px;
}

ul.listAnchorBa > li > a:hover,
ul.listAnchorTy1 > li > a:hover {
  color: #333;
}

ul.listAnchorBa > li > a:hover:before,
ul.listAnchorTy1 > li > a:hover:before {
  top: .35em;
  left: 0;
  width: 11px;
  height: 13px;
  margin-top: 0;
  background-position: -242px -526px;
}

ul.listAnchorTy1 > li {
  display: inline-block;
  margin-right: 10px;
}

ul.tabLinkBa {
  margin-top: 40px;
  margin-bottom: 40px;
}

ul.tabLinkBa > li {
  float: left;
  width: 100%;
  border: 1px solid #dadada;
  border-width: 1px 1px 1px 0;
  background-color: #f5f7f8;
}

ul.tabLinkBa > li > a {
  font-weight: bold;
  display: block;
  display: table;
  width: 100%;
  min-height: 81px;
  padding: 20px 40px;
  text-decoration: none;
}

ul.tabLinkBa > li > a:hover {
  text-decoration: underline;
}

ul.tabLinkBa > li > a > span {
  display: table-cell;
  vertical-align: middle;
}

ul.tabLinkBa > li.isCurrent {
  margin-top: -3px;
  border-width: 0;
  border-top: 4px solid #0093d0;
  background-color: #fff;
}

ul.tabLinkBa > li:last-child {
  border-right-width: 0;
}

ul.tabLinkBa.typeCol2 > li {
  width: 50%;
}

ul.tabLinkBa.typeCol3 > li {
  width: 33.33333%;
}

ol.listLinkBa {
  font-weight: bold;
  margin-bottom: 10px;
  list-style: none;
  counter-reset: li;
}

ol.listLinkBa > li > a {
  position: relative;
  margin-bottom: 5px;
  padding-left: 2em;
  text-decoration: none;
  color: #0093d0;
}

ol.listLinkBa > li > a:before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(li) ". ";
  counter-increment: li;
}

ol.listLinkBa > li > a:hover {
  color: #333;
}

ol.listLinkBa > li > ol.listBa {
  margin: 25px 0 20px 0 !important;
}

ol.listLinkBa > li > ol.listBa > li > a {
  padding-left: 3em;
}

ol.listLinkBa > li > ol.listBa > li > a:before {
  content: counters(li, ".") " ";
}

.listSearchPage {
  width: 100%;
  margin-bottom: 25px;
}

.listSearchPage.imageR,
.listSearchPage.imageL {
  display: table;
}

.listSearchPage.imageR > .img,
.listSearchPage.imageL > .img {
  display: table-cell;
  padding-left: 25px;
  vertical-align: top;
  white-space: nowrap;
}

.listSearchPage.imageR > .img img,
.listSearchPage.imageL > .img img {
  max-width: none;
  height: auto;
  margin-bottom: 0;
}

.listSearchPage.imageR > .contents,
.listSearchPage.imageL > .contents {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}

.listSearchPage.imageR > .contents > *:last-child,
.listSearchPage.imageL > .contents > *:last-child {
  margin-bottom: 0;
}

.listSearchPage.imageR > .contents > *:last-child *:last-child,
.listSearchPage.imageL > .contents > *:last-child *:last-child {
  margin-bottom: 0;
}

.listSearchPage.imageL {
  direction: rtl;
}

.listSearchPage.imageL > .img {
  padding-right: 25px;
  padding-left: 0;
  direction: ltr;
}

.listSearchPage.imageL > .contents {
  direction: ltr;
}

.listSearchPage + .listSearchPage {
  margin-top: 45px;
  padding-top: 60px;
  border-top: 1px solid gainsboro;
}

.secCalendar > .label {
  display: none;
}

ul.tabLinkTy1 {
  display: table;
  width: 100%;
  padding-bottom: 30px;
}

ul.tabLinkTy1 > li {
  position: relative;
  display: table-cell;
  text-align: center;
}

ul.tabLinkTy1 > li:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 58px;
  margin-top: -29px;
  content: '';
  background-color: #dcdcdc;
}

ul.tabLinkTy1 > li:first-child:before {
  display: none;
}

ul.tabLinkTy1 > li.isCurrent:before,
ul.tabLinkTy1 > li.isCurrent + li:before {
  display: none;
}

ul.tabLinkTy1 > li > a {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 100px;
  display: inline-block;
  width: 100px;
  height: 100px;
  text-align: center;
}

ul.tabLinkTy1 > li > a:first-child {
  border: none;
}

ul.tabLinkTy1 > li > a:hover,
ul.tabLinkTy1 > li.isCurrent > a {
  text-decoration: none;
  color: #fff;
  border-radius: 300px;
  background-color: #0093d0;
}

.secCalendar.typeChannel .slideWrap {
  overflow: hidden;
  width: 88%;
  margin: 0 auto;
}

.secCalendar.typeChannel ul.tabLinkTy1 {
  width: 1000%;
  padding-bottom: 30px;
}

.secCalendar.typeChannel ul.tabLinkTy1 > li {
  position: relative;
  float: left;
  width: 1.42857%;
  text-align: center;
}

.secCalendar.typeChannel ul.tabLinkTy1 > li:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 58px;
  margin-top: -29px;
  content: '';
  background-color: #dcdcdc;
}

.secCalendar.typeChannel ul.tabLinkTy1 > li:first-child:before {
  display: none;
}

.secCalendar.typeChannel ul.tabLinkTy1 > li.isCurrent:before,
.secCalendar.typeChannel ul.tabLinkTy1 > li.isCurrent + li:before {
  display: none;
}

.secCalendar.typeChannel ul.tabLinkTy1 > li > a {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  width: 100px;
  height: 100px;
  padding-top: 1em;
  text-align: center;
}

.secCalendar.typeChannel ul.tabLinkTy1 > li > a:first-child {
  border: none;
}

.secCalendar.typeChannel ul.tabLinkTy1 > li > a > .sub {
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  position: relative;
  top: -2px;
  color: #777;
}

.secCalendar.typeChannel ul.tabLinkTy1 > li > a:hover,
.secCalendar.typeChannel ul.tabLinkTy1 > li.isCurrent > a {
  text-decoration: none;
  color: #fff;
  border-radius: 300px;
  background-color: #0093d0;
}

.secCalendar.typeChannel ul.tabLinkTy1 > li > a:hover > .sub,
.secCalendar.typeChannel ul.tabLinkTy1 > li.isCurrent > a > .sub {
  color: #fff;
}

.secCalendar.typeChannel ul.tabLinkTy1.typeEn > li > a > .sub {
  font-size: 15px;
  font-size: 1.5rem;
}

.secCalendar.typeChannel .navController,
.secCalendar.typeChannel ul.navController1 {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 0;
  margin-top: -40px;
}

.secCalendar.typeChannel .navController > li,
.secCalendar.typeChannel ul.navController1 > li {
  float: left;
}

.secCalendar.typeChannel .navController > li.next,
.secCalendar.typeChannel ul.navController1 > li.next {
  float: right;
}

.secCalendar.typeChannel .navController > li > a,
.secCalendar.typeChannel ul.navController1 > li > a {
  width: 50px;
  height: 50px;
}

.isUaTab .secCalendar.typeChannel ul.tabLinkTy1 > li > a:hover {
  color: inherit;
  background-color: inherit;
}

.isUaTab .secCalendar.typeChannel ul.tabLinkTy1 > li > a:hover > .sub {
  color: inherit;
}

ul.tabLinkTy2 {
  font-size: 24px;
  font-size: 2.4rem;
  display: table;
  width: 100%;
  padding-bottom: 20px;
}

ul.tabLinkTy2 > li {
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: top;
  border: 1px solid #dadada;
  border-width: 1px 1px 1px 0;
  background-color: #f5f7f8;
}

ul.tabLinkTy2 > li > div {
  position: relative;
}

ul.tabLinkTy2 > li a {
  display: block;
  height: 100%;
  padding: 30px 10px;
}

ul.tabLinkTy2 > li a > span {
  display: inline-block;
  padding-left: 40px;
}

ul.tabLinkTy2 > li a:hover > span {
  text-decoration: underline;
}

ul.tabLinkTy2 > li.iconProgram1 a > span:before {
  top: 50%;
  left: 0;
  width: 27px;
  height: 27px;
  margin-top: -13.5px;
  background-position: -293px -425px;
}

ul.tabLinkTy2 > li.iconProgram2 a > span:before {
  top: 50%;
  left: 0;
  width: 23px;
  height: 29px;
  margin-top: -14.5px;
  background-position: -231px -425px;
}

ul.tabLinkTy2 > li.iconProgram3 a > span:before {
  top: 50%;
  left: 0;
  width: 28px;
  height: 20px;
  margin-top: -10px;
  background-position: -176px -498px;
}

ul.tabLinkTy2 > li.isCurrent {
  background-color: #0093d0;
}

ul.tabLinkTy2 > li.isCurrent > div {
  position: relative;
}

ul.tabLinkTy2 > li.isCurrent > div:after {
  position: absolute;
  z-index: 1;
  top: 100%;
  top: 99%;
  left: 51%;
  width: 0;
  height: 0;
  margin-left: -20px;
  content: '';
  border: 20px solid transparent;
  border-top-color: #0093d0;
}

ul.tabLinkTy2 > li.isCurrent a {
  color: #fff;
}

ul.tabLinkTy2 > li.isCurrent.iconProgram1 a > span:before {
  top: 50%;
  left: 0;
  width: 27px;
  height: 27px;
  margin-top: -13.5px;
  background-position: -260px -425px;
}

ul.tabLinkTy2 > li.isCurrent.iconProgram2 a > span:before {
  top: 50%;
  left: 0;
  width: 23px;
  height: 29px;
  margin-top: -14.5px;
  background-position: -202px -425px;
}

ul.tabLinkTy2 > li.isCurrent.iconProgram3 a > span:before {
  top: 50%;
  left: 0;
  width: 28px;
  height: 20px;
  margin-top: -10px;
  background-position: -142px -498px;
}

ul.tabLinkTy2 > li:first-child {
  border-left-width: 1px;
}

ul.tabLinkTy2.typeCol2 > li {
  width: 50%;
}

ul.tabLinkTy2.typeCol3 > li {
  width: 33.33333%;
}

ul.tabLinkTy3 {
  font-size: 18px;
  font-size: 1.8rem;
  display: table;
  width: 100%;
  padding-bottom: 10px;
}

ul.tabLinkTy3 > li {
  display: table-cell;
  width: 100%;
  text-align: center;
  border: 1px solid #dadada;
  border-width: 1px 1px 1px 0;
  background-color: #f5f7f8;
}

ul.tabLinkTy3 > li > div {
  position: relative;
}

ul.tabLinkTy3 > li a {
  display: block;
  padding: 18px 10px;
}

ul.tabLinkTy3 > li a > span {
  display: inline-block;
}

ul.tabLinkTy3 > li a:hover > span {
  text-decoration: underline;
}

ul.tabLinkTy3 > li.isCurrent {
  background-color: #0093d0;
}

ul.tabLinkTy3 > li.isCurrent > div {
  position: relative;
}

ul.tabLinkTy3 > li.isCurrent > div:after {
  position: absolute;
  z-index: 1;
  top: 100%;
  top: 99%;
  left: 51%;
  width: 0;
  height: 0;
  margin-left: -12.5px;
  content: '';
  border: 12.5px solid transparent;
  border-top-color: #0093d0;
}

ul.tabLinkTy3 > li.isCurrent a {
  color: #fff;
}

ul.tabLinkTy3 > li:first-child {
  border-left-width: 1px;
}

ul.tabLinkTy3.typeCol2 > li {
  width: 50%;
}

ul.tabLinkTy3.typeCol3 > li {
  width: 33.33333%;
}

ul.listBa {
  margin-bottom: 20px;
  color: #777;
}

ul.listBa > li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 28px;
}

ul.listBa > li:before {
  position: absolute;
  top: .5em;
  left: 0;
  display: inline-block;
  width: 5px;
  height: 5px;
  content: '';
  border-radius: 10px;
  background-color: #0093d0;
}

ul.listBa > li > ul.listBa {
  margin: 25px 0 20px !important;
}

ul.listBa > li > .linkBa {
  margin-top: 20px;
}

ul.listIconBa {
  margin-bottom: 10px;
}

ul.listIconBa > li {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 10px;
}

ul.listIconBa > li > span,
ul.listIconBa > li > a {
  font-weight: bold;
  display: inline-block;
  padding: 8px;
  text-align: center;
  border-radius: 4px;
}

ul.listIconBa > li.limited > span,
ul.listIconBa > li.limited > a {
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  background-color: #cf0003;
}

ul.listIconCh {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 20px;
  color: #777;
}

ul.listIconCh > li {
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 10px;
}

ul.listIconCh > li span.iconCh {
  font-weight: bold;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 1px 4px;
  border: 1px solid gainsboro;
  background-color: #f5f7f8;
}

ul.listIconStudio {
  margin-bottom: 20px;
}

ul.listIconStudio > li {
  line-height: 1.2;
  display: inline-block;
  float: left;
  margin-right: 12px;
  margin-bottom: 15px;
}

ul.listIconStudio > li > a {
  font-weight: bold;
  display: block;
  overflow: hidden;
  width: 110px;
  height: 110px;
  padding: 68px 10px 10px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: #003e58;
}

ul.listIconStudio > li > a:hover {
  text-decoration: none;
  background-color: #0093d0;
}

ul.listIconStudio > li.iconExtras > a:before {
  top: 20px;
  left: 50%;
  width: 33px;
  height: 34px;
  margin-top: 0;
  margin-left: -16.5px;
  background-position: -437px -223px;
}

ul.listIconStudio > li.iconBonus > a:before {
  top: 21px;
  left: 50%;
  width: 25px;
  height: 31px;
  margin-top: 0;
  margin-left: -12.5px;
  background-position: -268px -224px;
}

ul.listIconStudio > li.iconDigital > a:before {
  top: 22px;
  left: 50%;
  width: 35px;
  height: 32px;
  margin-top: 0;
  margin-left: -17.5px;
  background-position: -437px -339px;
}

ul.listIconStudio > li.iconBehind > a:before {
  top: 18px;
  left: 50%;
  width: 36px;
  height: 37px;
  margin-top: 0;
  margin-left: -18px;
  background-position: -437px -180px;
}

ul.listIconStudio > li.iconExtras span,
ul.listIconStudio > li.iconDigital span {
  position: relative;
  top: 8px;
  display: inline-block;
}

ul.listNoticeBa,
ul.listNoticeTy1 {
  font-size: 12px;
  font-size: 1.2rem;
  margin: -10px 0 30px;
  color: #737373;
}

ul.listNoticeBa > li,
ul.listNoticeTy1 > li {
  margin-bottom: 4px;
  padding-left: 1.5em;
}

ul.listNoticeBa > li > span.sign,
ul.listNoticeTy1 > li > span.sign {
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
}

ul.listNoticeBa:first-child,
ul.listNoticeTy1:first-child {
  margin-top: 0;
}

ul.listNoticeTy1 > li {
  padding-left: 0;
}

ul.listInfoBa {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 20px;
}

ul.listInfoBa > li {
  margin-bottom: 10px;
}

ul.listInfoBa > li:last-child {
  margin-bottom: 0;
}

ul.listInfoBa > li.iconCd {
  margin-bottom: 25px;
  padding-left: 40px;
}

ul.listInfoBa > li.iconCd:before {
  top: -8px;
  left: 0;
  width: 31px;
  height: 31px;
  margin-top: 0;
  background-position: -90px -425px;
}

ul.listInfoBa > li.iconCd + li {
  margin-bottom: 20px;
}

.listNumBa > li {
  position: relative;
  min-height: 34px;
  margin-bottom: 25px;
  padding-left: 3.3em;
  list-style: none;
}

.listNumBa > li span.num {
  font-weight: bold;
  line-height: 34px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 34px;
  height: 34px;
  text-align: center;
  color: #fff;
  border-radius: 34px;
  background-color: #333;
}

dl.listBa {
  margin-bottom: 30px;
}

dl.listBa dt {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

dl.listBa dt:first-child {
  margin-top: 0;
}

dl.listTy1 {
  margin-bottom: 30px;
  color: #777;
}

dl.listTy1 dt {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 0;
  color: #333;
}

dl.listTy1 dt:first-child {
  margin-top: 0;
}

dl.listTy1 dd > a.url {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  margin-bottom: 5px;
  color: #0093d0;
}

dl.listTy2 {
  margin-bottom: 30px;
}

dl.listTy2 dt {
  display: inline-block;
  float: left;
  clear: both;
  margin-right: 2px;
}

dl.listTy2 dd {
  display: inline-block;
  float: left;
  margin-bottom: 10px;
}

ol.listBa {
  margin-bottom: 20px;
  list-style: none;
  counter-reset: li;
}

ol.listBa > li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 2em;
  color: #777;
}

ol.listBa > li:before {
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  content: counter(li) ". ";
  counter-increment: li;
  color: #a5acb0;
}

ol.listBa > li > ol.listBa {
  margin: 25px 0 20px 0 !important;
}

ol.listBa > li > ol.listBa > li {
  padding-left: 3em;
}

ol.listBa > li > ol.listBa > li:before {
  content: counters(li, ".") " ";
}

ol.listStep {
  margin-bottom: 30px;
  color: #777;
}

ol.listStep > li {
  overflow: hidden;
  margin-bottom: 10px;
  list-style: none;
}

ol.listStep > li > .thumb {
  float: left;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 10px;
}

ol.listStep > li > .thumb > img {
  margin-bottom: 10px;
}

ol.listStep > li > .contents > b.hdg {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  margin-bottom: 5px;
  color: #333;
}

/* Panel
----------------------------------------------- */
.panelBa {
  display: table;
  width: 100%;
  padding: 35px 40px;
  border: 1px solid gainsboro;
  background-color: #f5f7f8;
}

.panelBa.typeNarrow {
  padding: 20px 25px;
}

.panelBa.typeNarrow > .hdgPanel {
  width: 23.5%;
}

.panelBa.typeNarrow > .contents {
  width: 76.5%;
}

.panelBa > .hdgPanel,
.panelBa > .contents {
  display: table-cell;
  vertical-align: top;
}

.panelBa > .hdgPanel {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  width: 25%;
  padding: 0 20px 0 0;
}

.panelBa > .hdgPanel > b.sub {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  margin-top: 5px;
}

.panelBa > .hdgPanel.iconSpeker,
.panelBa > .hdgPanel.iconInfo {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  padding-top: 4px;
  padding-left: 34px;
}

.panelBa > .hdgPanel.iconSpeker:before,
.panelBa > .hdgPanel.iconInfo:before {
  top: 4px;
  left: 0;
  width: 22px;
  height: 19px;
  margin-top: 0;
  background-position: -291px -498px;
}

.panelBa > .hdgPanel.iconInfo:before {
  top: 4px;
  left: 0;
  width: 22px;
  height: 22px;
  margin-top: 0;
  background-position: -376px -469px;
}

.panelBa > .contents {
  width: 75%;
  padding: 0 0 0 60px;
  border-left: 1px solid gainsboro;
}

.panelBa > .contents > *:last-child {
  margin-bottom: 0;
}

.panelBa > .contents > ul.listInfoBa {
  font-size: 14px;
  font-size: 1.4rem;
}

.panelTy1,
.panelTy2 {
  margin-bottom: 40px;
  padding: 50px 40px;
  background-color: #f5f7f8;
}

.panelTy2 {
  background-color: #0093d0;
}

.panelTy2 * {
  color: #fff;
}

.panelTy2 .linkBa > a,
.panelTy2 .linkBa > span {
  color: #fff;
}

.panelTy2 .linkBa > a:before,
.panelTy2 .linkBa > span:before {
  background-color: #fff;
}

.panelTy2 .linkBa > a:after,
.panelTy2 .linkBa > span:after {
  top: 5px;
  left: 8px;
  width: 6px;
  height: 9px;
  margin-top: 0;
  background-position: -540px -140px;
}

.panelInfoBa {
  display: table;
  width: 100%;
  padding: 0 40px;
  border: 1px solid gainsboro;
}

.panelInfoBa > .hdgPanel,
.panelInfoBa > .contents {
  display: table-cell;
  padding: 35px 0;
  vertical-align: top;
}

.panelInfoBa > .hdgPanel {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  width: 25%;
  padding-right: 20px;
}

.panelInfoBa > .hdgPanel > b.sub {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  margin-top: 5px;
}

.panelInfoBa > .hdgPanel > span.sub2 {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  margin-top: 5px;
  color: #777;
}

.panelInfoBa > .contents {
  width: 75%;
  padding-left: 60px;
  border-left: 1px solid gainsboro;
}

.panelProgramBa {
  display: table;
  width: 100%;
  border: 1px solid gainsboro;
  border-width: 0 1px 1px;
  background-color: #f5f7f8;
}

.panelProgramBa > .contents {
  display: table-cell;
  width: 50%;
}

.panelProgramBa > .contents.typeLine {
  border-right: 1px solid gainsboro;
}

.panelProgramBa > .contents > a {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  padding: 27px 20px 30px;
  vertical-align: middle;
  text-decoration: none;
}

.panelProgramBa > .contents > a:hover > span {
  text-decoration: underline;
}

.panelProgramBa > .contents > a > br {
  display: none;
}

.panelProgramBa > .contents > a > span {
  display: inline-block;
  padding-right: 25px;
  vertical-align: super;
}

.panelProgramBa > .contents > a > span:After {
  top: 50%;
  right: 0;
  width: 9px;
  height: 15px;
  margin-top: -7.5px;
  background-position: -318px -287px;
}

.panelProgramBa > .contents > a img.logo1,
.panelProgramBa > .contents > a img.logo2 {
  height: auto;
  margin-right: 20px;
}

.panelProgramBa > .contents > a img.logo1 {
  width: 170px;
}

.panelProgramBa > .contents > a img.logo2 {
  width: 100px;
}

.lineBa,
.lineTy1 {
  margin: 50px 0;
  border: none;
  border-top: 1px solid gainsboro;
}

.lineTy1 {
  margin: 30px 0;
}

.pagination > ul {
  font-size: 0;
  font-size: 0rem;
  text-align: center;
}

.pagination > ul > li {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  border-left: 1px solid gainsboro;
}

.pagination > ul > li > a {
  padding: 0 10px;
  text-decoration: none;
  color: #777;
}

.pagination > ul > li > a:hover {
  text-decoration: underline;
}

.pagination > ul > li > b {
  padding: 0 10px;
  color: #0093d0;
}

.pagination > ul > li.prev,
.pagination > ul > li.next,
.pagination > ul > li.data,
.pagination > ul > li.data + li,
.pagination > ul > li.last {
  border: none;
}

.pagination > ul > li.last:before {
  display: inline-block;
  content: '...';
}

.pagination > ul > li.data {
  font-weight: bold;
  margin-right: 25px;
  color: #777;
}

.pagination > ul > li.data + li {
  border: none;
}

.pagination > ul > li.prev,
.pagination > ul > li.next {
  font-size: 14px;
  font-size: 1.4rem;
}

.pagination > ul > li.prev > a,
.pagination > ul > li.next > a {
  font-weight: bold;
  padding-left: 32px;
  color: #0093d0;
}

.pagination > ul > li.prev > a:before,
.pagination > ul > li.next > a:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 20px;
  background-color: #0093d0;
}

.pagination > ul > li.prev > a:hover,
.pagination > ul > li.next > a:hover {
  text-decoration: none;
  color: #333;
}

.pagination > ul > li.prev > a:hover:before,
.pagination > ul > li.next > a:hover:before {
  background-color: #333;
}

.pagination > ul > li.prev {
  float: left;
}

.pagination > ul > li.prev > a:after {
  top: 5px;
  left: 6px;
  width: 6px;
  height: 9px;
  margin-top: 0;
  background-position: -540px -56px;
}

.pagination > ul > li.next {
  float: right;
}

.pagination > ul > li.next > a {
  padding-right: 32px;
  padding-left: 0;
}

.pagination > ul > li.next > a:before {
  right: 0;
  left: auto;
}

.pagination > ul > li.next > a:after {
  top: 5px;
  right: 6px;
  width: 6px;
  height: 9px;
  margin-top: 0;
  background-position: -540px -84px;
}

.pagination > ul > li.isInvalid span {
  color: #777;
}

/* Table
----------------------------------------------- */
table.tblBa,
table.tblTy1,
table.tblTy2,
table.tblMusicList {
  margin-bottom: 30px;
  color: #777;
  border: 1px solid gainsboro;
  border-width: 1px 0 0 1px;
}

table.tblBa a,
table.tblTy1 a,
table.tblTy2 a,
table.tblMusicList a {
  color: #0093d0;
}

table.tblBa th,
table.tblBa td,
table.tblTy1 th,
table.tblTy1 td,
table.tblTy2 th,
table.tblTy2 td,
table.tblMusicList th,
table.tblMusicList td {
  padding: 18px 20px;
  vertical-align: top;
  word-break: normal;
  border: 1px solid gainsboro;
  border-width: 0 1px 1px 0;
  background-color: #fff;
}

table.tblBa thead th,
table.tblBa thead td,
table.tblTy1 thead th,
table.tblTy1 thead td,
table.tblTy2 thead th,
table.tblTy2 thead td,
table.tblMusicList thead th,
table.tblMusicList thead td {
  font-weight: bold;
  padding: 30px 20px;
  text-align: left;
  color: #333;
  background-color: #f5f7f8;
}

table.tblBa tbody th,
table.tblBa tbody td,
table.tblTy1 tbody th,
table.tblTy1 tbody td,
table.tblTy2 tbody th,
table.tblTy2 tbody td,
table.tblMusicList tbody th,
table.tblMusicList tbody td {
  font-weight: normal;
}

table.tblBa span.iconCh,
table.tblTy1 span.iconCh,
table.tblTy2 span.iconCh,
table.tblMusicList span.iconCh {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 0 6px;
  padding: 1px 4px;
  color: #777;
  border: 1px solid gainsboro;
  background-color: #f5f7f8;
}

table.tblBa .linkBa.flR,
table.tblTy1 .linkBa.flR,
table.tblTy2 .linkBa.flR,
table.tblMusicList .linkBa.flR {
  margin-bottom: 0;
}

table.tblTy1,
table.tblTy2 {
  border-collapse: collapse;
}

table.tblTy2 th {
  color: #333;
  background-color: #f5f7f8;
}

table.tblMusicList {
  border-width: 1px 1px 0 1px;
}

table.tblMusicList th,
table.tblMusicList td {
  padding: 15px 20px !important;
  vertical-align: middle;
  border: 1px solid gainsboro;
  border-width: 0 0 1px 0;
}

table.tblMusicList thead th {
  background-color: #fff;
}

table.tblMusicList thead th > span.iconTime {
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 18px;
}

table.tblMusicList thead th > span.iconTime:before {
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  margin-top: 0;
  background-position: -467px -136px;
}

table.tblMusicList thead th > span.iconTime:before {
  position: static;
}

table.tblMusicList thead th > span.iconTime > span {
  position: relative;
}

table.tblMusicList tbody th {
  font-weight: bold;
  text-align: center;
  color: #333;
}

dl.tblKana {
  margin-bottom: 30px;
  border: 1px solid gainsboro;
  border-width: 1px 0 0 1px;
}

dl.tblKana dt,
dl.tblKana dd {
  float: left;
  padding: 10px;
  border: 1px solid gainsboro;
  border-width: 0 1px 1px 0;
}

dl.tblKana dt {
  font-size: 30px;
  font-size: 3rem;
  font-weight: normal;
  clear: both;
  width: 25%;
  padding: 40px;
  vertical-align: top;
  background-color: #f5f7f8;
}

dl.tblKana dd {
  width: 75%;
  padding: 40px 50px 30px;
  background-color: #fff;
}

/* Form
----------------------------------------------- */
form.fotmInpuiry .secInput {
  margin-bottom: 20px;
}

form.fotmInpuiry label b {
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
  margin-bottom: 5px;
}

form.fotmInpuiry label span.icon,
form.fotmInpuiry label span.notice {
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
  margin-left: 5px;
  vertical-align: text-top;
  color: #777;
}

form.fotmInpuiry label span.notice {
  font-size: 12px;
  font-size: 1.2rem;
  margin: -4px 0 5px;
}

form.formRefinerBa {
  border: 1px solid gainsboro;
  border-width: 1px;
}

form.formRefinerBa > .header {
  display: table;
  width: 100%;
  background-color: #f5f7f8;
}

form.formRefinerBa > .header > .title,
form.formRefinerBa > .header > .sub {
  display: table-cell;
  width: 50%;
  height: 100%;
  vertical-align: middle;
}

form.formRefinerBa > .header > .title {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 10px 40px;
}

form.formRefinerBa > .header > .title .refiner {
  font-weight: bold;
}

form.formRefinerBa > .header > .sub .toggle,
form.formRefinerBa > .header > .sub .select {
  float: left;
  width: 50%;
}

form.formRefinerBa > .header > .sub .toggle {
  display: block;
  height: 100%;
  text-align: center;
  border: 1px solid gainsboro;
  border-width: 0 1px;
  background-color: #fff;
}

form.formRefinerBa > .header > .sub .toggle > a {
  display: inline-block;
  padding: 30px 30px 30px 0;
}

form.formRefinerBa > .header > .sub .toggle > a:before {
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-position: -491px -123px;
}

form.formRefinerBa > .header > .sub .select {
  display: block;
  padding: 18px 40px 10px;
}

form.formRefinerBa > .header > .sub .select label {
  position: relative;
  display: block;
  height: 100%;
}

form.formRefinerBa > .header > .sub .select span {
  position: relative;
  bottom: 14px;
  display: inline-block;
  margin-right: 5px;
}

form.formRefinerBa > .contents {
  margin-top: -1px;
  padding: 30px 40px 0;
  border: 1px solid gainsboro;
  border-width: 1px 0 0;
}

form.formRefinerBa > .contents > .cmpColumn label > span,
form.formRefinerBa > .contents > .cmpColumn div > span {
  font-weight: bold;
  display: inline-block;
  margin-bottom: 3px;
}

form.formRefinerBa > .contents > .cmpColumn .column {
  padding-bottom: 20px;
}

form.formRefinerBa > .contents > .cmpColumn .column.w100keep {
  width: 100% !important;
}

form.formRefinerBa > .contents ul.listCheckBa {
  float: left;
  height: 72px;
}

form.formRefinerBa > .contents ul.listCheckBa.typeGame {
  height: 107px;
}

form.formRefinerBa > .contents ul.listCheckBa.typeGame li {
  margin-right: 15px;
}

form.formRefinerBa > .contents ul.listCheckBa.typeGame li > label {
  width: 105px;
  height: 105px;
  border-radius: 105px;
}

form.formRefinerBa > .contents ul.listCheckBa li {
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
}

form.formRefinerBa > .contents ul.listCheckBa li > label {
  font-size: 10px;
  font-size: 1rem;
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 70px;
  height: 70px;
  cursor: pointer;
  text-align: center;
  border: 1px solid gainsboro;
  border-radius: 70px;
  background-color: #f5f7f8;
}

form.formRefinerBa > .contents ul.listCheckBa li > label > input,
form.formRefinerBa > .contents ul.listCheckBa li > label > span {
  position: absolute;
  z-index: -1;
}

form.formRefinerBa > .contents ul.listCheckBa li.isCurrent > label,
form.formRefinerBa > .contents ul.listCheckBa li > label:hover {
  border-color: #000;
  background-color: #000;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconDvd > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: -66px -266px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconBluray > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: -198px -266px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconOndemand > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: 0 -266px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconMovienex > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: -62px -154px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconBlurayDvd > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: -132px -266px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconOther > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: -66px -210px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconHeadphone > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: 0 -210px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconWebcast > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: -128px -154px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconGame1 > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: -268px -168px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconGame2 > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: -268px -112px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconGame3 > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: -268px -56px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconGame4 > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: -268px 0;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconGame5 > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: -194px -154px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconGame6 > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 50px;
  margin-top: -25px;
  margin-left: -30px;
  background-position: -198px -210px;
}

form.formRefinerBa > .contents ul.listCheckBa li.iconGame8 > label:before {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 52px;
  margin-top: -26px;
  margin-left: -30px;
  background-position: -180px -94px;
}

form.formRefinerBa > .contents button.btnBa {
  top: 10px;
  float: right;
}

form.formRefinerBa > .contents .setParentSelect + .easy-select-box {
  float: left;
}

form.formRefinerBa > .contents .childSelect {
  float: left;
  width: 40%;
  margin-left: 10px;
}

form.formRefinerBa > .contents .childSelect .easy-select-box + select + .easy-select-box {
  margin-left: 0;
}

form.formRefinerBa.isClose > .contents {
  display: none;
}

form.formRefinerBa.isClose > .header > .sub .toggle {
  margin-bottom: 0;
  border-left-width: 0;
  background-color: #f5f7f8;
}

form.formRefinerBa.subNone .header .sub .toggle {
  float: right;
  border-right-width: 0;
}

form.formRefinerBa.subNone button.btnBa {
  float: none;
  margin-top: 15px;
}

.isUaTab form.formRefinerBa > .header > .sub .select span {
  bottom: 0;
}

input.inputBa,
textarea.textareaBa {
  padding: 10px 15px;
  color: #777;
  border: 1px solid gainsboro;
  border-radius: 2px;
}

input.inputBa {
  min-width: 350px;
}

textarea.textareaBa {
  width: 100%;
  height: 160px;
  resize: none;
}

select.selectTy2 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 51px;
  height: 51px;
  padding: 15px 10px;
  cursor: pointer;
  border: 1px solid gainsboro;
  border-radius: 2px;
}

.easy-select-box {
  font-weight: bold;
  display: inline-block;
  /*overflow: hidden;*/
  width: 100%;
  max-width: 100%;
  color: #777;
  border: 1px solid gainsboro;
  border-radius: 4px;
}

@media (min-width: 1200px) {
  .easy-select-box {
    font-weight: bold;
    display: inline-block;
    /*overflow: hidden;*/
    width: 330px;
    max-width: 100%;
    color: #777;
    border: 1px solid gainsboro;
    border-radius: 4px;
  }
}

.easy-select-box + select + .easy-select-box {
  margin-left: 0px;
}

@media (min-width: 1200px) {
  .easy-select-box + select + .easy-select-box {
    margin-left: 10px;
  }
}

.easy-select-box.type1 .esb-displayer {
  line-height: 40px;
  height: 40px;
  padding-right: 45px;
  text-indent: 15px;
  background: white url(//store-resources-disneyjp.akamaized.net/etc/designs/disney/libs/common/image/select-bg-2.png) no-repeat right center;
}

.easy-select-box .esb-displayer {
  line-height: 40px;
  height: 40px;
  padding-right: 49px;
  cursor: pointer;
  text-indent: 20px;
  background: white url(//store-resources-disneyjp.akamaized.net/images/common/bg_select.png) no-repeat right center;
}

.easy-select-box .esb-dropdown {
  line-height: 1.3;
  position: absolute;
  z-index: 999;
  display: none;
  overflow: auto;
  max-height: 310px;
  padding-left: 1px;
  border: 1px solid #ccc;
  border-width: 0 1px 1px 0;
  background: #fff;
  overflow-y: scroll !important;
}

.easy-select-box .esb-item {
  padding: 16px 20px;
  border-top: 1px solid gainsboro;
  border-left: 1px solid gainsboro;
}

.easy-select-box .esb-item.first-child {
  border-top: none;
}

.easy-select-box .esb-item:hover {
  color: #fff;
  background-color: #0093d0;
}

.easy-select-box:hover .esb-displayer {
  text-decoration: none;
}

.selectW300 + .easy-select-box .esb-dropdown {
  width: 300px !important;
}

.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer {
  background-position: 0 -36px;
}

.pointBox {
  position: relative;
  margin: 0 0 40px;
  padding-top: 50px;
  text-align: center;
}

.pointBox:after {
  position: absolute;
  z-index: 1;
  top: 0;
  top: -1;
  left: 51%;
  width: 0;
  height: 0;
  margin-left: -25px;
  content: '';
  border: 25px solid transparent;
  border-top-color: #333;
}

.pointBox > .inner {
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
  margin: 0 auto;
  padding: 20px;
  color: #fff;
  background-color: #0093d0;
}

.pointBox > .inner > span {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}

.quoteBa {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 30px;
  padding: 30px 0;
  color: #777;
}

.quoteBa:before {
  top: 0;
  left: 0;
  width: 18px;
  height: 13px;
  margin-top: 0;
  background-position: -201px -526px;
}

.quoteBa:after {
  left: 0;
  width: 18px;
  height: 13px;
  background-position: -177px -526px;
}

.quoteBa:after {
  top: auto;
}

/* th固定テーブル
----------------------------------------------- */
.setHoleFrameLeft .hold {
  display: none;
}

.slide .row {
  position: relative;
  overflow: hidden;
  margin-bottom: 2px;
}

.scrl-root {
  position: relative;
  margin: auto;
  padding-bottom: 50px;
}

.scrl-prev,
.scrl-next {
  position: absolute;
  bottom: 0;
  display: none;
  width: 78px;
  height: 36px;
  cursor: pointer;
  color: #fff;
  background-color: #000;
}

.scrl-prev.scrl-end,
.scrl-next.scrl-end {
  background-color: #ccc;
}

.scrl-prev {
  left: 0;
}

.scrl-next {
  right: 0;
}

.scrl-bar-wrap {
  position: absolute;
  bottom: 6px;
  left: 50%;
  overflow: hidden;
  height: 25px;
  padding: 2px;
  border: #ccc solid 1px;
  border-radius: 3px;
  background-color: #fff;
}

.scrl-bar-wrap .scrl-bar-inner {
  width: 10px;
  height: 19px;
  margin-left: 0;
  padding-top: 6px;
  cursor: move;
  -webkit-transform: translate(0px);
  border-radius: 2px;
  background-color: black;
}

.scrl-bar-wrap .scrl-bar-inner span {
  display: block;
  width: 8px;
  height: 7px;
  margin: 0 auto;
  background-color: #fff;
}

.setHoleFrame .hold {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: table;
  width: 120px;
  margin-bottom: 0;
}

.setHoleFrame .table-arrow {
  position: absolute;
  z-index: 1;
  top: 50px;
  right: 0;
  width: 188px;
}

.imgLoading {
  margin: 40px 0;
  text-align: center;
}

.imgLoading > span {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.imgLoading > span > span {
  display: none;
}

@media only screen and (min-width: 801px) and (max-width: 900px) {
  .strNavigation {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 5000px) {
  /*body {
	min-width: 0;
}
*/
  img {
    max-width: 100%;
  }
  .strWrapper,
  .strNavigation > .navGlobalInner {
    width: 100%;
    max-width: 1280px;
  }
}

@media only screen and (max-width: 1280px) {
  .strHeader > .headerInner .headerSearch > form > div > input.inputSearch {
    width: 200px !important;
  }
  .strHeader > .headerInner > .headerLogo h1 {
    padding: 0 210px;
  }
  .navLocal > div > ul.list {
    width: 81%;
  }
  .navLocal > div > ul.banner {
    width: 19%;
  }
  .navLocal > div > ul.banner > li {
    float: none;
    width: 100%;
    padding: 0;
  }
  .navLocal > div > ul.banner > li:nth-child(2) ~ li {
    display: none;
  }
}

@media only screen and (max-width: 900px) {
  .strFooter > .footerUtility > ul.footerList {
    float: none;
    margin-bottom: 25px;
  }
  .strFooter > .footerUtility > .footerSns {
    float: none;
    margin: 0;
  }
}

@media only screen and (max-width: 800px) {
  .strHeader > .headerInner > .headerMenu,
  .strNavigation > .headerSearch {
    display: block !important;
  }
  .headerSearch,
  .navLocal > div > ul.banner,
  .areaPageHeader .hdgBa {
    display: none !important;
  }
  .strWrapper {
    padding: 0 20px;
  }
  .strWrapper {
    position: relative;
    z-index: 1;
    left: 0;
    -webkit-transition: left .5s;
    transition: left .5s;
    -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.2);
  }
  .strContents {
    display: block;
    border: none;
  }
  .strContents > .strMain,
  .strContents > .strSub {
    display: block;
    width: 100%;
    border: 1px solid gainsboro;
  }
  .strContents > .strMain {
    padding: 40px 30px 10px;
  }
  .strContents > .strSub {
    margin-bottom: 20px;
    padding-left: 1px;
  }
  .strMain > .tabLinkBa,
  .strMain > .panelTy1,
  .strMain > .panelTy2 {
    margin-right: -30px;
    margin-left: -30px;
  }
  .strHeader > .headerInner {
    min-height: 65px;
    padding-top: 18px;
  }
  .strHeader > .headerInner > .headerMenu {
    position: relative;
    left: -10px;
    display: inline-block !important;
  }
  .strHeader > .headerInner > .headerMenu > a {
    overflow: hidden;
    width: 44px;
    height: 44px;
  }
  .strHeader > .headerInner > .headerMenu > a:before {
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    margin-top: 0;
    background-position: 0 0;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .strHeader > .headerInner > .headerMenu > a:before {
    position: static;
  }
  .strHeader > .headerInner > .headerLogo {
    min-height: 45px;
  }
  .strHeader > .headerInner > .headerLogo > h1 {
    padding: 0 130px;
  }
  .strHeader > .headerInner > .headerLogo img {
    max-width: 100px;
  }
  .strHeader > .headerInner > .headerLogo.catStudio img {
    max-width: 350px;
  }
  .strHeader > .headerInner > .headerLogo.catMovie img,
  .strHeader > .headerInner > .headerLogo.catMusic img {
    max-width: 183px;
  }
  .strHeader > .headerInner > .headerLogo.catMobile img,
  .strHeader > .headerInner > .headerLogo.catMobile-s img,
  .strHeader > .headerInner > .headerLogo.catGames img,
  .strHeader > .headerInner > .headerLogo.catEventlive img {
    max-width: 180px;
  }
  .strHeader > .headerInner > .headerLogo.catDisneych {
    top: 7px;
  }
  .strHeader > .headerInner > .headerLogo.catDisneych img {
    max-width: 110px;
  }
  .strHeader > .headerInner > .headerLogo.catDvc {
    top: 10px;
  }
  .strHeader > .headerInner > .headerLogo.catDvc img {
    max-width: 130px;
  }
  .strHeader > .headerInner > .headerLogo.catDisneyjunior {
    top: 14px;
  }
  .strHeader > .headerInner > .headerLogo.catDisneyjunior img {
    max-width: 130px;
  }
  .strHeader > .headerInner > .headerLogo.catDisneyxd {
    top: 12px;
  }
  .strHeader > .headerInner > .headerLogo.catDisneyxd img {
    max-width: 100px;
  }
  .strHeader > .headerInner > .headerMyDisney {
    font-size: 12px;
    font-size: 1.2rem;
    top: 33px;
  }
  .strNavigation {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 250px;
    height: auto;
    padding-bottom: 20px;
    -webkit-transition: left .5s;
    transition: left .5s;
    background-color: #eceff0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .strNavigation > .headerSearch {
    float: none;
  }
  .strNavigation > .navGlobalInner {
    position: relative;
    left: 0;
    width: 500px;
    -webkit-transition: left .5s;
    transition: left .5s;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal,
  .strNavigation > .navGlobalInner > .navLocal {
    float: left;
    width: 250px;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal {
    background-color: #eceff0;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal > li {
    display: block;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal > li > a {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    display: block;
    padding: 15px 40px 15px 25px;
    text-align: left;
    border-bottom: 1px solid #bdbfc0;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal > li > a:after {
    top: 50%;
    right: 27px;
    width: 6px;
    height: 11px;
    margin-top: -5.5px;
    background-position: -261px -84px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal > li > a > span {
    line-height: 1.2;
    padding: 0;
    border: none;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal > li.catHome {
    width: 100%;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal > li.catHome > a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal > li.catHome > a:before {
    display: none;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal > li.catHome > a > span {
    margin-top: 0;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal > li.catMyDisney > a {
    padding: 25px 40px 25px 25px;
    border-bottom: 4px solid #000;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal > li.catKids ~ li > a {
    background-color: #fff;
  }
  body {
    overflow-x: hidden;
    background-color: #eceff0;
  }
  body #myStatus.isMenuOpen .strWrapper {
    left: 250px;
  }
  body #myStatus.isMenuOpen .navGlobalInner .linkBack {
    display: block !important;
  }
  body #myStatus.isMenuLocalOpen .navGlobalInner {
    left: -250px;
  }
  body #myStatus ul.navGlobal > li > a {
    color: #333 !important;
  }
  .navLocal {
    padding: 0;
  }
  .navLocal > .linkBack {
    display: block;
  }
  .navLocal > div {
    display: none;
    padding: 0;
  }
  .navLocal > div ul {
    background-color: #fff;
  }
  .navLocal > div ul > li > a {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    padding: 15px 40px 15px 25px !important;
    border-bottom: 1px solid #bdbfc0;
  }
  .navLocal > div > ul.list {
    display: block !important;
    width: 100%;
  }
  .navLocal > div > ul.list > li {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
  }
  .navLocal > div > ul.list > li > a {
    font-weight: bold;
    background-color: #eceff0;
  }
  .navLocal > div > ul.list > li > a:before {
    top: 50%;
    right: 25px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background-position: -261px -150px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .navLocal > div > ul.list > li > a:hover {
    cursor: pointer;
    text-decoration: underline;
  }
  .navLocal > div > ul.list > li > a.isCurrent:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .navLocal > div > ul.list > li > ul {
    display: block;
  }
  .navLocal > div > ul.list > li > ul > li > a {
    padding: 15px 10px 15px 25px !important;
  }
  .navLocal > div > ul.list > li > ul > li.title {
    margin-top: 0;
  }
  .navLocal > div > ul.list > li > ul > li.title > a {
    font-weight: bold;
    padding: 10px 10px 10px 25px !important;
    background-color: #eceff0;
  }
  .navLocal > div > ul.list > li > ul + a {
    margin-top: 0;
  }
  .navLocal > div > a {
    display: none;
  }
  .navLocal > .linkBack > a {
    font-weight: bold;
    display: block;
    padding: 18px 15px 18px 42px;
    color: #fff;
    background-color: #000;
  }
  .navLocal > .linkBack > a:before {
    top: 50%;
    left: 27px;
    width: 6px;
    height: 11px;
    margin-top: -5.5px;
    background-position: -261px -70px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .navLocal > .catMobile > ul.list > li > a.simple + ul > li {
    display: none;
  }
  .navLocal > .catMobile > ul.list > li > a.simple + ul > li.title {
    display: block;
  }
  .navLocal > .catMobile > ul.list > li > a.simple + ul > li.title a {
    font-weight: normal;
    padding: 15px 10px 15px 25px;
    background-color: #fff;
  }
  .navLocal > .catMobile > ul.list > li > a.simple + ul > li.title a:hover {
    cursor: pointer;
    text-decoration: underline;
  }
  .navLocalSide {
    border-bottom: none;
  }
  .navLocalSide .label {
    display: block;
  }
  .navLocalSide .label > a:before {
    top: 50%;
    right: 40px;
    width: 16px;
    height: 11px;
    margin-top: -5.5px;
    background-position: -53px -249px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .navLocalSide > ul {
    border-top: 1px solid gainsboro;
  }
  .navLocalSide > ul > li > a:before {
    top: 50%;
    right: 43px;
    width: 9px;
    height: 15px;
    margin-top: -7.5px;
    background-position: -318px -287px;
  }
  .navLocalSide > ul > li.parent > a:before {
    top: 50%;
    right: 42px;
    width: 11px;
    height: 8px;
    margin-top: -4px;
    background-position: -403px -526px;
  }
  .navLocalSide > ul > li.parent > a.isCurrent:before {
    top: 50%;
    right: 42px;
    width: 11px;
    height: 8px;
    margin-top: -4px;
    background-position: -467px -325px;
  }
  .navLocalSide > ul > li:last-child {
    border-bottom: none;
  }
  .btnBack {
    position: static;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .btnBack > a {
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    padding: 15px 40px;
  }
  .areaPageHeader {
    border: none;
  }
  .areaPageHeader .navPageLocal {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 15px;
    text-align: left;
    border: 1px solid gainsboro;
  }
  .areaPageHeader .navPageLocal > .label {
    font-weight: bold;
    display: block;
  }
  .areaPageHeader .navPageLocal > .label > a {
    display: block;
    padding: 15px 40px;
    color: #0093d0;
  }
  .areaPageHeader .navPageLocal > .label > a:before {
    top: 50%;
    right: 40px;
    width: 16px;
    height: 11px;
    margin-top: -5.5px;
    background-position: -53px -249px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .areaPageHeader .navPageLocal.typeShare {
    margin-right: 60px;
  }
  .areaPageHeader .navPageLocal.typeShare > ul {
    padding-right: 0;
  }
  .areaPageHeader .navPageLocal.typeBack > ul {
    padding-left: 0;
  }
  .areaPageHeader .navPageLocal.isClose > ul {
    display: none;
  }
  .areaPageHeader .navPageLocal > ul {
    padding-right: 0;
  }
  .areaPageHeader .navPageLocal > ul > li {
    display: block;
    height: auto;
  }
  .areaPageHeader .navPageLocal > ul > li.isCurrent {
    display: none;
  }
  .areaPageHeader .navPageLocal > ul > li.line > a:before {
    display: none;
  }
  .areaPageHeader .navPageLocal > ul > li > a {
    display: block;
    border-top: 1px solid gainsboro;
  }
  .areaPageHeader .navPageLocal > ul > li > a > span {
    display: block;
    padding: 15px 40px !important;
  }
  .areaPageHeader .navPageLocal > ul > li > a > span > br {
    display: none;
  }
  .areaPageHeader .navPageLocal > ul > li.isCurrent {
    position: static;
    border: none;
  }
  .areaPageHeader .navPageLocal > ul > li.logo {
    position: static;
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
  }
  .areaPageHeader .navPageLocal > ul > li.logo > a {
    padding: 10px 30px;
  }
  .areaPageHeader .navPageLocal > ul > li.logo > a img {
    width: auto;
    min-height: 44px;
  }
  .areaPageHeader .btnShare {
    font-size: 10px;
    font-size: 1rem;
    top: 0;
  }
  .areaPageHeader .btnShare > a {
    width: 50px;
    height: 59px;
    padding: 32px 5px 5px 5px;
    text-align: center;
  }
  .areaPageHeader .btnShare > a:before {
    top: 18px;
    right: 50%;
    width: 10px;
    height: 10px;
    margin-top: 0;
    margin-right: -5px;
    background-position: -349px -526px;
  }
  .areaPageHeader .btnShare.logo {
    position: absolute;
  }
  .strFooter > .footerUtility > ul.footerList > li.footerLogo > a {
    overflow: hidden;
    width: 84px;
    height: 38px;
  }
  .strFooter > .footerUtility > ul.footerList > li.footerLogo > a:before {
    top: 0;
    left: 0;
    width: 84px;
    height: 38px;
    margin-top: 0;
    background-position: -47px 0;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .strFooter > .footerUtility > ul.footerList > li.footerLogo > a:before {
    position: static;
  }
  .strFooter > .footerUtility > .footerSns > p {
    display: none;
  }
  .strFooter > .footerUtility > .footerSns > ul > li:first-child {
    margin-left: 5px;
  }
  .strFooter > ul.footerSitemap {
    padding-bottom: 20px;
  }
  .strFooter > ul.footerSitemap > li {
    width: 25%;
  }
  .strFooter > ul.footerSitemap > li:last-child {
    float: right;
    margin-top: 10px;
  }
  .strFooter > ul.footerSitemap > li > a {
    padding: 15px 0;
  }
  .strFooter > ul.footerSitemap > li > ul > li > a {
    padding: 5px 0;
  }
  .isBlockDisplayMdl {
    display: block !important;
  }
  .isNoneDisplayMdl {
    display: none !important;
  }
  .setScale.mgT-2em {
    margin-top: 0 !important;
  }
  .mgScale {
    margin-bottom: 40px !important;
  }
  .txtLeadBa,
  .txtLeadTy1 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .hdgTy1 + .txtLeadBa {
    margin-bottom: 30px;
  }
  .hdgBa {
    margin-top: 40px;
    margin-bottom: 36px;
  }
  .hdgBa.line {
    margin-top: 20px;
    padding-top: 30px;
  }
  .hdgTy1 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-top: 14px;
  }
  .hdgTy3 {
    font-size: 20px;
    font-size: 2rem;
  }
  .hdgTy4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .hdgTy5 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .linkBa > a:after,
  .linkBa > span:after {
    top: 5px;
    left: 8px;
    width: 6px;
    height: 9px;
    margin-top: 0;
    background-position: -123px -47px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .linkTopBa > *:before {
    top: 50%;
    left: 0;
    width: 11px;
    height: 13px;
    margin-top: -6.5px;
    background-position: -191px -213px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .linkTopBa > *:hover:before {
    top: 50%;
    left: 0;
    width: 11px;
    height: 13px;
    margin-top: -6.5px;
    background-position: -205px -213px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .linkShowMore > a span:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    margin-top: 0;
    background-position: -261px -215px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .linkShowMore > a span.isClose:after {
    top: 4px;
    left: 5px;
    width: 10px;
    height: 10px;
    margin-top: 0;
    background-position: -261px -137px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .btnBa > *,
  button.btnBa {
    font-size: 12px;
    font-size: 1.2rem;
    min-width: 120px;
    padding: 12px 40px 12px 15px;
  }
  .btnBa > *:after,
  button.btnBa:after {
    top: 50%;
    right: 15px;
    width: 8px;
    height: 12px;
    margin-top: -6px;
    background-position: -331px -184px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  .secController .hdgBa {
    padding: 0;
  }
  .secController ul.navController,
  .secController ul.navController1 {
    position: static;
    margin: -35px 0 20px;
    text-align: center;
  }
  .secController ul.navController > li,
  .secController ul.navController1 > li {
    margin: 0 2px;
  }
  ul.navController > li > a:before,
  ul.navController1 > li > a:before {
    top: 50%;
    left: 50%;
    width: 10px;
    height: 15px;
    margin-top: -7.5px;
    margin-left: -5px;
    background-position: -150px -112px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  ul.navController > li.prev > a:before,
  ul.navController1 > li.prev > a:before {
    top: 50%;
    left: 50%;
    width: 10px;
    height: 15px;
    margin-top: -7.5px;
    margin-left: -5px;
    background-position: -64px -213px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  ul.navController1 > li > a:before {
    top: 50%;
    left: 50%;
    width: 12px;
    height: 19px;
    margin-top: -9.5px;
    margin-left: -6px;
    background-position: -219px -46px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  ul.navController1 > li.prev > a:before {
    top: 50%;
    left: 50%;
    width: 12px;
    height: 19px;
    margin-top: -9.5px;
    margin-left: -6px;
    background-position: -219px -68px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .secListAll > .hdgBa {
    margin-bottom: 5px;
    padding: 0;
  }
  .secListAll > .hdgBa + .linkBa {
    position: static;
    margin-top: 0;
    margin-bottom: 25px;
    text-align: center;
  }
  .setTblHead > .hdgBa {
    padding: 30px 0;
    padding-left: 30px;
  }
  .setTblHead > .hdgBa + .linkBa {
    top: 35px;
    right: 30px;
  }
  .lytImgBa.imageR > .img,
  .lytImgBa.imageL > .img,
  .lytImgTy1.imageR > .img,
  .lytImgTy1.imageL > .img,
  .lytImgTy3.imageR > .img,
  .lytImgTy3.imageL > .img,
  .lytImgTy4.imageR > .img,
  .lytImgTy4.imageL > .img {
    padding-left: 20px;
  }
  .lytImgBa.imageR > .img img,
  .lytImgBa.imageL > .img img,
  .lytImgTy1.imageR > .img img,
  .lytImgTy1.imageL > .img img,
  .lytImgTy3.imageR > .img img,
  .lytImgTy3.imageL > .img img,
  .lytImgTy4.imageR > .img img,
  .lytImgTy4.imageL > .img img {
    max-width: 200px;
    height: auto;
  }
  .lytImgBa.imageL > .img,
  .lytImgTy1.imageL > .img,
  .lytImgTy3.imageL > .img,
  .lytImgTy4.imageL > .img {
    padding-right: 20px;
    padding-left: 0;
  }
  .lytImgTy2.imageR > .img,
  .lytImgTy2.imageL > .img {
    padding: 0 20px 0 0;
  }
  .lytImgTy2.imageR > .img img,
  .lytImgTy2.imageL > .img img {
    max-width: 200px;
    height: auto;
    margin: 0 0 20px 0;
  }
  .lytImgTy2.imageR > .img {
    padding: 0 0 0 20px;
  }
  .lytImgTy3 > .img {
    padding: 20px !important;
    text-align: center;
    border: none !important;
  }
  .lytImgTy3 > .contents {
    padding: 20px 30px 10px 10px;
  }
  .lytImgTy4 > .img .txtLeadTy1,
  .lytImgTy4 > .contents .txtLeadTy1 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .strMain .lytImgMain {
    margin: 30px -31px 35px -30px;
  }
  .strMain .lytImgMain:first-child {
    margin: -40px -31px 35px -30px;
  }
  ul.listLinkBa > li > a:before {
    top: .35em;
    left: 0;
    width: 13px;
    height: 12px;
    margin-top: 0;
    background-position: -28px -235px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  ul.listLinkBa > li > a:hover:before {
    top: .35em;
    left: 0;
    width: 13px;
    height: 12px;
    margin-top: 0;
    background-position: -59px -235px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  ul.listLinkTy1 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  ul.listLinkTy3.typeCol2 > li,
  ul.listLinkTy3.typeCol3 > li,
  ul.listLinkTy4.typeCol2 > li,
  ul.listLinkTy4.typeCol3 > li {
    width: 100%;
    margin: 0 0 15px;
    padding-right: 0;
  }
  ul.listLinkTy3 > li > a:after,
  ul.listLinkTy4 > li > a:after {
    top: 5px;
    left: 8px;
    width: 6px;
    height: 9px;
    margin-top: 0;
    background-position: -123px -47px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  ul.listAnchorBa > li > a:before,
  ul.listAnchorTy1 > li > a:before {
    top: .35em;
    left: 0;
    width: 11px;
    height: 13px;
    margin-top: 0;
    background-position: -177px -213px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  ul.listAnchorBa > li > a:hover:before,
  ul.listAnchorTy1 > li > a:hover:before {
    top: .35em;
    left: 0;
    width: 11px;
    height: 13px;
    margin-top: 0;
    background-position: -163px -213px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  ul.tabLinkBa > li > a {
    padding: 25px 30px;
  }
  .listSearchPage.imageR > .img,
  .listSearchPage.imageL > .img {
    padding-left: 20px;
  }
  .listSearchPage.imageR > .img img,
  .listSearchPage.imageL > .img img {
    max-width: 200px;
    height: auto;
  }
  .listSearchPage.imageL > .img {
    padding-right: 20px;
    padding-left: 0;
  }
  .listSearchPage + .listSearchPage {
    margin-top: 30px;
    padding-top: 35px;
  }
  ul.tabLinkTy1 {
    padding-bottom: 20px;
  }
  ul.tabLinkTy1 > li:before {
    height: 29px;
    margin-top: -14px;
  }
  ul.tabLinkTy1 > li > a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 50px;
    width: 50px;
    height: 50px;
  }
  ul.tabLinkTy2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  ul.tabLinkTy2 > li a {
    padding: 20px 10px 10px;
  }
  ul.tabLinkTy2 > li a > span {
    padding: 30px 0 0;
  }
  ul.tabLinkTy2 > li.iconProgram1 a > span:before,
  ul.tabLinkTy2 > li.iconProgram2 a > span:before,
  ul.tabLinkTy2 > li.iconProgram3 a > span:before,
  ul.tabLinkTy2 > li.isCurrent.iconProgram1 a > span:before,
  ul.tabLinkTy2 > li.isCurrent.iconProgram2 a > span:before,
  ul.tabLinkTy2 > li.isCurrent.iconProgram3 a > span:before {
    top: 10px;
    left: 50%;
    margin-left: -13px;
  }
  ul.tabLinkTy3 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  ul.tabLinkTy3 > li a {
    padding: 15px 10px;
  }
  ul.listInfoBa {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .listNumBa > li {
    min-height: 30px;
    margin-bottom: 25px;
    padding-left: 4em;
  }
  .listNumBa > li span.num {
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
  }
  .panelBa {
    display: block;
    padding: 0 !important;
  }
  .panelBa > .hdgPanel,
  .panelBa > .contents {
    display: block;
    width: 100% !important;
    padding: 25px 30px;
  }
  .panelBa > .hdgPanel {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .panelBa > .hdgPanel.iconSpeker,
  .panelBa > .hdgPanel.iconInfo {
    padding: 20px 20px 20px 60px;
  }
  .panelBa > .hdgPanel.iconSpeker:before,
  .panelBa > .hdgPanel.iconInfo:before {
    top: 20px;
    left: 25px;
    width: 22px;
    height: 19px;
    margin-top: 0;
    background-position: -291px -498px;
  }
  .panelBa > .hdgPanel.iconInfo:before {
    top: 20px;
    left: 25px;
    width: 22px;
    height: 22px;
    margin-top: 0;
    background-position: -376px -469px;
  }
  .panelBa > .contents {
    border-top: 1px solid gainsboro;
    border-left: none;
  }
  .panelTy1,
  .panelTy2 {
    padding: 40px 30px;
  }
  .panelTy2 .linkBa > a:after,
  .panelTy2 .linkBa > span:after {
    top: 5px;
    left: 8px;
    width: 6px;
    height: 9px;
    margin-top: 0;
    background-position: -210px -188px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .panelInfoBa {
    display: block;
    padding: 0;
  }
  .panelInfoBa > .hdgPanel,
  .panelInfoBa > .contents {
    display: block;
    width: 100%;
    padding: 25px 30px;
  }
  .panelInfoBa > .hdgPanel {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .panelInfoBa > .contents {
    border-top: 1px solid gainsboro;
    border-left: none;
  }
  .panelProgramBa > .contents {
    display: block;
    width: 100%;
  }
  .panelProgramBa > .contents.typeLine {
    border-right: 0;
    border-bottom: 1px solid gainsboro;
  }
  .panelProgramBa > .contents > a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 18px 23px;
  }
  .panelProgramBa > .contents > a img.logo1 {
    width: 25%;
    margin-right: 4%;
  }
  .panelProgramBa > .contents > a img.logo2 {
    width: 15%;
    margin-right: 10%;
    margin-left: 4%;
  }
  table.tblBa th,
  table.tblBa td,
  table.tblTy1 th,
  table.tblTy1 td,
  table.tblTy2 th,
  table.tblTy2 td,
  table.tblMusicList th,
  table.tblMusicList td {
    padding: 24px 15px !important;
  }
  table.tblBa .linkBa.flR,
  table.tblTy1 .linkBa.flR,
  table.tblTy2 .linkBa.flR,
  table.tblMusicList .linkBa.flR {
    float: none !important;
  }
  table.tblTy1 colgroup,
  table.tblTy2 colgroup {
    display: none;
  }
  table.tblTy1 thead,
  table.tblTy2 thead {
    display: none;
  }
  table.tblTy1 tbody > tr,
  table.tblTy2 tbody > tr {
    display: block;
    float: left;
    width: 100% !important;
  }
  table.tblTy1 tbody > tr > th,
  table.tblTy1 tbody > tr > td,
  table.tblTy2 tbody > tr > th,
  table.tblTy2 tbody > tr > td {
    display: block;
    float: left;
  }
  table.tblTy1 tbody > tr > th,
  table.tblTy2 tbody > tr > th {
    font-weight: bold;
    clear: both;
    width: 100% !important;
    color: #333;
    background-color: #f5f7f8;
  }
  table.tblTy1 tbody > tr > td,
  table.tblTy2 tbody > tr > td {
    width: 50% !important;
  }
  table.tblTy1 tbody > tr > td:first-child,
  table.tblTy2 tbody > tr > td:first-child {
    clear: both;
  }
  table.tblTy1.typeCol1 tbody > tr > td,
  table.tblTy2.typeCol1 tbody > tr > td {
    width: 100% !important;
  }
  dl.tblKana dt,
  dl.tblKana dd {
    display: block;
    float: none;
    width: 100%;
    padding: 30px;
  }
  dl.tblKana dt {
    font-size: 27px;
    font-size: 2.7rem;
  }
  form.formRefinerBa {
    font-size: 12px;
    font-size: 1.2rem;
  }
  form.formRefinerBa > .header > .title {
    font-size: 14px;
    font-size: 1.4rem;
    width: 50%;
    padding: 10px 10px;
  }
  form.formRefinerBa > .header > .sub {
    width: 50%;
  }
  form.formRefinerBa > .header > .sub .toggle {
    width: 45%;
  }
  form.formRefinerBa > .header > .sub .toggle > a {
    padding: 25px 30px 25px 10px;
  }
  form.formRefinerBa > .header > .sub .select {
    width: 55%;
    padding: 15px 10px 6px;
  }
  form.formRefinerBa > .contents {
    padding: 20px 25px 0;
  }
  form.formRefinerBa > .contents > .cmpColumn.typeCol3 .column {
    width: 50%;
  }
  form.formRefinerBa > .contents > .cmpColumn.typeCol3 .column.w100 {
    width: 50% !important;
    padding-top: 20px;
    padding-bottom: 0;
  }
  form.formRefinerBa > .contents ul.listCheckBa {
    float: left;
    height: auto !important;
  }
  form.formRefinerBa > .contents ul.listCheckBa li {
    margin-right: 5px !important;
    margin-bottom: 10px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li > label {
    width: 50px !important;
    height: 50px !important;
  }
  form.formRefinerBa > .contents ul.listCheckBa li > label input {
    margin-left: 5px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li > label span {
    display: none;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconDvd > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: -40px -160px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconBluray > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: -119px -160px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconOndemand > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: 0 -160px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconMovienex > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: -37px -92px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconBlurayDvd > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: -79px -160px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconOther > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: -40px -126px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconHeadphone > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: 0 -126px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconWebcast > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: -77px -92px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconGame1 > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: -161px -101px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconGame2 > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: -161px -67px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconGame3 > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: -161px -34px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconGame4 > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: -161px 0;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconGame5 > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: -116px -92px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconGame6 > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    margin-left: -18px;
    background-position: -119px -126px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa li.iconGame8 > label:before {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 32px;
    margin-top: -16px;
    margin-left: -18px;
    background-position: -108px -56px;
    -webkit-background-size: 328px 325px;
    background-size: 328px 325px;
  }
  form.formRefinerBa > .contents ul.listCheckBa.typeGame + button.btnBa {
    top: 4px;
    margin-left: 20px;
  }
  form.formRefinerBa > .contents button.btnBa {
    top: 0;
  }
  form.formRefinerBa.subNone .header .sub .toggle {
    width: 50%;
  }
  form.formRefinerBa.subNone button.btnBa {
    margin-top: 0;
  }
  .easy-select-box.type1 .esb-displayer {
    line-height: 36px;
    height: 36px;
    padding-right: 35px;
    text-indent: 10px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
  }
  .easy-select-box .esb-displayer {
    line-height: 40px;
    height: 40px;
    padding-right: 45px;
    text-indent: 10px;
    -webkit-background-size: 40px 174px;
    background-size: 40px 174px;
  }
  .setHoleFrame {
    font-size: 12px;
    position: relative;
    margin-bottom: 30px;
    border-right: 1px solid gainsboro;
  }
  .setHoleFrame .setHoleFrameLeft {
    overflow-x: auto;
    padding-left: 0;
  }
  .setHoleFrame .setHoleFrameLeft .setHoldBase thead tr:first-child th:first-child,
  .setHoleFrame .setHoleFrameLeft .setHoldBase thead tr:first-child td:first-child,
  .setHoleFrame .setHoleFrameLeft .setHoldBase tbody th:first-child,
  .setHoleFrame .setHoleFrameLeft .setHoldBase tbody td:first-child {
    display: none;
  }
  .setHoleFrame .setHoleFrameLeft table td {
    margin-bottom: 0;
  }
  .setHoleFrame .setHoleFrameLeft .hold {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: table;
    width: 150px;
    margin-bottom: 0;
  }
  .setHoldBase {
    margin-bottom: 0 !important;
  }
  .setHoldBase td {
    min-width: 20em;
  }
  .hold tbody tr:first-child th,
  .hold tbody tr:first-child td {
    font-weight: bold;
    color: #333;
    background-color: #f5f7f8;
  }
}

@media only screen and (max-width: 480px) {
  .strNavigation ul.navGlobal > li.catKids ~ li {
    display: block !important;
  }
  .strHeader > .headerInner > .headerMyDisney,
  .strFooter > ul.footerSitemap {
    display: none !important;
  }
  .strWrapper {
    padding: 0 10px;
  }
  .strContents {
    margin-bottom: 15px;
    border: none;
  }
  .strContents > .strMain {
    padding: 10px 0 0;
    border: none;
  }
  .strMain > .tabLinkBa,
  .strMain > .panelTy1,
  .strMain > .panelTy2 {
    margin-right: 0;
    margin-left: 0;
  }
  .strHeader > .headerInner {
    min-height: 55px;
    margin-bottom: 10px;
    padding-top: 10px;
  }
  .strHeader > .headerInner > .headerLogo {
    min-height: 50px;
  }
  .strHeader > .headerInner > .headerLogo > h1 {
    padding: 0 45px;
  }
  .strHeader > .headerInner > .headerLogo img {
    max-width: 78px;
  }
  .strHeader > .headerInner > .headerLogo.catStudio img {
    max-width: 220px;
  }
  .strHeader > .headerInner > .headerLogo.catMovie img,
  .strHeader > .headerInner > .headerLogo.catMobile img,
  .strHeader > .headerInner > .headerLogo.catMobile-s img,
  .strHeader > .headerInner > .headerLogo.catMusic img,
  .strHeader > .headerInner > .headerLogo.catGames img,
  .strHeader > .headerInner > .headerLogo.catEventlive img {
    max-width: 150px;
  }
  .strHeader > .headerInner > .headerLogo.catDisneych img {
    max-width: 90px;
  }
  .strHeader > .headerInner > .headerLogo.catDvc img {
    max-width: 90px;
  }
  .strHeader > .headerInner > .headerLogo.catDisneyjunior {
    top: 5px;
  }
  .strHeader > .headerInner > .headerLogo.catDisneyjunior img {
    max-width: 100px;
  }
  .strHeader > .headerInner > .headerLogo.catDisneyxd {
    top: 5px;
  }
  .strHeader > .headerInner > .headerLogo.catDisneyxd img {
    max-width: 80px;
  }
  .strNavigation > .navGlobalInner > ul.navGlobal > li > a.catKids ~ li {
    display: block;
  }
  .isShowModal .strNavigation {
    display: none;
  }
  .navLocalSide .label {
    display: block;
  }
  .navLocalSide .label > a {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 15px 45px 15px 25px;
  }
  .navLocalSide .label > a:before {
    top: 50%;
    right: 20px;
    width: 10px;
    height: 7px;
    margin-top: -3.5px;
    background-position: -32px -149px;
    -webkit-background-size: 164px 162px;
    background-size: 164px 162px;
  }
  .navLocalSide > ul {
    border-top: 1px solid gainsboro;
  }
  .navLocalSide > ul > li > a {
    padding: 15px 45px 15px 25px;
  }
  .navLocalSide > ul > li > a:before {
    top: 50%;
    right: 18px;
    width: 9px;
    height: 15px;
    margin-top: -7.5px;
    background-position: -318px -287px;
  }
  .navLocalSide > ul > li.parent > a:before {
    top: 50%;
    right: 20px;
    width: 10px;
    height: 7px;
    margin-top: -3.5px;
    background-position: -9px -149px;
    -webkit-background-size: 164px 162px;
    background-size: 164px 162px;
  }
  .navLocalSide > ul > li.parent > a.isCurrent:before {
    top: 50%;
    right: 20px;
    width: 10px;
    height: 7px;
    margin-top: -3.5px;
    background-position: -32px -149px;
    -webkit-background-size: 164px 162px;
    background-size: 164px 162px;
  }
  .navLocalSide > ul > li.parent > ul {
    padding-bottom: 15px;
  }
  .navLocalSide > ul > li:last-child {
    border-bottom: none;
  }
  .btnBack > a {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 15px 25px;
  }
  .btnBack > a:before {
    left: 10px;
  }
  .areaPageHeader .navPageLocal {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .areaPageHeader .navPageLocal > .label {
    font-weight: bold;
    display: block;
  }
  .areaPageHeader .navPageLocal > .label > a {
    padding: 15px 25px;
  }
  .areaPageHeader .navPageLocal > .label > a:before {
    top: 22px;
    right: 20px;
    width: 10px;
    height: 7px;
    margin-top: 0;
    background-position: -32px -149px;
    -webkit-background-size: 164px 162px;
    background-size: 164px 162px;
  }
  .areaPageHeader .navPageLocal > ul > li > a > span {
    padding: 15px 25px !important;
  }
  .areaPageHeader .navPageLocal > ul > li.back {
    padding-right: 0;
  }
  .areaPageHeader .navPageLocal > ul > li.back > a > span {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 15px 25px !important;
  }
  .areaPageHeader .navPageLocal > ul > li.back > a > span:before {
    left: 10px;
  }
  .areaPageHeader .navPageLocal > ul > li.logo {
    display: table;
  }
  .areaPageHeader .navPageLocal > ul > li.logo > a {
    display: table-cell;
    height: 58px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
  }
  .areaPageHeader .navPageLocal > ul > li.logo > a img {
    max-width: 80px;
    min-height: inherit;
    max-height: 34px;
  }
  .areaPageHeader .btnShare > a {
    height: 54px;
    padding: 32px 5px 5px 5px;
  }
  .strFooter {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .strFooter > .footerUtility {
    padding-bottom: 15px;
    border-bottom: 1px solid gainsboro;
  }
  .strFooter > .footerUtility > ul.footerList > li {
    font-size: 11px;
    font-size: 1.1rem;
    margin-left: 8px;
  }
  .strFooter > .footerUtility > ul.footerList > li.footerLogo > a {
    bottom: -6px;
    overflow: hidden;
    width: 51px;
    height: 23px;
  }
  .strFooter > .footerUtility > ul.footerList > li.footerLogo > a:before {
    top: 0;
    left: 0;
    width: 51px;
    height: 23px;
    margin-top: 0;
    background-position: -28px 0;
    -webkit-background-size: 164px 162px;
    background-size: 164px 162px;
  }
  .strFooter > .footerUtility > ul.footerList > li.footerLogo > a:before {
    position: static;
  }
  .strFooter > .footerUtility > .footerSns {
    display: block;
  }
  .strFooter > .footerUtility > .footerSns > ul {
    display: block;
  }
  .strFooter > .footerUtility > .footerSns > ul > li {
    float: left;
    width: 25%;
    margin: 0 !important;
    border-left: 1px solid gainsboro;
  }
  .strFooter > .footerUtility > .footerSns > ul > li:first-child {
    border-left: none;
  }
  .strFooter > .footerUtility > .footerSns > ul > li > a {
    display: block !important;
    width: 100% !important;
    height: 35px !important;
    margin: 0 auto;
    padding: 0 !important;
  }
  .strFooter > .footerUtility > .footerSns > ul > li > a > span {
    position: relative;
    bottom: -2.5em;
  }
  .strFooter > .footerUtility > .footerSns > ul > li > a:before {
    position: absolute !important;
  }
  .strFooter > .footerUtility > .footerSns > ul > li.snsFb a {
    overflow: hidden;
    width: 27px;
    height: 27px;
  }
  .strFooter > .footerUtility > .footerSns > ul > li.snsFb a:before {
    top: 0;
    left: 50%;
    width: 27px;
    height: 27px;
    margin-top: 0;
    margin-left: -13.5px;
    background-position: -60px -47px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .strFooter > .footerUtility > .footerSns > ul > li.snsFb a:before {
    position: static;
  }
  .strFooter > .footerUtility > .footerSns > ul > li.snsTw a {
    overflow: hidden;
    width: 27px;
    height: 27px;
  }
  .strFooter > .footerUtility > .footerSns > ul > li.snsTw a:before {
    top: 0;
    left: 50%;
    width: 27px;
    height: 27px;
    margin-top: 0;
    margin-left: -13.5px;
    background-position: -30px -47px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .strFooter > .footerUtility > .footerSns > ul > li.snsTw a:before {
    position: static;
  }
  .strFooter > .footerUtility > .footerSns > ul > li.snsYt a {
    overflow: hidden;
    width: 27px;
    height: 27px;
  }
  .strFooter > .footerUtility > .footerSns > ul > li.snsYt a:before {
    top: 0;
    left: 50%;
    width: 27px;
    height: 27px;
    margin-top: 0;
    margin-left: -13.5px;
    background-position: 0 -47px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .strFooter > .footerUtility > .footerSns > ul > li.snsYt a:before {
    position: static;
  }
  .strFooter > .footerUtility > .footerSns > ul > li.snsList > a {
    padding-top: 5px !important;
    text-align: center;
  }
  .strFooter > ul.footerList1 {
    margin-bottom: 10px;
  }
  .strFooter > ul.footerList1 > li {
    margin-right: 3px;
    margin-bottom: 7px;
  }
  .strFooter > ul.footerList1 > li > a {
    padding-left: 6px;
  }
  .isBlockDisplaySml {
    display: block !important;
  }
  .isNoneDisplaySml {
    display: none !important;
  }
  .mgScale {
    margin-bottom: 30px !important;
  }
  .txtLeadBa,
  .txtLeadTy1 {
    font-size: 20px;
    font-size: 2rem;
  }
  .hdgTy1 + .txtLeadBa {
    margin-bottom: 20px;
  }
  .hdgBa {
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .hdgTy1 {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .hdgTy2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 15px;
  }
  .hdgTy3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .hdgTy4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .hdgTy5 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .secController ul.navController,
  .secController ul.navController1 {
    margin: -25px 0 20px;
  }
  ul.navController > li > a,
  ul.navController1 > li > a {
    width: 50px;
    height: 50px;
  }
  .setTblHead > .hdgBa {
    padding: 25px 0;
    padding-left: 25px;
  }
  .setTblHead > .hdgBa + .linkBa {
    position: static;
    margin-top: -15px;
    margin-left: 25px;
  }
  .lytImgBa.imageR > .img,
  .lytImgBa.imageL > .img,
  .lytImgTy1.imageR > .img,
  .lytImgTy1.imageL > .img,
  .lytImgTy3.imageR > .img,
  .lytImgTy3.imageL > .img,
  .lytImgTy4.imageR > .img,
  .lytImgTy4.imageL > .img {
    display: block;
    width: 100%;
    padding: 25px 0 !important;
    text-align: center;
  }
  .lytImgBa.imageR > .img img,
  .lytImgBa.imageL > .img img,
  .lytImgTy1.imageR > .img img,
  .lytImgTy1.imageL > .img img,
  .lytImgTy3.imageR > .img img,
  .lytImgTy3.imageL > .img img,
  .lytImgTy4.imageR > .img img,
  .lytImgTy4.imageL > .img img {
    max-width: 100%;
    height: auto;
  }
  .lytImgBa.imageR > .contents,
  .lytImgBa.imageL > .contents,
  .lytImgTy1.imageR > .contents,
  .lytImgTy1.imageL > .contents,
  .lytImgTy3.imageR > .contents,
  .lytImgTy3.imageL > .contents,
  .lytImgTy4.imageR > .contents,
  .lytImgTy4.imageL > .contents {
    display: block;
  }
  .lytImgTy1.imageR > .img,
  .lytImgTy1.imageL > .img,
  .lytImgTy4.imageR > .img,
  .lytImgTy4.imageL > .img {
    padding: 0 0 25px 0;
  }
  .lytImgTy1.imageR > .img img,
  .lytImgTy1.imageL > .img img,
  .lytImgTy4.imageR > .img img,
  .lytImgTy4.imageL > .img img {
    width: 100%;
  }
  .lytImgTy2.imageR > .img,
  .lytImgTy2.imageR > .contents,
  .lytImgTy2.imageL > .img,
  .lytImgTy2.imageL > .contents {
    display: block;
    float: none;
    width: 100%;
  }
  .lytImgTy2.imageR > .img,
  .lytImgTy2.imageL > .img {
    padding: 0;
    text-align: center;
  }
  .lytImgTy2.imageR > .img img,
  .lytImgTy2.imageL > .img img {
    max-width: 100%;
    height: auto;
  }
  .lytImgTy3.imageR > .img,
  .lytImgTy3.imageL > .img {
    padding: 15px !important;
  }
  .lytImgTy3.imageR > .img img,
  .lytImgTy3.imageL > .img img {
    width: 60px !important;
    max-width: none !important;
    height: auto;
  }
  .lytImgTy3.imageR > .contents,
  .lytImgTy3.imageL > .contents {
    padding: 15px 15px 10px 0;
  }
  .lytImgTy3.imageR > .img,
  .lytImgTy3.imageR > .contents,
  .lytImgTy3.imageL > .img,
  .lytImgTy3.imageL > .contents {
    display: table-cell !important;
    width: auto !important;
  }
  .lytImgTy4 > .img .txtLeadTy1,
  .lytImgTy4 > .contents .txtLeadTy1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .lytImgTy4.imageL,
  .lytImgTy4.imageR {
    padding-top: 20px;
  }
  .lytImgTy4.imageL > .img,
  .lytImgTy4.imageR > .img {
    padding: 0 0 15px !important;
    text-align: left !important;
  }
  .lytImgTy4.imageL > .img img,
  .lytImgTy4.imageR > .img img {
    max-width: 180px !important;
  }
  .strMain .lytImgMain {
    margin: 20px 0 25px 0;
  }
  .strMain .lytImgMain:first-child {
    margin: -10px 0 25px 0;
  }
  ul.listNewsBa > li {
    padding-left: 0;
  }
  ul.listNewsBa > li > span.date {
    position: static;
  }
  ul.listLinkTy1 {
    font-size: 11px;
    font-size: 1.1rem;
  }
  ul.listLinkTy1 > li {
    display: block;
  }
  ul.listLinkTy3 > li,
  ul.listLinkTy4 > li {
    display: block;
    float: none;
    margin: 0 0 15px;
    padding-right: 0;
  }
  ul.tabLinkBa > li > a {
    padding: 20px 25px;
  }
  .listSearchPage.imageR > .img,
  .listSearchPage.imageL > .img {
    display: none;
  }
  .listSearchPage.imageR > .contents,
  .listSearchPage.imageL > .contents {
    display: block;
  }
  .secCalendar {
    margin-bottom: 15px;
    border: 1px solid gainsboro;
  }
  .secCalendar > .label {
    font-weight: bold;
    display: block;
    background-color: #0093d0;
  }
  .secCalendar > .label > a {
    display: block;
    overflow: hidden;
    padding: 8px 25px;
    color: #fff;
  }
  .secCalendar > .label > a:after {
    top: 50%;
    right: 15px;
    width: 10px;
    height: 7px;
    margin-top: -3.5px;
    background-position: -32px -149px;
    -webkit-background-size: 164px 162px;
    background-size: 164px 162px;
  }
  .secCalendar > .label > a:before {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 37px;
    height: 100px;
    content: '';
    background: #f6f7f9;
  }
  .secCalendar > .label > a:hover {
    text-decoration: none;
  }
  .secCalendar > .label > a br {
    display: none;
  }
  .secCalendar > .label > a span {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.75em;
    padding-left: 5.7em;
  }
  .secCalendar.isClose > .tabLinkTy1 {
    display: none;
  }
  ul.tabLinkTy1 {
    padding-bottom: 0;
  }
  ul.tabLinkTy1 > li {
    display: block;
  }
  ul.tabLinkTy1 > li:before {
    display: none;
  }
  ul.tabLinkTy1 > li > a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    width: 100%;
    height: auto;
    padding: 8px 25px !important;
    text-align: left;
    border-top: 1px solid #dcdcdc !important;
    border-radius: 0 !important;
  }
  ul.tabLinkTy1 > li.isCurrent {
    display: none;
  }
  ul.tabLinkTy1 > li.isCurrent > a {
    color: #333;
    background-color: #fff;
  }
  .secCalendar.typeChannel .slideWrap {
    width: 100%;
  }
  .secCalendar.typeChannel ul.tabLinkTy1 {
    width: 100%;
    padding-bottom: 0;
  }
  .secCalendar.typeChannel ul.tabLinkTy1 > li {
    display: block;
    float: none;
    width: 100%;
  }
  .secCalendar.typeChannel ul.tabLinkTy1 > li:before {
    display: none;
  }
  .secCalendar.typeChannel ul.tabLinkTy1 > li > a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    width: 100%;
    height: auto;
    padding: 8px 25px !important;
    text-align: left;
    border-top: 1px solid #dcdcdc !important;
    border-radius: 0 !important;
  }
  .secCalendar.typeChannel ul.tabLinkTy1 > li > a br {
    display: none;
  }
  .secCalendar.typeChannel ul.tabLinkTy1 > li > a span.sub {
    font-size: 14px;
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.5em;
    padding-left: 5.3em;
  }
  .secCalendar.typeChannel ul.tabLinkTy1 > li.isCurrent {
    display: none;
  }
  .secCalendar.typeChannel ul.tabLinkTy1 > li.isCurrent > a {
    color: #333;
    background-color: #fff;
  }
  .secCalendar.typeChannel .navController,
  .secCalendar.typeChannel ul.navController1 {
    display: none;
  }
  ul.tabLinkTy2 {
    font-size: 12px;
    font-size: 1.2rem;
    padding-bottom: 10px;
  }
  ul.tabLinkTy2 > li a {
    padding: 15px 10px;
  }
  ul.tabLinkTy2 > li a > span {
    padding-top: 24px;
  }
  ul.tabLinkTy2 > li.iconProgram1 a > span:before {
    top: 0;
    left: 50%;
    width: 19px;
    height: 19px;
    margin-top: 0;
    margin-left: -9.5px;
    background-position: -205px -298px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  ul.tabLinkTy2 > li.iconProgram2 a > span:before {
    top: 0;
    left: 50%;
    width: 17px;
    height: 21px;
    margin-top: 0;
    margin-left: -8.5px;
    background-position: -162px -298px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  ul.tabLinkTy2 > li.iconProgram3 a > span:before {
    top: 2px;
    left: 50%;
    width: 20px;
    height: 14px;
    margin-top: 0;
    margin-left: -10px;
    background-position: -123px -349px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  ul.tabLinkTy2 > li.isCurrent > div {
    position: relative;
  }
  ul.tabLinkTy2 > li.isCurrent > div:after {
    position: absolute;
    z-index: 1;
    top: 100%;
    top: 99%;
    left: 51%;
    width: 0;
    height: 0;
    margin-left: -10px;
    content: '';
    border: 10px solid transparent;
    border-top-color: #0093d0;
  }
  ul.tabLinkTy2 > li.isCurrent a {
    color: #fff;
  }
  ul.tabLinkTy2 > li.isCurrent.iconProgram1 a > span:before {
    top: 0;
    left: 50%;
    width: 19px;
    height: 19px;
    margin-top: 0;
    margin-left: -9.5px;
    background-position: -182px -298px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  ul.tabLinkTy2 > li.isCurrent.iconProgram2 a > span:before {
    top: 0;
    left: 50%;
    width: 17px;
    height: 21px;
    margin-top: 0;
    margin-left: -8.5px;
    background-position: -141px -298px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  ul.tabLinkTy2 > li.isCurrent.iconProgram3 a > span:before {
    top: 2px;
    left: 50%;
    width: 20px;
    height: 14px;
    margin-top: 0;
    margin-left: -10px;
    background-position: -99px -349px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  ul.tabLinkTy3 > li a {
    padding: 10px 10px;
  }
  ul.listIconCh > li {
    display: block;
  }
  ul.listIconStudio {
    margin: 0 -5px 10px;
  }
  ul.listIconStudio > li {
    display: inline-block;
    float: left;
    width: 50%;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 0 5px;
  }
  ul.listIconStudio > li > a {
    width: 100%;
  }
  ul.listInfoBa {
    font-size: 14px;
    font-size: 1.4rem;
  }
  ol.listStep > li {
    margin-bottom: 40px;
  }
  ol.listStep > li > .thumb {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
  .panelBa > .hdgPanel,
  .panelBa > .contents {
    padding: 20px 25px;
  }
  .panelBa > .hdgPanel {
    font-size: 20px;
    font-size: 2rem;
  }
  .panelBa > .hdgPanel.iconSpeker,
  .panelBa > .hdgPanel.iconInfo {
    padding: 15px 15px 15px 50px;
  }
  .panelBa > .hdgPanel.iconSpeker:before,
  .panelBa > .hdgPanel.iconInfo:before {
    top: 17px;
    left: 20px;
    width: 18px;
    height: 16px;
    margin-top: 0;
    background-position: -233px -398px;
    -webkit-background-size: 437px 433px;
    background-size: 437px 433px;
  }
  .panelBa > .hdgPanel.iconInfo:before {
    top: 16px;
    left: 20px;
    width: 18px;
    height: 18px;
    margin-top: 0;
    background-position: -301px -375px;
    -webkit-background-size: 437px 433px;
    background-size: 437px 433px;
  }
  .panelTy1,
  .panelTy2 {
    padding: 30px 25px;
  }
  .panelInfoBa > .hdgPanel,
  .panelInfoBa > .contents {
    padding: 20px 25px;
  }
  .panelInfoBa > .hdgPanel {
    font-size: 20px;
    font-size: 2rem;
  }
  .panelProgramBa > .contents > a {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .panelProgramBa > .contents > a > br {
    display: block;
  }
  .panelProgramBa > .contents > a img {
    margin-bottom: 8px;
  }
  .panelProgramBa > .contents > a img.logo1 {
    width: 100px;
  }
  .panelProgramBa > .contents > a img.logo2 {
    width: 60px;
    margin-left: 0;
  }
  .pagination > ul > li {
    display: none;
  }
  .pagination > ul > li.prev,
  .pagination > ul > li.next {
    display: inline-block;
  }
  .pagination > ul > li.prev a,
  .pagination > ul > li.next a {
    padding: 0;
  }
  .pagination > ul > li.prev a:before,
  .pagination > ul > li.prev a:after,
  .pagination > ul > li.next a:before,
  .pagination > ul > li.next a:after {
    display: none;
  }
  table.tblBa th,
  table.tblBa td,
  table.tblTy1 th,
  table.tblTy1 td,
  table.tblTy2 th,
  table.tblTy2 td,
  table.tblMusicList th,
  table.tblMusicList td {
    padding: 18px 12px !important;
  }
  table.tblMusicList th,
  table.tblMusicList td {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px 10px !important;
    word-break: normal;
  }
  dl.tblKana dt,
  dl.tblKana dd {
    padding: 20px 25px;
  }
  dl.tblKana dt {
    font-size: 24px;
    font-size: 2.4rem;
  }
  form.formRefinerBa {
    border-width: 0;
  }
  form.formRefinerBa > .header {
    position: relative;
    z-index: 1;
    display: block;
    background-color: transparent;
  }
  form.formRefinerBa > .header > .title,
  form.formRefinerBa > .header > .sub {
    display: block;
    width: 100%;
  }
  form.formRefinerBa > .header > .title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 15px;
    padding: 15px 10px;
    border: 1px solid gainsboro;
    background-color: #f5f7f8;
  }
  form.formRefinerBa > .header > .title .refiner {
    font-weight: bold;
  }
  form.formRefinerBa > .header > .sub .toggle,
  form.formRefinerBa > .header > .sub .select {
    float: left;
    width: 50%;
  }
  form.formRefinerBa > .header > .sub .toggle {
    text-align: left;
    border: 1px solid gainsboro;
    border-width: 1px 1px 0;
  }
  form.formRefinerBa > .header > .sub .toggle > a {
    display: block;
    padding: 10px 35px 15px 10px;
  }
  form.formRefinerBa > .header > .sub .toggle > a:before {
    top: 8px;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: 0;
    background-position: -393px -98px;
    -webkit-background-size: 437px 433px;
    background-size: 437px 433px;
  }
  form.formRefinerBa > .header > .sub .select {
    padding: 0 0 0 5px;
  }
  form.formRefinerBa > .header > .sub .select span {
    display: none;
  }
  form.formRefinerBa > .header > .sub .select .w70 + .easy-select-box {
    width: 100% !important;
  }
  form.formRefinerBa > .contents {
    position: relative;
    top: -1px;
    padding: 20px 25px 35px;
    border: 1px solid gainsboro;
    border-width: 1px;
  }
  form.formRefinerBa > .contents > .cmpColumn.typeCol3 {
    margin: 0 !important;
  }
  form.formRefinerBa > .contents > .cmpColumn.typeCol3 .column {
    width: 100% !important;
    padding: 0 0 20px;
  }
  form.formRefinerBa > .contents > .cmpColumn.typeCol3 .column.w100,
  form.formRefinerBa > .contents > .cmpColumn.typeCol3 .column.w100keep {
    width: 100% !important;
    padding-top: 0;
  }
  form.formRefinerBa > .contents > .cmpColumn.typeCol3 .column .easy-select-box {
    width: 100% !important;
    margin-left: 0;
  }
  form.formRefinerBa > .contents ul.listCheckBa {
    float: none;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 20px;
    text-align: center;
  }
  form.formRefinerBa > .contents ul.listCheckBa li {
    margin-right: 5px;
    margin-left: 5px;
  }
  form.formRefinerBa > .contents ul.listCheckBa.typeGame {
    margin-bottom: 10px;
  }
  form.formRefinerBa > .contents ul.listCheckBa.typeGame li {
    margin-bottom: 15px;
  }
  form.formRefinerBa > .contents ul.listCheckBa.typeGame + button.btnBa {
    top: 0;
    margin-left: 0;
  }
  form.formRefinerBa > .contents button.btnBa {
    top: 0;
    float: none;
    width: 100%;
  }
  form.formRefinerBa > .contents .setParentSelect + .easy-select-box {
    float: none;
  }
  form.formRefinerBa > .contents .childSelect {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  form.formRefinerBa > .contents .childSelect .easy-select-box {
    margin-top: 10px;
  }
  form.formRefinerBa.isClose > .header > .sub .toggle {
    border-width: 1px;
  }
  form.formRefinerBa.isClose > .header > .sub .toggle > a {
    padding-bottom: 8px;
  }
  form.formRefinerBa.subNone .header .sub .toggle {
    float: left;
    border-right-width: 1px;
  }
  input.inputBa {
    width: 100%;
    min-width: 0;
  }
  .easy-select-box + select + .easy-select-box {
    margin: 10px 0 0 0;
  }
}

/* ===============================================
   Selector Grouping
=============================================== */
/* Clear Fix */
.cmpMain > ul.slide,
.cmpMain2 > ul.slide,
.cmpMain > ul.slide > li,
.cmpMain2 > ul.slide > li,
.cmpMain > ul.slide > li > ul.list,
.cmpMain2 > ul.slide > li > ul.list,
.cmpMain > ul.nav,
.cmpMain2 > ul.nav,
.navChannel > .slideWrap > ul.slide,
.navChannel > ul.navController,
.cmpMovie,
.cmpMovie > .data,
.cmpMovie > .data .slideWrap ul.slide,
.cmpMovie2 .slideWrap > ul.slide,
.cmpImage .slideWrap > ul.slide,
.cmpImage2 .slideWrap > ul.slide,
.cmpItem,
.cmpItem > .slideWrap > ul.slide,
.cmpItem > ul.nav,
.cmpItem > ul.item,
.cmpItem > ul.item > li.type1 > a,
.cmpItem > ul.item > li.type1 > div,
.cmpItem > ul.item > li.type2 > a,
.cmpItem > ul.item > li.type2 > div,
.cmpItem > ul.item > li.type3 > a,
.cmpItem > ul.item > li.type3 > div,
.cmpItem > ul.item > li.type1.isColorDark > a,
.cmpItem > ul.item > li.type1.isColorDark > div,
.cmpItem > ul.item > li.type1.isColorGray > a,
.cmpItem > ul.item > li.type1.isColorGray > div,
.cmpItem > ul.item > li.type2.isColorDark > a,
.cmpItem > ul.item > li.type2.isColorDark > div,
.cmpItem > ul.item > li.type2.isColorGray > a,
.cmpItem > ul.item > li.type2.isColorGray > div,
.cmpItem > ul.item > li.type3.isColorDark > a,
.cmpItem > ul.item > li.type3.isColorDark > div,
.cmpItem > ul.item > li.type3.isColorGray > a,
.cmpItem > ul.item > li.type3.isColorGray > div,
.cmpItem1 > ul,
.cmpItem1 ul.slide,
.cmpItem2 ul.slide,
.cmpItem3 ul.slide,
.cmpItem4 > ul.slide,
.cmpItem4 > ul.slide > li > a,
.cmpItem4 > ul.slide > li.type1 > a,
.cmpItem4 > ul.slide > li.type4 > a,
.cmpItem4 > ul.slide > li.type3 > a,
.cmpItem4 > ul.slide > li.type3 .data > dl.list,
.cmpItem5 ul.slide,
.cmpItem5 ul.slide > li > a > .data ul.icon,
.cmpItem6 > ul.item > li,
.cmpItem6 > ul.item > li > .info,
.cmpItem6 > ul.item > li .data > dl.list,
.cmpItem6 > ul.item > li .data ul.icon,
.cmpItem7 ul.slide,
.cmpItem7 ul.slide > li,
.cmpItem7 ul.slide > li .info,
.cmpItem8 ul.slide,
.cmpItem9 ul.slide,
.cmpNews,
.cmpNews > .newsWrap > .news > .sns > ul,
.cmpNews > .newsWrap > ul.item,
.cmpRankingMusic,
.cmpListSns,
.cmpRankingMusic > li,
.cmpListSns > li,
.cmpListSns ul.sns > li,
.cmpBanner > ul.tab,
.cmpNavCharacter > .slideWrap > ul.slide,
.cmpNavCharacter.typeFew > .slideWrap > ul.slide,
.cmpColumn,
.cmpColumn.typeCol2.typeGallery > .column.type1 > ul,
ul.cmpListIcon,
.cmpPanel,
.cmpPanelSns > div > ul,
.cmpGallery .mainGallery .slideWrap ul.slide,
.cmpGallery .navGallery,
.cmpGallery .navGallery .slideWrap ul.slide,
.cmpTableBa.typeTheater .table dl.table {
  *zoom: 1;
}

.cmpMain > ul.slide:before,
.cmpMain2 > ul.slide:before,
.cmpMain > ul.slide > li:before,
.cmpMain2 > ul.slide > li:before,
.cmpMain > ul.slide > li > ul.list:before,
.cmpMain2 > ul.slide > li > ul.list:before,
.cmpMain > ul.nav:before,
.cmpMain2 > ul.nav:before,
.navChannel > .slideWrap > ul.slide:before,
.navChannel > ul.navController:before,
.cmpMovie:before,
.cmpMovie > .data:before,
.cmpMovie > .data .slideWrap ul.slide:before,
.cmpMovie2 .slideWrap > ul.slide:before,
.cmpImage .slideWrap > ul.slide:before,
.cmpImage2 .slideWrap > ul.slide:before,
.cmpItem:before,
.cmpItem > .slideWrap > ul.slide:before,
.cmpItem > ul.nav:before,
.cmpItem > ul.item:before,
.cmpItem > ul.item > li.type1 > a:before,
.cmpItem > ul.item > li.type1 > div:before,
.cmpItem > ul.item > li.type2 > a:before,
.cmpItem > ul.item > li.type2 > div:before,
.cmpItem > ul.item > li.type3 > a:before,
.cmpItem > ul.item > li.type3 > div:before,
.cmpItem > ul.item > li.type1.isColorDark > a:before,
.cmpItem > ul.item > li.type1.isColorDark > div:before,
.cmpItem > ul.item > li.type1.isColorGray > a:before,
.cmpItem > ul.item > li.type1.isColorGray > div:before,
.cmpItem > ul.item > li.type2.isColorDark > a:before,
.cmpItem > ul.item > li.type2.isColorDark > div:before,
.cmpItem > ul.item > li.type2.isColorGray > a:before,
.cmpItem > ul.item > li.type2.isColorGray > div:before,
.cmpItem > ul.item > li.type3.isColorDark > a:before,
.cmpItem > ul.item > li.type3.isColorDark > div:before,
.cmpItem > ul.item > li.type3.isColorGray > a:before,
.cmpItem > ul.item > li.type3.isColorGray > div:before,
.cmpItem1 > ul:before,
.cmpItem1 ul.slide:before,
.cmpItem2 ul.slide:before,
.cmpItem3 ul.slide:before,
.cmpItem4 > ul.slide:before,
.cmpItem4 > ul.slide > li > a:before,
.cmpItem4 > ul.slide > li.type1 > a:before,
.cmpItem4 > ul.slide > li.type4 > a:before,
.cmpItem4 > ul.slide > li.type3 > a:before,
.cmpItem4 > ul.slide > li.type3 .data > dl.list:before,
.cmpItem5 ul.slide:before,
.cmpItem5 ul.slide > li > a > .data ul.icon:before,
.cmpItem6 > ul.item > li:before,
.cmpItem6 > ul.item > li > .info:before,
.cmpItem6 > ul.item > li .data > dl.list:before,
.cmpItem6 > ul.item > li .data ul.icon:before,
.cmpItem7 ul.slide:before,
.cmpItem7 ul.slide > li:before,
.cmpItem7 ul.slide > li .info:before,
.cmpItem8 ul.slide:before,
.cmpItem9 ul.slide:before,
.cmpNews:before,
.cmpNews > .newsWrap > .news > .sns > ul:before,
.cmpNews > .newsWrap > ul.item:before,
.cmpRankingMusic:before,
.cmpListSns:before,
.cmpRankingMusic > li:before,
.cmpListSns > li:before,
.cmpListSns ul.sns > li:before,
.cmpBanner > ul.tab:before,
.cmpNavCharacter > .slideWrap > ul.slide:before,
.cmpColumn:before,
.cmpColumn.typeCol2.typeGallery > .column.type1 > ul:before,
ul.cmpListIcon:before,
.cmpPanel:before,
.cmpPanelSns > div > ul:before,
.cmpGallery .mainGallery .slideWrap ul.slide:before,
.cmpGallery .navGallery:before,
.cmpGallery .navGallery .slideWrap ul.slide:before,
.cmpTableBa.typeTheater .table dl.table:before,
.cmpMain > ul.slide:after,
.cmpMain2 > ul.slide:after,
.cmpMain > ul.slide > li:after,
.cmpMain2 > ul.slide > li:after,
.cmpMain > ul.slide > li > ul.list:after,
.cmpMain2 > ul.slide > li > ul.list:after,
.cmpMain > ul.nav:after,
.cmpMain2 > ul.nav:after,
.navChannel > .slideWrap > ul.slide:after,
.navChannel > ul.navController:after,
.cmpMovie:after,
.cmpMovie > .data:after,
.cmpMovie > .data .slideWrap ul.slide:after,
.cmpMovie2 .slideWrap > ul.slide:after,
.cmpImage .slideWrap > ul.slide:after,
.cmpImage2 .slideWrap > ul.slide:after,
.cmpItem:after,
.cmpItem > .slideWrap > ul.slide:after,
.cmpItem > ul.nav:after,
.cmpItem > ul.item:after,
.cmpItem > ul.item > li.type1 > a:after,
.cmpItem > ul.item > li.type1 > div:after,
.cmpItem > ul.item > li.type2 > a:after,
.cmpItem > ul.item > li.type2 > div:after,
.cmpItem > ul.item > li.type3 > a:after,
.cmpItem > ul.item > li.type3 > div:after,
.cmpItem > ul.item > li.type1.isColorDark > a:after,
.cmpItem > ul.item > li.type1.isColorDark > div:after,
.cmpItem > ul.item > li.type1.isColorGray > a:after,
.cmpItem > ul.item > li.type1.isColorGray > div:after,
.cmpItem > ul.item > li.type2.isColorDark > a:after,
.cmpItem > ul.item > li.type2.isColorDark > div:after,
.cmpItem > ul.item > li.type2.isColorGray > a:after,
.cmpItem > ul.item > li.type2.isColorGray > div:after,
.cmpItem > ul.item > li.type3.isColorDark > a:after,
.cmpItem > ul.item > li.type3.isColorDark > div:after,
.cmpItem > ul.item > li.type3.isColorGray > a:after,
.cmpItem > ul.item > li.type3.isColorGray > div:after,
.cmpItem1 > ul:after,
.cmpItem1 ul.slide:after,
.cmpItem2 ul.slide:after,
.cmpItem3 ul.slide:after,
.cmpItem4 > ul.slide:after,
.cmpItem4 > ul.slide > li > a:after,
.cmpItem4 > ul.slide > li.type1 > a:after,
.cmpItem4 > ul.slide > li.type4 > a:after,
.cmpItem4 > ul.slide > li.type3 > a:after,
.cmpItem4 > ul.slide > li.type3 .data > dl.list:after,
.cmpItem5 ul.slide:after,
.cmpItem5 ul.slide > li > a > .data ul.icon:after,
.cmpItem6 > ul.item > li:after,
.cmpItem6 > ul.item > li > .info:after,
.cmpItem6 > ul.item > li .data > dl.list:after,
.cmpItem6 > ul.item > li .data ul.icon:after,
.cmpItem7 ul.slide:after,
.cmpItem7 ul.slide > li:after,
.cmpItem7 ul.slide > li .info:after,
.cmpItem8 ul.slide:after,
.cmpItem9 ul.slide:after,
.cmpNews:after,
.cmpNews > .newsWrap > .news > .sns > ul:after,
.cmpNews > .newsWrap > ul.item:after,
.cmpRankingMusic:after,
.cmpListSns:after,
.cmpRankingMusic > li:after,
.cmpListSns > li:after,
.cmpListSns ul.sns > li:after,
.cmpBanner > ul.tab:after,
.cmpNavCharacter > .slideWrap > ul.slide:after,
.cmpColumn:after,
.cmpColumn.typeCol2.typeGallery > .column.type1 > ul:after,
ul.cmpListIcon:after,
.cmpPanel:after,
.cmpPanelSns > div > ul:after,
.cmpGallery .mainGallery .slideWrap ul.slide:after,
.cmpGallery .navGallery:after,
.cmpGallery .navGallery .slideWrap ul.slide:after,
.cmpTableBa.typeTheater .table dl.table:after {
  display: table;
  content: '';
}

.cmpMain > ul.slide:after,
.cmpMain2 > ul.slide:after,
.cmpMain > ul.slide > li:after,
.cmpMain2 > ul.slide > li:after,
.cmpMain > ul.slide > li > ul.list:after,
.cmpMain2 > ul.slide > li > ul.list:after,
.cmpMain > ul.nav:after,
.cmpMain2 > ul.nav:after,
.navChannel > .slideWrap > ul.slide:after,
.navChannel > ul.navController:after,
.cmpMovie:after,
.cmpMovie > .data:after,
.cmpMovie > .data .slideWrap ul.slide:after,
.cmpMovie2 .slideWrap > ul.slide:after,
.cmpImage .slideWrap > ul.slide:after,
.cmpImage2 .slideWrap > ul.slide:after,
.cmpItem:after,
.cmpItem > .slideWrap > ul.slide:after,
.cmpItem > ul.nav:after,
.cmpItem > ul.item:after,
.cmpItem > ul.item > li.type1 > a:after,
.cmpItem > ul.item > li.type1 > div:after,
.cmpItem > ul.item > li.type2 > a:after,
.cmpItem > ul.item > li.type2 > div:after,
.cmpItem > ul.item > li.type3 > a:after,
.cmpItem > ul.item > li.type3 > div:after,
.cmpItem > ul.item > li.type1.isColorDark > a:after,
.cmpItem > ul.item > li.type1.isColorDark > div:after,
.cmpItem > ul.item > li.type1.isColorGray > a:after,
.cmpItem > ul.item > li.type1.isColorGray > div:after,
.cmpItem > ul.item > li.type2.isColorDark > a:after,
.cmpItem > ul.item > li.type2.isColorDark > div:after,
.cmpItem > ul.item > li.type2.isColorGray > a:after,
.cmpItem > ul.item > li.type2.isColorGray > div:after,
.cmpItem > ul.item > li.type3.isColorDark > a:after,
.cmpItem > ul.item > li.type3.isColorDark > div:after,
.cmpItem > ul.item > li.type3.isColorGray > a:after,
.cmpItem > ul.item > li.type3.isColorGray > div:after,
.cmpItem1 > ul:after,
.cmpItem1 ul.slide:after,
.cmpItem2 ul.slide:after,
.cmpItem3 ul.slide:after,
.cmpItem4 > ul.slide:after,
.cmpItem4 > ul.slide > li > a:after,
.cmpItem4 > ul.slide > li.type1 > a:after,
.cmpItem4 > ul.slide > li.type4 > a:after,
.cmpItem4 > ul.slide > li.type3 > a:after,
.cmpItem4 > ul.slide > li.type3 .data > dl.list:after,
.cmpItem5 ul.slide:after,
.cmpItem5 ul.slide > li > a > .data ul.icon:after,
.cmpItem6 > ul.item > li:after,
.cmpItem6 > ul.item > li > .info:after,
.cmpItem6 > ul.item > li .data > dl.list:after,
.cmpItem6 > ul.item > li .data ul.icon:after,
.cmpItem7 ul.slide:after,
.cmpItem7 ul.slide > li:after,
.cmpItem7 ul.slide > li .info:after,
.cmpItem8 ul.slide:after,
.cmpItem9 ul.slide:after,
.cmpNews:after,
.cmpNews > .newsWrap > .news > .sns > ul:after,
.cmpNews > .newsWrap > ul.item:after,
.cmpRankingMusic:after,
.cmpListSns:after,
.cmpRankingMusic > li:after,
.cmpListSns > li:after,
.cmpListSns ul.sns > li:after,
.cmpBanner > ul.tab:after,
.cmpNavCharacter > .slideWrap > ul.slide:after,
.cmpColumn:after,
.cmpColumn.typeCol2.typeGallery > .column.type1 > ul:after,
ul.cmpListIcon:after,
.cmpPanel:after,
.cmpPanelSns > div > ul:after,
.cmpGallery .mainGallery .slideWrap ul.slide:after,
.cmpGallery .navGallery:after,
.cmpGallery .navGallery .slideWrap ul.slide:after,
.cmpTableBa.typeTheater .table dl.table:after {
  clear: both;
}

.cmpMain > ul.slide > li > ul.list > li > a,
.cmpMain2 > ul.slide > li > ul.list > li > a,
.cmpMain > ul.slide > li > ul.list > li,
.cmpMain2 > ul.slide > li > ul.list > li,
.cmpMovie > .data .slideWrap ul.slide > li > a,
.cmpMovie > .data ul.nav > li > a,
.cmpItem > .slideWrap .listLinkTy3 > li.iconShopping > a,
.cmpItem > .slideWrap .listLinkTy3 > li.iconSite > a,
.cmpItem > .slideWrap .listLinkTy3 > li.iconInfo > a,
.cmpItem > .slideWrap .listLinkTy3 > li.iconTicket > a,
.cmpItem > .slideWrap .listLinkTy3 > li.iconTrailer > a,
.cmpItem > ul.nav > li > a,
.cmpItem2 ul.slide > li > .data > ul.list > li > a,
.cmpItem2 ul.slide > li > .data > ul.list > li,
.cmpItem5 ul.slide > li > a > .iconStar,
.cmpItem5 ul.slide > li > a > .iconNew,
.cmpItem5 ul.slide > li > a > .data ul.icon > li > span,
.cmpItem6 > ul.item > li .data > .price span.iconMovienex,
.cmpItem6 > ul.item > li .data ul.icon > li > span,
.cmpNews > .newsWrap > .news > .sns > ul > li > a,
.cmpNews > .newsWrap > ul.item > li > a,
.cmpRankingMusic > li ul.list > li > a,
.cmpListSns > li ul.list > li > a,
.cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li.iconHeadphone > a,
.cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li.iconHeadphone > a,
.cmpTimetable > .listTimeTableBa > dd > a.link,
.cmpTimetable > .listTimeTableBa > div > a.link,
.cmpAccordionBa > .section > .hdg a,
ul.cmpListIcon > li > a,
ul.cmpListIconTy1 > li,
.cmpPanel > .column .hdg,
#myStatus.isShowModal .cmpModal > .inner > .btnClose > a {
  position: relative;
}

.cmpMain > ul.slide > li > ul.list > li > a:before,
.cmpMain2 > ul.slide > li > ul.list > li > a:before,
.cmpMain > ul.slide > li > ul.list > li:before,
.cmpMain2 > ul.slide > li > ul.list > li:before,
.cmpMovie > .data .slideWrap ul.slide > li > a:before,
.cmpMovie > .data ul.nav > li > a:before,
.cmpItem > .slideWrap .listLinkTy3 > li.iconShopping > a:before,
.cmpItem > .slideWrap .listLinkTy3 > li.iconSite > a:before,
.cmpItem > .slideWrap .listLinkTy3 > li.iconInfo > a:before,
.cmpItem > .slideWrap .listLinkTy3 > li.iconTicket > a:before,
.cmpItem > .slideWrap .listLinkTy3 > li.iconTrailer > a:before,
.cmpItem > ul.nav > li > a:before,
.cmpItem2 ul.slide > li > .data > ul.list > li > a:before,
.cmpItem2 ul.slide > li > .data > ul.list > li:before,
.cmpItem5 ul.slide > li > a > .iconStar:before,
.cmpItem5 ul.slide > li > a > .iconNew:before,
.cmpItem5 ul.slide > li > a > .data ul.icon > li > span:before,
.cmpItem6 > ul.item > li .data > .price span.iconMovienex:before,
.cmpItem6 > ul.item > li .data ul.icon > li > span:before,
.cmpNews > .newsWrap > .news > .sns > ul > li > a:before,
.cmpNews > .newsWrap > ul.item > li > a:before,
.cmpRankingMusic > li ul.list > li > a:before,
.cmpListSns > li ul.list > li > a:before,
.cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li.iconHeadphone > a:before,
.cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li.iconHeadphone > a:before,
.cmpTimetable > .listTimeTableBa > dd > a.link:before,
.cmpTimetable > .listTimeTableBa > div > a.link:before,
.cmpAccordionBa > .section > .hdg a:before,
ul.cmpListIcon > li > a:before,
ul.cmpListIconTy1 > li:before,
.cmpPanel > .column .hdg:before,
#myStatus.isShowModal .cmpModal > .inner > .btnClose > a:before {
  position: absolute;
  top: 0;
  display: inline-block;
  content: '';
  background-image: url(../disney/content/dam/disney/_search/img/sprite2.png);
}

.cmpNews > .newsWrap > .news > .link > a {
  position: relative;
}

.cmpNews > .newsWrap > .news > .link > a:after {
  position: absolute;
  top: 0;
  display: inline-block;
  content: '';
  background-image: url(../disney/content/dam/disney/_search/img/sprite2.png);
}

.cmpPanel > .column > *:last-child,
#myStatus.isShowModal .cmpModal > .inner > .modalContents > *:last-child {
  margin-bottom: 0;
}

.cmpItem1 > ul > li ul.navController1,
.cmpItem4 > ul.navController1,
.cmpNews > .newsWrap > ul.item > li > a > .date,
.cmpBanner > ul.tab > li.isCurrent > a.banner {
  display: none !important;
}

.cmpBanner > ul.banner {
  display: block !important;
}

/* ===============================================
   Modules Component
=============================================== */
.setScale {
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}

.setScale > div {
  width: 1200px;
  padding-top: 1px;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.setScale + .hdgBa {
  margin-top: -4px;
}

.setScale + .secController,
.setScale + .secListAll {
  margin-top: -4px;
}

/* Component
----------------------------------------------- */
.cmpMain a .lead:hover,
.cmpMain a .thumb:hover,
.cmpMain .linkBa *:hover,
.cmpMain .news .link a:hover,
.cmpMain .listLinkTy3 a:hover,
.cmpMain2 a .lead:hover,
.cmpMain2 a .thumb:hover,
.cmpMain2 .linkBa *:hover,
.cmpMain2 .news .link a:hover,
.cmpMain2 .listLinkTy3 a:hover,
.cmpItem a .lead:hover,
.cmpItem a .thumb:hover,
.cmpItem .linkBa *:hover,
.cmpItem .news .link a:hover,
.cmpItem .listLinkTy3 a:hover,
.cmpItem1 a .lead:hover,
.cmpItem1 a .thumb:hover,
.cmpItem1 .linkBa *:hover,
.cmpItem1 .news .link a:hover,
.cmpItem1 .listLinkTy3 a:hover,
.cmpItem8 a .lead:hover,
.cmpItem8 a .thumb:hover,
.cmpItem8 .linkBa *:hover,
.cmpItem8 .news .link a:hover,
.cmpItem8 .listLinkTy3 a:hover,
.cmpNews a .lead:hover,
.cmpNews a .thumb:hover,
.cmpNews .linkBa *:hover,
.cmpNews .news .link a:hover,
.cmpNews .listLinkTy3 a:hover {
  cursor: pointer;
  text-decoration: underline;
}

.cmpMain .linkBa,
.cmpMain2 .linkBa,
.cmpItem .linkBa,
.cmpItem1 .linkBa,
.cmpItem2 .linkBa,
.cmpItem3 .linkBa,
.cmpItem4 .linkBa,
.cmpItem5 .linkBa,
.cmpItem6 .linkBa,
.cmpItem7 .linkBa,
.cmpItem8 .linkBa,
.cmpNews .linkBa {
  margin-bottom: 0;
}

.cmpMain,
.cmpMain2 {
  position: relative;
  border: 1px solid gainsboro;
}

.cmpMain > ul.slide > li,
.cmpMain2 > ul.slide > li {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: #fff;
}

.cmpMain > ul.slide > li:first-child,
.cmpMain2 > ul.slide > li:first-child {
  position: relative;
  z-index: 1;
}

.cmpMain > ul.slide > li.isColorDark,
.cmpMain2 > ul.slide > li.isColorDark {
  background-color: #000;
}

.cmpMain > ul.slide > li.isColorDark > .data,
.cmpMain2 > ul.slide > li.isColorDark > .data {
  position: relative;
}

.cmpMain > ul.slide > li.isColorDark > .data:after,
.cmpMain2 > ul.slide > li.isColorDark > .data:after {
  position: absolute;
  z-index: 1;
  top: 60px;
  left: 100.5%;
  left: 98.5%;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-left-color: black;
}

.cmpMain > ul.slide > li.isColorDark > .data:after,
.cmpMain2 > ul.slide > li.isColorDark > .data:after {
  z-index: 0;
}

.cmpMain > ul.slide > li.isColorDark > .data > div .thumb,
.cmpMain2 > ul.slide > li.isColorDark > .data > div .thumb {
  text-align: center;
}

.cmpMain > ul.slide > li.isColorDark > .data > div .thumb img,
.cmpMain2 > ul.slide > li.isColorDark > .data > div .thumb img {
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}

.cmpMain > ul.slide > li.isColorDark > .data > div .lead,
.cmpMain > ul.slide > li.isColorDark > .data > div .lead1,
.cmpMain2 > ul.slide > li.isColorDark > .data > div .lead,
.cmpMain2 > ul.slide > li.isColorDark > .data > div .lead1 {
  color: #fff;
}

.cmpMain > ul.slide > li.isColorDark > .data > div .text,
.cmpMain2 > ul.slide > li.isColorDark > .data > div .text {
  color: rgba(255, 255, 255, 0.8);
}

.cmpMain > ul.slide > li.isColorDark > ul.list,
.cmpMain2 > ul.slide > li.isColorDark > ul.list {
  border: 0 solid rgba(255, 255, 255, 0.3);
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li > a,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li > a {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li > a:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li > a:before {
  top: 50%;
  right: 40px;
  width: 9px;
  height: 15px;
  margin-top: -7.5px;
  background-position: -318px -266px;
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li > a:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li > a:before {
  opacity: .5;
  -ms-filter: 'alpha(opacity=50)';
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li.iconVideo:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconVideo:before {
  top: 50%;
  left: 43px;
  width: 12px;
  height: 22px;
  margin-top: -11px;
  background-position: -522px -84px;
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li.iconSite:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconSite:before {
  top: 50%;
  left: 40px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background-position: -467px -301px;
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li.iconTrailer:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconTrailer:before {
  top: 50%;
  left: 40px;
  width: 24px;
  height: 15px;
  margin-top: -7.5px;
  background-position: -40px -526px;
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li.iconTicket:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconTicket:before {
  top: 50%;
  left: 38px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-position: -491px -183px;
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li.iconShopping:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconShopping:before {
  top: 50%;
  left: 38px;
  width: 22px;
  height: 23px;
  margin-top: -11.5px;
  background-position: -491px -422px;
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li.iconDownload:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconDownload:before {
  top: 50%;
  left: 38px;
  width: 22px;
  height: 19px;
  margin-top: -9.5px;
  background-position: -263px -498px;
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li.iconTime:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconTime:before {
  top: 50%;
  left: 38px;
  width: 23px;
  height: 23px;
  margin-top: -11.5px;
  background-position: -177px -469px;
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li.iconTwitter:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconTwitter:before {
  top: 50%;
  left: 38px;
  width: 24px;
  height: 18px;
  margin-top: -9px;
  background-position: -373px -498px;
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li.iconBehind:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconBehind:before {
  top: 50%;
  left: 38px;
  width: 22px;
  height: 23px;
  margin-top: -11.5px;
  background-position: -28px -469px;
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li.iconSearch:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconSearch:before {
  top: 50%;
  left: 38px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background-position: -435px -469px;
}

.cmpMain > ul.slide > li.isColorDark > ul.list > li.iconPresent:before,
.cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconPresent:before {
  top: 50%;
  left: 38px;
  width: 24px;
  height: 22px;
  margin-top: -11px;
  background-position: -522px 0;
}

.cmpMain > ul.slide > li.isColorGray,
.cmpMain2 > ul.slide > li.isColorGray {
  background-color: #ccc;
}

.cmpMain > ul.slide > li.isColorGray > .data,
.cmpMain2 > ul.slide > li.isColorGray > .data {
  position: relative;
}

.cmpMain > ul.slide > li.isColorGray > .data:after,
.cmpMain2 > ul.slide > li.isColorGray > .data:after {
  position: absolute;
  z-index: 1;
  top: 60px;
  left: 100.5%;
  left: 98.5%;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-left-color: #ccc;
}

.cmpMain > ul.slide > li.isColorGray > .data:after,
.cmpMain2 > ul.slide > li.isColorGray > .data:after {
  z-index: 0;
}

.cmpMain > ul.slide > li.isColorGray > .data > div .thumb,
.cmpMain2 > ul.slide > li.isColorGray > .data > div .thumb {
  text-align: center;
}

.cmpMain > ul.slide > li.isColorGray > .data > div .thumb img,
.cmpMain2 > ul.slide > li.isColorGray > .data > div .thumb img {
  -webkit-box-shadow: 0 0 25px rgba(204, 204, 204, 0.2);
  box-shadow: 0 0 25px rgba(204, 204, 204, 0.2);
}

.cmpMain > ul.slide > li.isColorGray > .data > div .lead,
.cmpMain > ul.slide > li.isColorGray > .data > div .lead1,
.cmpMain2 > ul.slide > li.isColorGray > .data > div .lead,
.cmpMain2 > ul.slide > li.isColorGray > .data > div .lead1 {
  color: #333;
}

.cmpMain > ul.slide > li.isColorGray > .data > div .text,
.cmpMain2 > ul.slide > li.isColorGray > .data > div .text {
  color: #333;
}

.cmpMain > ul.slide > li.isColorGray > ul.list > li > a:before,
.cmpMain2 > ul.slide > li.isColorGray > ul.list > li > a:before {
  top: 50%;
  right: 40px;
  width: 9px;
  height: 15px;
  margin-top: -7.5px;
  background-position: -476px -223px;
}

.cmpMain > ul.slide > li.isColorGray > ul.list > li.iconVideo:before,
.cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconVideo:before {
  top: 50%;
  left: 43px;
  width: 12px;
  height: 22px;
  margin-top: -11px;
  background-position: -522px -112px;
}

.cmpMain > ul.slide > li.isColorGray > ul.list > li.iconSite:before,
.cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconSite:before {
  top: 50%;
  left: 40px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background-position: -364px -322px;
}

.cmpMain > ul.slide > li.isColorGray > ul.list > li.iconTrailer:before,
.cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconTrailer:before {
  top: 50%;
  left: 40px;
  width: 24px;
  height: 15px;
  margin-top: -7.5px;
  background-position: -70px -526px;
}

.cmpMain > ul.slide > li.isColorGray > ul.list > li.iconTicket:before,
.cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconTicket:before {
  top: 50%;
  left: 38px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-position: -491px -273px;
}

.cmpMain > ul.slide > li.isColorGray > ul.list > li.iconShopping:before,
.cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconShopping:before {
  top: 50%;
  left: 38px;
  width: 22px;
  height: 23px;
  margin-top: -11.5px;
  background-position: -292px -469px;
}

.cmpMain > ul.slide > li.isColorGray > ul.list > li.iconDownload:before,
.cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconDownload:before {
  top: 50%;
  left: 38px;
  width: 22px;
  height: 19px;
  margin-top: -9.5px;
  background-position: -522px -456px;
}

.cmpMain > ul.slide > li.isColorGray > ul.list > li.iconTime:before,
.cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconTime:before {
  top: 50%;
  left: 38px;
  width: 23px;
  height: 23px;
  margin-top: -11.5px;
  background-position: -263px -469px;
}

.cmpMain > ul.slide > li.isColorGray > ul.list > li.iconTwitter:before,
.cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconTwitter:before {
  top: 50%;
  left: 38px;
  width: 24px;
  height: 18px;
  margin-top: -9px;
  background-position: -403px -498px;
}

.cmpMain > ul.slide > li.isColorGray > ul.list > li.iconBehind:before,
.cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconBehind:before {
  top: 50%;
  left: 38px;
  width: 22px;
  height: 23px;
  margin-top: -11.5px;
  background-position: 0 -469px;
}

.cmpMain > ul.slide > li.isColorGray > ul.list > li.iconSearch:before,
.cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconSearch:before {
  top: 50%;
  left: 38px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background-position: -493px -469px;
}

.cmpMain > ul.slide > li.isColorGray > ul.list > li.iconPresent:before,
.cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconPresent:before {
  top: 50%;
  left: 38px;
  width: 24px;
  height: 22px;
  margin-top: -11px;
  background-position: -522px -28px;
}

.cmpMain > ul.slide > li.typeJacket > .data .thumb img,
.cmpMain2 > ul.slide > li.typeJacket > .data .thumb img {
  max-width: 185px;
  height: auto;
}

.cmpMain > ul.slide > li > .thumb,
.cmpMain2 > ul.slide > li > .thumb {
  float: right;
  width: 900px;
  height: 540px;
}

.cmpMain > ul.slide > li > .thumb > a,
.cmpMain2 > ul.slide > li > .thumb > a {
  width: 100%;
}

.cmpMain > ul.slide > li > .thumb img,
.cmpMain2 > ul.slide > li > .thumb img {
  width: 100%;
  height: auto;
}

.cmpMain > ul.slide > li > .data,
.cmpMain2 > ul.slide > li > .data {
  position: relative;
  float: left;
  width: 298px;
  height: 100%;
  padding: 20px 39px 0 40px;
}

.cmpMain > ul.slide > li > .data:after,
.cmpMain2 > ul.slide > li > .data:after {
  position: absolute;
  z-index: 1;
  top: 60px;
  left: 100.5%;
  left: 98.5%;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-left-color: white;
}

.cmpMain > ul.slide > li > .data:after,
.cmpMain2 > ul.slide > li > .data:after {
  z-index: 0;
}

.cmpMain > ul.slide > li > .data > .logo,
.cmpMain2 > ul.slide > li > .data > .logo {
  display: table;
  width: 260px;
  height: auto !important;
  margin: 0 -20px 15px;
}

.cmpMain > ul.slide > li > .data > .logo > span,
.cmpMain2 > ul.slide > li > .data > .logo > span {
  display: table-cell;
  padding-top: 10px;
  text-align: center;
  vertical-align: middle;
}

.cmpMain > ul.slide > li > .data > .logo > span > img,
.cmpMain2 > ul.slide > li > .data > .logo > span > img {
  min-width: 140px;
  max-height: 110px;
}

.cmpMain > ul.slide > li > .data > div,
.cmpMain2 > ul.slide > li > .data > div {
  overflow: hidden;
  height: 350px;
  margin-top: 20px;
}

.cmpMain > ul.slide > li > .data > div > .lead,
.cmpMain2 > ul.slide > li > .data > div > .lead {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 20px;
}

.cmpMain > ul.slide > li > .data > div > .lead1,
.cmpMain2 > ul.slide > li > .data > div > .lead1 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
  margin-bottom: 10px;
}

.cmpMain > ul.slide > li > .data > div > .text,
.cmpMain2 > ul.slide > li > .data > div > .text {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #777;
}

.cmpMain > ul.slide > li > .data > div > .text:first-child,
.cmpMain2 > ul.slide > li > .data > div > .text:first-child {
  margin-top: 0;
}

.cmpMain > ul.slide > li > .data > div > .linkBa,
.cmpMain2 > ul.slide > li > .data > div > .linkBa {
  margin-top: 10px;
}

.cmpMain > ul.slide > li > ul.list,
.cmpMain2 > ul.slide > li > ul.list {
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 298px;
  border: 0 solid #eaeaea;
}

.cmpMain > ul.slide > li > ul.list > li > a,
.cmpMain2 > ul.slide > li > ul.list > li > a {
  display: block;
  padding: 17px 50px 17px 80px;
  border: 1px solid #eaeaea;
  border-width: 1px 0 0 0;
}

.cmpMain > ul.slide > li > ul.list > li > a:before,
.cmpMain2 > ul.slide > li > ul.list > li > a:before {
  top: 50%;
  right: 40px;
  width: 9px;
  height: 15px;
  margin-top: -7.5px;
  background-position: -318px -287px;
}

.cmpMain > ul.slide > li > ul.list > li.iconVideo:before,
.cmpMain2 > ul.slide > li > ul.list > li.iconVideo:before {
  top: 50%;
  left: 43px;
  width: 12px;
  height: 22px;
  margin-top: -11px;
  background-position: -522px -56px;
}

.cmpMain > ul.slide > li > ul.list > li.iconSite:before,
.cmpMain2 > ul.slide > li > ul.list > li.iconSite:before {
  top: 50%;
  left: 40px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background-position: -364px -346px;
}

.cmpMain > ul.slide > li > ul.list > li.iconTrailer:before,
.cmpMain2 > ul.slide > li > ul.list > li.iconTrailer:before {
  top: 50%;
  left: 40px;
  width: 24px;
  height: 15px;
  margin-top: -7.5px;
  background-position: -100px -526px;
}

.cmpMain > ul.slide > li > ul.list > li.iconTicket:before,
.cmpMain2 > ul.slide > li > ul.list > li.iconTicket:before {
  top: 50%;
  left: 38px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-position: -491px -213px;
}

.cmpMain > ul.slide > li > ul.list > li.iconShopping:before,
.cmpMain2 > ul.slide > li > ul.list > li.iconShopping:before {
  top: 50%;
  left: 38px;
  width: 22px;
  height: 23px;
  margin-top: -11.5px;
  background-position: -320px -469px;
}

.cmpMain > ul.slide > li > ul.list > li.iconDownload:before,
.cmpMain2 > ul.slide > li > ul.list > li.iconDownload:before {
  top: 50%;
  left: 38px;
  width: 22px;
  height: 19px;
  margin-top: -9.5px;
  background-position: -210px -498px;
}

.cmpMain > ul.slide > li > ul.list > li.iconTime:before,
.cmpMain2 > ul.slide > li > ul.list > li.iconTime:before {
  top: 50%;
  left: 38px;
  width: 23px;
  height: 23px;
  margin-top: -11.5px;
  background-position: -491px -393px;
}

.cmpMain > ul.slide > li > ul.list > li.iconTwitter:before,
.cmpMain2 > ul.slide > li > ul.list > li.iconTwitter:before {
  top: 50%;
  left: 38px;
  width: 24px;
  height: 18px;
  margin-top: -9px;
  background-position: -319px -498px;
}

.cmpMain > ul.slide > li > ul.list > li.iconBehind:before,
.cmpMain2 > ul.slide > li > ul.list > li.iconBehind:before {
  top: 50%;
  left: 38px;
  width: 22px;
  height: 23px;
  margin-top: -11.5px;
  background-position: -149px -469px;
}

.cmpMain > ul.slide > li > ul.list > li.iconSearch:before,
.cmpMain2 > ul.slide > li > ul.list > li.iconSearch:before {
  top: 50%;
  left: 38px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background-position: -348px -469px;
}

.cmpMain > ul.slide > li > ul.list > li.iconPresent:before,
.cmpMain2 > ul.slide > li > ul.list > li.iconPresent:before {
  top: 50%;
  left: 38px;
  width: 24px;
  height: 22px;
  margin-top: -11px;
  background-position: -463px -469px;
}

.cmpMain > ul.nav,
.cmpMain2 > ul.nav {
  line-height: 1;
  position: absolute;
  z-index: 1000;
  top: 510px;
  right: 40px;
  margin-top: -20px;
}

.cmpMain > ul.nav > li,
.cmpMain2 > ul.nav > li {
  float: left;
  width: 15px;
  height: 15px;
  margin-left: 6px;
  opacity: .6;
  border-radius: 15px;
  background-color: #e5e5e5;
  -ms-filter: 'alpha(opacity=60)';
}

.cmpMain > ul.nav > li > a,
.cmpMain2 > ul.nav > li > a {
  overflow: hidden;
  width: 21px;
  height: 21px;
  margin: -3px;
}

.cmpMain > ul.nav > li > a > span,
.cmpMain2 > ul.nav > li > a > span {
  font-size: 10px;
  font-size: 1rem;
  margin-left: 30px;
}

.cmpMain > ul.nav > li > .data:after,
.cmpMain2 > ul.nav > li > .data:after {
  display: none;
}

.cmpMain > ul.nav > li:hover,
.cmpMain2 > ul.nav > li:hover {
  opacity: .4;
  -ms-filter: 'alpha(opacity=40)';
}

.cmpMain > ul.nav > li.isCurrent,
.cmpMain2 > ul.nav > li.isCurrent {
  opacity: 1.0;
  background-color: #e5e5e5;
  -ms-filter: 'alpha(opacity=100)';
}

.cmpMain > ul.nav > li.isCurrent a,
.cmpMain2 > ul.nav > li.isCurrent a {
  cursor: default;
}

.cmpMain2 {
  overflow: hidden;
}

.cmpMain2 > .slide > li {
  height: 540px;
}

.cmpMain2 > .thumb.typeMovie {
  position: relative;
  float: right;
  width: 900px;
  height: 540px;
  margin-top: -1px;
  margin-right: -1px;
  margin-bottom: -1px;
  margin-left: 0;
}

.cmpMain2 > .thumb.typeMovie:after {
  position: absolute;
  z-index: 10;
  top: 60px;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-left-color: #fff;
}

.cmpMain + .cmpColumn.typeDetail,
.cmpMain2 + .cmpColumn.typeDetail {
  border-top: none !important;
}

.navChannel {
  position: relative;
  padding: 30px 120px;
  border: 1px solid gainsboro;
  border-width: 0 1px 1px;
  background-color: #f5f7f8;
}

.navChannel > .slideWrap {
  overflow: hidden;
  width: 100%;
}

.navChannel > .slideWrap > ul.slide {
  width: 2000%;
}

.navChannel > .slideWrap > ul.slide li {
  float: left;
  padding: 10px;
}

.navChannel > .slideWrap > ul.slide li a {
  width: 100%;
}

.navChannel > .slideWrap > ul.slide li img {
  border: 10px solid transparent;
}

.navChannel > .slideWrap > ul.slide li.isCurrent img {
  border-color: #0093d0;
}

.navChannel > ul.navController {
  position: absolute;
  top: 50%;
  width: 94%;
  height: 1px;
  margin-top: -30px;
  margin-left: -85px;
}

.navChannel > ul.navController li {
  float: left;
}

.navChannel > ul.navController li.next {
  float: right;
}

.cmpMovie {
  border: 1px solid gainsboro;
}

.cmpMovie > ul.movie {
  position: relative;
  float: right;
  width: 900px;
  height: 540px;
  background-color: #000;
}

.cmpMovie > ul.movie > li {
  position: absolute;
  top: 0;
  left: 0;
}

.cmpMovie > ul.movie > li:first-child {
  position: relative;
  z-index: 1;
}

.cmpMovie > .data {
  font-size: 13px;
  font-size: 1.3rem;
  position: relative;
  z-index: 1;
  float: left;
  width: 298px;
  height: 538px;
}

.cmpMovie > .data:after {
  position: absolute;
  z-index: 1;
  top: 60px;
  left: 100.5%;
  left: 98.5%;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-left-color: white;
}

.cmpMovie > .data > .logo {
  display: table;
  width: 100%;
}

.cmpMovie > .data > .logo > span {
  display: table-cell;
  height: 180px;
  text-align: center;
  vertical-align: middle;
}

.cmpMovie > .data .slideWrap {
  overflow: hidden;
  height: 300px;
  border-top: 1px solid gainsboro;
}

.cmpMovie > .data .slideWrap ul.slide {
  position: relative;
  top: 0;
  left: 0;
}

.cmpMovie > .data .slideWrap ul.slide > li > a {
  position: relative;
  display: block;
  height: 100px;
  padding: 20px 10px 10px 160px;
  border-bottom: 1px solid gainsboro;
}

.cmpMovie > .data .slideWrap ul.slide > li > a:hover {
  text-decoration: none;
}

.cmpMovie > .data .slideWrap ul.slide > li > a:hover .title {
  text-decoration: underline;
}

.cmpMovie > .data .slideWrap ul.slide > li > a > .title {
  font-weight: bold;
}

.cmpMovie > .data .slideWrap ul.slide > li > a > .time {
  color: #777;
}

.cmpMovie > .data .slideWrap ul.slide > li > a > img {
  position: absolute;
  top: 19px;
  left: 40px;
}

.cmpMovie > .data .slideWrap ul.slide > li.isCurrent {
  background-color: #f5f7f8;
}

.cmpMovie > .data .slideWrap ul.slide > li.isCurrent > a .title {
  color: #0093d0;
}

.cmpMovie > .data .label {
  font-weight: bold;
  line-height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 110px 0 40px;
  border-top: 1px solid gainsboro;
  background-color: #fff;
}

.cmpMovie > .data .label > .playing {
  display: inline-block;
  margin-left: 5px;
}

.cmpMovie > .data ul.nav {
  position: absolute;
  right: 5px;
  bottom: 10px;
}

.cmpMovie > .data ul.nav > li {
  display: inline-block;
}

.cmpMovie > .data ul.nav > li > a {
  display: block;
  overflow: hidden;
  width: 50px !important;
  height: 30px !important;
}

.cmpMovie > .data ul.nav > li > a:before {
  top: 50%;
  right: 50%;
  width: 13px;
  height: 9px;
  margin-top: -4.5px;
  margin-right: -6.5px;
  background-position: -384px -526px;
}

.cmpMovie > .data ul.nav > li > a > span {
  display: inline-block;
  margin-top: 4em;
}

.cmpMovie > .data ul.nav > li.prev > a {
  border-right: 1px solid gainsboro;
}

.cmpMovie > .data ul.nav > li.prev > a:before {
  top: 50%;
  right: 50%;
  width: 13px;
  height: 9px;
  margin-top: -4.5px;
  margin-right: -6.5px;
  background-position: -365px -526px;
}

.cmpMovie > .data ul.nav > li.isInvalid {
  opacity: .3;
  -ms-filter: 'alpha(opacity=30)';
}

.cmpMovie > .data ul.nav > li.isInvalid a {
  cursor: default;
}

.cmpMovie > .data ul.nav > li.isInvalid a span {
  display: none;
}

.cmpMovie2 {
  position: relative;
}

.cmpMovie2 .slideWrap {
  overflow: hidden;
  width: 100%;
  max-width: 720px;
}

.cmpMovie2 .slideWrap > ul.slide {
  position: relative;
  left: 0;
  width: 2000%;
  -webkit-transition: left .5s;
  transition: left .5s;
}

.cmpMovie2 .slideWrap > ul.slide > li {
  position: relative;
  display: inline-block;
  float: left;
  width: 5%;
  height: 50%;
  padding-top: 3%;
}

.cmpMovie2 .slideWrap > ul.slide > li > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.cmpMovie2 ul.navController1 {
  position: absolute;
  top: 50%;
  margin-top: -25px;
}

.cmpMovie2 ul.navController1 > li {
  position: relative;
  left: -35px;
}

.cmpMovie2 ul.navController1 > li.next {
  right: -35px;
  left: auto;
}

.cmpImage {
  position: relative;
}

.cmpImage .slideWrap {
  overflow: hidden;
  width: 100%;
  max-width: 720px;
}

.cmpImage .slideWrap > ul.slide {
  position: relative;
  left: 0;
  width: 4000%;
  -webkit-transition: left .5s;
  transition: left .5s;
}

.cmpImage .slideWrap > ul.slide > li {
  position: relative;
  display: inline-block;
  float: left;
  width: 2.5%;
  height: 100%;
  text-align: center;
}

.cmpImage .slideWrap > ul.slide > li p.caption {
  display: block;
  margin-top: 10px;
}

.cmpImage ul.navController1 {
  position: absolute;
  top: 50%;
  margin-top: -25px;
}

.cmpImage ul.navController1 > li {
  position: relative;
  left: -35px;
}

.cmpImage ul.navController1 > li.next {
  right: -35px;
  left: auto;
}

.cmpImage2 {
  position: relative;
}

.cmpImage2 .slideWrap {
  overflow: hidden;
  width: 100%;
}

.cmpImage2 .slideWrap > ul.slide {
  position: relative;
  left: 0;
  width: 4000%;
  -webkit-transition: left .5s;
  transition: left .5s;
}

.cmpImage2 .slideWrap > ul.slide > li {
  position: relative;
  display: inline-block;
  float: left;
  width: 2.5%;
  height: 100%;
}

.cmpImage2 .slideWrap > ul.slide > li .column.img {
  margin-bottom: 0;
}

.cmpImage2 ul.navController1 {
  position: absolute;
  top: 50%;
  margin-top: -25px;
}

.cmpImage2 ul.navController1 > li {
  position: relative;
}

.cmpImage2 ul.navController1 > li.next {
  left: auto;
}

.cmpItem {
  position: relative;
  border: 1px solid gainsboro;
  background-color: #fff;
}

.cmpItem a:hover {
  text-decoration: none;
}

.cmpItem a .lead:hover {
  text-decoration: underline;
}

.cmpItem .text {
  color: #777;
}

.cmpItem .linkBa {
  position: absolute;
  bottom: 43px;
  padding: 0 50px;
}

.cmpItem > .slideWrap {
  position: relative;
  float: left;
  overflow: hidden;
  width: 599px;
  border-right: 1px solid gainsboro;
}

.cmpItem > .slideWrap > ul.slide {
  position: relative;
  left: 0;
  width: 1000%;
  height: 788px;
  -webkit-transition: left .5s;
  transition: left .5s;
  background-color: #f5f7f8;
}

.cmpItem > .slideWrap > ul.slide > li {
  position: relative;
  display: inline-block;
  float: left;
  width: 598px;
  height: 100%;
}

.cmpItem > .slideWrap > ul.slide > li > a,
.cmpItem > .slideWrap > ul.slide > li > div {
  width: 100%;
}

.cmpItem > .slideWrap > ul.slide > li > a > .thumb,
.cmpItem > .slideWrap > ul.slide > li > div > .thumb {
  width: 600px;
  height: 450px;
}

.cmpItem > .slideWrap > ul.slide > li > a > .thumb img,
.cmpItem > .slideWrap > ul.slide > li > div > .thumb img {
  width: 100%;
}

.cmpItem > .slideWrap > ul.slide > li > a > .thumb > a,
.cmpItem > .slideWrap > ul.slide > li > a > .thumb > div,
.cmpItem > .slideWrap > ul.slide > li > div > .thumb > a,
.cmpItem > .slideWrap > ul.slide > li > div > .thumb > div {
  width: 100%;
}

.cmpItem > .slideWrap > ul.slide > li > a > .thumb > a img,
.cmpItem > .slideWrap > ul.slide > li > a > .thumb > div img,
.cmpItem > .slideWrap > ul.slide > li > div > .thumb > a img,
.cmpItem > .slideWrap > ul.slide > li > div > .thumb > div img {
  width: 100%;
}

.cmpItem > .slideWrap > ul.slide > li > a > .lead,
.cmpItem > .slideWrap > ul.slide > li > div > .lead {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.2;
  position: relative;
  margin-bottom: 0;
  padding: 50px 50px 40px;
}

.cmpItem > .slideWrap > ul.slide > li > a > .lead:after,
.cmpItem > .slideWrap > ul.slide > li > div > .lead:after {
  position: absolute;
  z-index: 1;
  top: 1px;
  top: -48px;
  left: 51px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-bottom-color: #f5f7f8;
}

.cmpItem > .slideWrap > ul.slide > li > a + .text1,
.cmpItem > .slideWrap > ul.slide > li > div + .text1 {
  padding-top: 35px;
}

.cmpItem > .slideWrap > ul.slide > li > .text,
.cmpItem > .slideWrap > ul.slide > li > .text1 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 1.5em;
  padding: 0 50px;
}

.cmpItem > .slideWrap > ul.slide.typeAutoH {
  height: auto !important;
}

.cmpItem > .slideWrap > ul.slide.typeAutoH > li > a > .thumb,
.cmpItem > .slideWrap > ul.slide.typeAutoH > li > div > .thumb,
.cmpItem > .slideWrap > ul.slide.typeAutoH > li > .thumb {
  height: auto !important;
}

.cmpItem > .slideWrap > ul.slide.typeAutoH > li > a > .thumb a,
.cmpItem > .slideWrap > ul.slide.typeAutoH > li > div > .thumb a,
.cmpItem > .slideWrap > ul.slide.typeAutoH > li > .thumb a {
  vertical-align: bottom;
}

.cmpItem > .slideWrap .listLinkTy3 {
  position: absolute;
  bottom: 43px;
  margin: 0;
  padding: 0 160px 0 50px;
}

.cmpItem > .slideWrap .listLinkTy3 > li {
  margin: 0;
  margin-left: 20px;
  padding-right: 0;
}

.cmpItem > .slideWrap .listLinkTy3 > li:first-child {
  margin-left: 0;
}

.cmpItem > .slideWrap .listLinkTy3 > li.iconShopping > a,
.cmpItem > .slideWrap .listLinkTy3 > li.iconSite > a,
.cmpItem > .slideWrap .listLinkTy3 > li.iconInfo > a,
.cmpItem > .slideWrap .listLinkTy3 > li.iconTicket > a,
.cmpItem > .slideWrap .listLinkTy3 > li.iconTrailer > a {
  padding-left: 28px;
}

.cmpItem > .slideWrap .listLinkTy3 > li.iconShopping > a:before,
.cmpItem > .slideWrap .listLinkTy3 > li.iconSite > a:before,
.cmpItem > .slideWrap .listLinkTy3 > li.iconInfo > a:before,
.cmpItem > .slideWrap .listLinkTy3 > li.iconTicket > a:before,
.cmpItem > .slideWrap .listLinkTy3 > li.iconTrailer > a:before {
  border-radius: 0;
  background-color: inherit;
}

.cmpItem > .slideWrap .listLinkTy3 > li.iconShopping > a:after,
.cmpItem > .slideWrap .listLinkTy3 > li.iconSite > a:after,
.cmpItem > .slideWrap .listLinkTy3 > li.iconInfo > a:after,
.cmpItem > .slideWrap .listLinkTy3 > li.iconTicket > a:after,
.cmpItem > .slideWrap .listLinkTy3 > li.iconTrailer > a:after {
  display: none;
}

.cmpItem > .slideWrap .listLinkTy3 > li.iconShopping > a:before {
  top: 50%;
  left: 0;
  width: 22px;
  height: 23px;
  margin-top: -11.5px;
  background-position: -235px -469px;
}

.cmpItem > .slideWrap .listLinkTy3 > li.iconSite > a:before {
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background-position: -349px -498px;
}

.cmpItem > .slideWrap .listLinkTy3 > li.iconInfo > a:before {
  top: 50%;
  left: 0;
  width: 22px;
  height: 24px;
  margin-top: -12px;
  background-position: -491px -333px;
}

.cmpItem > .slideWrap .listLinkTy3 > li.iconTicket > a:before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-position: -491px -63px;
}

.cmpItem > .slideWrap .listLinkTy3 > li.iconTrailer > a:before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 15px;
  margin-top: -7.5px;
  background-position: -130px -526px;
}

.cmpItem > ul.nav {
  position: absolute;
  right: 650px;
  bottom: 30px;
}

.cmpItem > ul.nav > li {
  float: left;
  margin-left: 7px;
}

.cmpItem > ul.nav > li > a {
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid #c1c1c1;
  border-radius: 50px;
}

.cmpItem > ul.nav > li > a:before {
  top: 50%;
  left: 50%;
  width: 11px;
  height: 17px;
  margin-top: -8.5px;
  margin-left: -5.5px;
  background-position: -455px -498px;
}

.cmpItem > ul.nav > li > a > span {
  position: relative;
  z-index: -1;
}

.cmpItem > ul.nav > li.prev > a:before {
  top: 50%;
  left: 50%;
  width: 11px;
  height: 17px;
  margin-top: -8.5px;
  margin-left: -5.5px;
  background-position: -489px -498px;
}

.cmpItem > ul.nav > li.isInvalid {
  opacity: .3;
  -ms-filter: 'alpha(opacity=30)';
}

.cmpItem > ul.nav > li.isInvalid a {
  cursor: default;
}

.cmpItem > ul.nav > li.isInvalid a span {
  display: none;
}

.cmpItem > ul.item {
  float: right;
  width: 600px;
  height: 788px;
  margin: 0 -1px 0 0;
}

.cmpItem > ul.item > li {
  position: relative;
  float: left;
  overflow: hidden;
  width: 300px;
  height: 449px;
}

.cmpItem > ul.item > li:first-child {
  border-right: 1px solid gainsboro;
}

.cmpItem > ul.item > li > a,
.cmpItem > ul.item > li > div {
  display: block;
  width: 100%;
}

.cmpItem > ul.item > li > a > .thumb,
.cmpItem > ul.item > li > div > .thumb {
  width: 299px;
  height: 210px;
}

.cmpItem > ul.item > li > a > .thumb img,
.cmpItem > ul.item > li > div > .thumb img {
  width: 100%;
  height: 100%;
}

.cmpItem > ul.item > li > a > .lead,
.cmpItem > ul.item > li > div > .lead {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
  position: relative;
  margin-bottom: 0;
  padding: 30px 40px 20px;
}

.cmpItem > ul.item > li > a > .lead:after,
.cmpItem > ul.item > li > div > .lead:after {
  position: absolute;
  z-index: 1;
  top: 0;
  top: -39px;
  left: 41px;
  width: 0;
  height: 0;
  content: '';
  border: 20px solid transparent;
  border-bottom-color: white;
}

.cmpItem > ul.item > li > .data > .text,
.cmpItem > ul.item > li > .data > .text1 {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 40px;
}

.cmpItem > ul.item > li > .data > .text1:first-child {
  padding-top: 25px;
}

.cmpItem > ul.item > li > .data > .linkBa {
  padding: 0 40px;
}

.cmpItem > ul.item > li.type1,
.cmpItem > ul.item > li.type2,
.cmpItem > ul.item > li.type3 {
  clear: both;
  width: 600px;
  height: 340px;
  border: 1px solid gainsboro;
  border-width: 0 1px 1px 0;
}

.cmpItem > ul.item > li.type1 > a,
.cmpItem > ul.item > li.type1 > div,
.cmpItem > ul.item > li.type2 > a,
.cmpItem > ul.item > li.type2 > div,
.cmpItem > ul.item > li.type3 > a,
.cmpItem > ul.item > li.type3 > div {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: default;
}

.cmpItem > ul.item > li.type1 > a > .thumb,
.cmpItem > ul.item > li.type1 > div > .thumb,
.cmpItem > ul.item > li.type2 > a > .thumb,
.cmpItem > ul.item > li.type2 > div > .thumb,
.cmpItem > ul.item > li.type3 > a > .thumb,
.cmpItem > ul.item > li.type3 > div > .thumb {
  float: right;
  width: 50%;
  height: auto;
  margin: 0;
}

.cmpItem > ul.item > li.type1 > a > .data,
.cmpItem > ul.item > li.type1 > div > .data,
.cmpItem > ul.item > li.type2 > a > .data,
.cmpItem > ul.item > li.type2 > div > .data,
.cmpItem > ul.item > li.type3 > a > .data,
.cmpItem > ul.item > li.type3 > div > .data {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
}

.cmpItem > ul.item > li.type1 > a > .data > .text1:first-child,
.cmpItem > ul.item > li.type1 > div > .data > .text1:first-child,
.cmpItem > ul.item > li.type2 > a > .data > .text1:first-child,
.cmpItem > ul.item > li.type2 > div > .data > .text1:first-child,
.cmpItem > ul.item > li.type3 > a > .data > .text1:first-child,
.cmpItem > ul.item > li.type3 > div > .data > .text1:first-child {
  padding-top: 25px;
}

.cmpItem > ul.item > li.type1 > a .lead,
.cmpItem > ul.item > li.type1 > div .lead,
.cmpItem > ul.item > li.type2 > a .lead,
.cmpItem > ul.item > li.type2 > div .lead,
.cmpItem > ul.item > li.type3 > a .lead,
.cmpItem > ul.item > li.type3 > div .lead {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 0;
  padding: 60px 40px 25px;
}

.cmpItem > ul.item > li.type1 > a .text,
.cmpItem > ul.item > li.type1 > a .text1,
.cmpItem > ul.item > li.type1 > div .text,
.cmpItem > ul.item > li.type1 > div .text1,
.cmpItem > ul.item > li.type2 > a .text,
.cmpItem > ul.item > li.type2 > a .text1,
.cmpItem > ul.item > li.type2 > div .text,
.cmpItem > ul.item > li.type2 > div .text1,
.cmpItem > ul.item > li.type3 > a .text,
.cmpItem > ul.item > li.type3 > a .text1,
.cmpItem > ul.item > li.type3 > div .text,
.cmpItem > ul.item > li.type3 > div .text1 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0;
  padding: 0 40px;
}

.cmpItem > ul.item > li.type1 > a .linkBa,
.cmpItem > ul.item > li.type1 > div .linkBa,
.cmpItem > ul.item > li.type2 > a .linkBa,
.cmpItem > ul.item > li.type2 > div .linkBa,
.cmpItem > ul.item > li.type3 > a .linkBa,
.cmpItem > ul.item > li.type3 > div .linkBa {
  float: left;
  padding: 0 40px;
}

.cmpItem > ul.item > li.type1.isColorDark > a,
.cmpItem > ul.item > li.type1.isColorDark > div,
.cmpItem > ul.item > li.type1.isColorGray > a,
.cmpItem > ul.item > li.type1.isColorGray > div,
.cmpItem > ul.item > li.type2.isColorDark > a,
.cmpItem > ul.item > li.type2.isColorDark > div,
.cmpItem > ul.item > li.type2.isColorGray > a,
.cmpItem > ul.item > li.type2.isColorGray > div,
.cmpItem > ul.item > li.type3.isColorDark > a,
.cmpItem > ul.item > li.type3.isColorDark > div,
.cmpItem > ul.item > li.type3.isColorGray > a,
.cmpItem > ul.item > li.type3.isColorGray > div {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: default;
  color: #fff;
}

.cmpItem > ul.item > li.type1.isColorDark > a:after,
.cmpItem > ul.item > li.type1.isColorDark > div:after,
.cmpItem > ul.item > li.type1.isColorGray > a:after,
.cmpItem > ul.item > li.type1.isColorGray > div:after,
.cmpItem > ul.item > li.type2.isColorDark > a:after,
.cmpItem > ul.item > li.type2.isColorDark > div:after,
.cmpItem > ul.item > li.type2.isColorGray > a:after,
.cmpItem > ul.item > li.type2.isColorGray > div:after,
.cmpItem > ul.item > li.type3.isColorDark > a:after,
.cmpItem > ul.item > li.type3.isColorDark > div:after,
.cmpItem > ul.item > li.type3.isColorGray > a:after,
.cmpItem > ul.item > li.type3.isColorGray > div:after {
  display: none;
}

.cmpItem > ul.item > li.type1.isColorDark > a > .thumb,
.cmpItem > ul.item > li.type1.isColorDark > div > .thumb,
.cmpItem > ul.item > li.type1.isColorGray > a > .thumb,
.cmpItem > ul.item > li.type1.isColorGray > div > .thumb,
.cmpItem > ul.item > li.type2.isColorDark > a > .thumb,
.cmpItem > ul.item > li.type2.isColorDark > div > .thumb,
.cmpItem > ul.item > li.type2.isColorGray > a > .thumb,
.cmpItem > ul.item > li.type2.isColorGray > div > .thumb,
.cmpItem > ul.item > li.type3.isColorDark > a > .thumb,
.cmpItem > ul.item > li.type3.isColorDark > div > .thumb,
.cmpItem > ul.item > li.type3.isColorGray > a > .thumb,
.cmpItem > ul.item > li.type3.isColorGray > div > .thumb {
  float: right;
  width: 50%;
  height: auto;
  margin: 0;
}

.cmpItem > ul.item > li.type1.isColorDark > a > .data,
.cmpItem > ul.item > li.type1.isColorDark > div > .data,
.cmpItem > ul.item > li.type1.isColorGray > a > .data,
.cmpItem > ul.item > li.type1.isColorGray > div > .data,
.cmpItem > ul.item > li.type2.isColorDark > a > .data,
.cmpItem > ul.item > li.type2.isColorDark > div > .data,
.cmpItem > ul.item > li.type2.isColorGray > a > .data,
.cmpItem > ul.item > li.type2.isColorGray > div > .data,
.cmpItem > ul.item > li.type3.isColorDark > a > .data,
.cmpItem > ul.item > li.type3.isColorDark > div > .data,
.cmpItem > ul.item > li.type3.isColorGray > a > .data,
.cmpItem > ul.item > li.type3.isColorGray > div > .data {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
}

.cmpItem > ul.item > li.type1.isColorDark > a .lead,
.cmpItem > ul.item > li.type1.isColorDark > div .lead,
.cmpItem > ul.item > li.type1.isColorGray > a .lead,
.cmpItem > ul.item > li.type1.isColorGray > div .lead,
.cmpItem > ul.item > li.type2.isColorDark > a .lead,
.cmpItem > ul.item > li.type2.isColorDark > div .lead,
.cmpItem > ul.item > li.type2.isColorGray > a .lead,
.cmpItem > ul.item > li.type2.isColorGray > div .lead,
.cmpItem > ul.item > li.type3.isColorDark > a .lead,
.cmpItem > ul.item > li.type3.isColorDark > div .lead,
.cmpItem > ul.item > li.type3.isColorGray > a .lead,
.cmpItem > ul.item > li.type3.isColorGray > div .lead {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 0;
  padding: 60px 40px 25px;
}

.cmpItem > ul.item > li.type1.isColorDark > a .lead:after,
.cmpItem > ul.item > li.type1.isColorDark > div .lead:after,
.cmpItem > ul.item > li.type1.isColorGray > a .lead:after,
.cmpItem > ul.item > li.type1.isColorGray > div .lead:after,
.cmpItem > ul.item > li.type2.isColorDark > a .lead:after,
.cmpItem > ul.item > li.type2.isColorDark > div .lead:after,
.cmpItem > ul.item > li.type2.isColorGray > a .lead:after,
.cmpItem > ul.item > li.type2.isColorGray > div .lead:after,
.cmpItem > ul.item > li.type3.isColorDark > a .lead:after,
.cmpItem > ul.item > li.type3.isColorDark > div .lead:after,
.cmpItem > ul.item > li.type3.isColorGray > a .lead:after,
.cmpItem > ul.item > li.type3.isColorGray > div .lead:after {
  display: none;
}

.cmpItem > ul.item > li.type1.isColorDark > a .text,
.cmpItem > ul.item > li.type1.isColorDark > a .text1,
.cmpItem > ul.item > li.type1.isColorDark > div .text,
.cmpItem > ul.item > li.type1.isColorDark > div .text1,
.cmpItem > ul.item > li.type1.isColorGray > a .text,
.cmpItem > ul.item > li.type1.isColorGray > a .text1,
.cmpItem > ul.item > li.type1.isColorGray > div .text,
.cmpItem > ul.item > li.type1.isColorGray > div .text1,
.cmpItem > ul.item > li.type2.isColorDark > a .text,
.cmpItem > ul.item > li.type2.isColorDark > a .text1,
.cmpItem > ul.item > li.type2.isColorDark > div .text,
.cmpItem > ul.item > li.type2.isColorDark > div .text1,
.cmpItem > ul.item > li.type2.isColorGray > a .text,
.cmpItem > ul.item > li.type2.isColorGray > a .text1,
.cmpItem > ul.item > li.type2.isColorGray > div .text,
.cmpItem > ul.item > li.type2.isColorGray > div .text1,
.cmpItem > ul.item > li.type3.isColorDark > a .text,
.cmpItem > ul.item > li.type3.isColorDark > a .text1,
.cmpItem > ul.item > li.type3.isColorDark > div .text,
.cmpItem > ul.item > li.type3.isColorDark > div .text1,
.cmpItem > ul.item > li.type3.isColorGray > a .text,
.cmpItem > ul.item > li.type3.isColorGray > a .text1,
.cmpItem > ul.item > li.type3.isColorGray > div .text,
.cmpItem > ul.item > li.type3.isColorGray > div .text1 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0;
  padding: 0 40px;
  color: #aaa;
}

.cmpItem > ul.item > li.type1.isColorDark > a .linkBa,
.cmpItem > ul.item > li.type1.isColorDark > div .linkBa,
.cmpItem > ul.item > li.type1.isColorGray > a .linkBa,
.cmpItem > ul.item > li.type1.isColorGray > div .linkBa,
.cmpItem > ul.item > li.type2.isColorDark > a .linkBa,
.cmpItem > ul.item > li.type2.isColorDark > div .linkBa,
.cmpItem > ul.item > li.type2.isColorGray > a .linkBa,
.cmpItem > ul.item > li.type2.isColorGray > div .linkBa,
.cmpItem > ul.item > li.type3.isColorDark > a .linkBa,
.cmpItem > ul.item > li.type3.isColorDark > div .linkBa,
.cmpItem > ul.item > li.type3.isColorGray > a .linkBa,
.cmpItem > ul.item > li.type3.isColorGray > div .linkBa {
  float: left;
  padding: 0 40px;
}

.cmpItem > ul.item > li.type1.isColorDark > a .linkBa span,
.cmpItem > ul.item > li.type1.isColorDark > div .linkBa span,
.cmpItem > ul.item > li.type1.isColorGray > a .linkBa span,
.cmpItem > ul.item > li.type1.isColorGray > div .linkBa span,
.cmpItem > ul.item > li.type2.isColorDark > a .linkBa span,
.cmpItem > ul.item > li.type2.isColorDark > div .linkBa span,
.cmpItem > ul.item > li.type2.isColorGray > a .linkBa span,
.cmpItem > ul.item > li.type2.isColorGray > div .linkBa span,
.cmpItem > ul.item > li.type3.isColorDark > a .linkBa span,
.cmpItem > ul.item > li.type3.isColorDark > div .linkBa span,
.cmpItem > ul.item > li.type3.isColorGray > a .linkBa span,
.cmpItem > ul.item > li.type3.isColorGray > div .linkBa span {
  color: #fff;
}

.cmpItem > ul.item > li.type1.isColorDark > a .linkBa span:before,
.cmpItem > ul.item > li.type1.isColorDark > div .linkBa span:before,
.cmpItem > ul.item > li.type1.isColorGray > a .linkBa span:before,
.cmpItem > ul.item > li.type1.isColorGray > div .linkBa span:before,
.cmpItem > ul.item > li.type2.isColorDark > a .linkBa span:before,
.cmpItem > ul.item > li.type2.isColorDark > div .linkBa span:before,
.cmpItem > ul.item > li.type2.isColorGray > a .linkBa span:before,
.cmpItem > ul.item > li.type2.isColorGray > div .linkBa span:before,
.cmpItem > ul.item > li.type3.isColorDark > a .linkBa span:before,
.cmpItem > ul.item > li.type3.isColorDark > div .linkBa span:before,
.cmpItem > ul.item > li.type3.isColorGray > a .linkBa span:before,
.cmpItem > ul.item > li.type3.isColorGray > div .linkBa span:before {
  background-color: #fff;
}

.cmpItem > ul.item > li.type1.isColorDark > a .linkBa span:after,
.cmpItem > ul.item > li.type1.isColorDark > div .linkBa span:after,
.cmpItem > ul.item > li.type1.isColorGray > a .linkBa span:after,
.cmpItem > ul.item > li.type1.isColorGray > div .linkBa span:after,
.cmpItem > ul.item > li.type2.isColorDark > a .linkBa span:after,
.cmpItem > ul.item > li.type2.isColorDark > div .linkBa span:after,
.cmpItem > ul.item > li.type2.isColorGray > a .linkBa span:after,
.cmpItem > ul.item > li.type2.isColorGray > div .linkBa span:after,
.cmpItem > ul.item > li.type3.isColorDark > a .linkBa span:after,
.cmpItem > ul.item > li.type3.isColorDark > div .linkBa span:after,
.cmpItem > ul.item > li.type3.isColorGray > a .linkBa span:after,
.cmpItem > ul.item > li.type3.isColorGray > div .linkBa span:after {
  top: 5px;
  left: 8px;
  width: 6px;
  height: 9px;
  margin-top: 0;
  background-position: -540px -112px;
}

.cmpItem > ul.item > li.type1.isColorGray > a,
.cmpItem > ul.item > li.type1.isColorGray > div,
.cmpItem > ul.item > li.type2.isColorGray > a,
.cmpItem > ul.item > li.type2.isColorGray > div,
.cmpItem > ul.item > li.type3.isColorGray > a,
.cmpItem > ul.item > li.type3.isColorGray > div {
  color: #333;
}

.cmpItem > ul.item > li.type1.isColorGray > a .text,
.cmpItem > ul.item > li.type1.isColorGray > a .text1,
.cmpItem > ul.item > li.type1.isColorGray > div .text,
.cmpItem > ul.item > li.type1.isColorGray > div .text1,
.cmpItem > ul.item > li.type2.isColorGray > a .text,
.cmpItem > ul.item > li.type2.isColorGray > a .text1,
.cmpItem > ul.item > li.type2.isColorGray > div .text,
.cmpItem > ul.item > li.type2.isColorGray > div .text1,
.cmpItem > ul.item > li.type3.isColorGray > a .text,
.cmpItem > ul.item > li.type3.isColorGray > a .text1,
.cmpItem > ul.item > li.type3.isColorGray > div .text,
.cmpItem > ul.item > li.type3.isColorGray > div .text1 {
  color: #333;
}

.cmpItem > ul.item > li.type1.isColorGray > a .linkBa span,
.cmpItem > ul.item > li.type1.isColorGray > div .linkBa span,
.cmpItem > ul.item > li.type2.isColorGray > a .linkBa span,
.cmpItem > ul.item > li.type2.isColorGray > div .linkBa span,
.cmpItem > ul.item > li.type3.isColorGray > a .linkBa span,
.cmpItem > ul.item > li.type3.isColorGray > div .linkBa span {
  color: #333;
}

.cmpItem > ul.item > li.type1.isColorGray > a .linkBa span:before,
.cmpItem > ul.item > li.type1.isColorGray > div .linkBa span:before,
.cmpItem > ul.item > li.type2.isColorGray > a .linkBa span:before,
.cmpItem > ul.item > li.type2.isColorGray > div .linkBa span:before,
.cmpItem > ul.item > li.type3.isColorGray > a .linkBa span:before,
.cmpItem > ul.item > li.type3.isColorGray > div .linkBa span:before {
  background-color: #0093d0;
}

.cmpItem > ul.item > li.type1.isColorGray > a .linkBa span:after,
.cmpItem > ul.item > li.type1.isColorGray > div .linkBa span:after,
.cmpItem > ul.item > li.type2.isColorGray > a .linkBa span:after,
.cmpItem > ul.item > li.type2.isColorGray > div .linkBa span:after,
.cmpItem > ul.item > li.type3.isColorGray > a .linkBa span:after,
.cmpItem > ul.item > li.type3.isColorGray > div .linkBa span:after {
  top: 5px;
  left: 8px;
  width: 6px;
  height: 9px;
  margin-top: 0;
  background-position: -540px -84px;
}

.cmpItem > ul.item > li.type1 {
  overflow: hidden;
  border-top: 1px solid gainsboro;
}

.cmpItem > ul.item > li.type2 + .type1 {
  border-top: none;
}

.cmpItem > ul.item > li.type2 {
  height: 449px;
}

.cmpItem > ul.item > li.type2 > a .lead,
.cmpItem > ul.item > li.type2 > div .lead {
  font-size: 24px;
  font-size: 2.4rem;
  position: relative;
  margin-bottom: 0;
  padding: 60px 40px 25px;
}

.cmpItem > ul.item > li.type2 > a .lead:after,
.cmpItem > ul.item > li.type2 > div .lead:after {
  position: absolute;
  z-index: 1;
  top: 40px;
  left: 100.5%;
  left: 98.5%;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-left-color: white;
}

.cmpItem > ul.item > li.type2 > a .lead:after,
.cmpItem > ul.item > li.type2 > div .lead:after {
  display: inline-block;
}

.cmpItem > ul.item > li.type3 {
  margin: 0;
  border-top: 1px solid gainsboro;
}

.cmpItem > ul.item > li.type3 iframe {
  width: 100%;
  height: 338px;
}

.cmpItem.slideR > .slideWrap {
  float: right;
  border-right: none;
  border-left: 1px solid gainsboro;
}

.cmpItem.slideR > .nav {
  right: 50px;
}

.cmpItem.slideR > .item {
  margin: 0 0 0 -1px;
}

.cmpItem.slideR > .item li {
  border-right: none !important;
}

.cmpItem.slideOnly > .slideWrap {
  top: 0;
  float: none;
  width: 100%;
  border-right: none;
}

.cmpItem.slideOnly > .slideWrap > ul.slide {
  height: 450px;
}

.cmpItem.slideOnly > .slideWrap > ul.slide > li {
  width: 1200px;
}

.cmpItem.slideOnly > .slideWrap > ul.slide > li > .thumb {
  float: left;
  width: 50%;
  height: 450px;
  margin: -1px 0 0 -1px;
}

.cmpItem.slideOnly > .slideWrap > ul.slide > li > .thumb > a,
.cmpItem.slideOnly > .slideWrap > ul.slide > li > .thumb > div {
  width: 100%;
}

.cmpItem.slideOnly > .slideWrap > ul.slide > li > .thumb > a img,
.cmpItem.slideOnly > .slideWrap > ul.slide > li > .thumb > div img {
  width: 100%;
}

.cmpItem.slideOnly > .slideWrap > ul.slide > li > .lead {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.2;
  position: relative;
  float: left;
  width: 50%;
  margin-bottom: 0;
  padding: 50px 50px 40px;
}

.cmpItem.slideOnly > .slideWrap > ul.slide > li > .lead:after {
  position: absolute;
  z-index: 1;
  top: 50px;
  left: -49px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-right-color: #f5f7f8;
}

.cmpItem.slideOnly > .slideWrap > ul.slide > li > .text {
  font-size: 18px;
  font-size: 1.8rem;
  float: left;
  width: 50%;
  margin-bottom: 1.5em;
  padding: 0 50px;
}

.cmpItem.slideOnly > .slideWrap > ul.slide > li .listLinkTy3 {
  left: 600px;
}

.cmpItem.slideOnly > ul.nav {
  right: 50px;
}

.cmpItem.slideNone {
  border-width: 1px 1px 0;
}

.cmpItem.slideNone > .slideWrap {
  top: 0;
  float: none;
  width: 100%;
  border-right: none;
}

.cmpItem.slideNone > .slideWrap > ul.slide {
  width: 100%;
  height: 438px;
  background-color: #fff;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li {
  overflow: hidden;
  width: 1200px;
  border-bottom: 1px solid gainsboro;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li.isBgColor1 {
  background-color: #f5f7f8;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li.isBgColor1 > .lead {
  position: relative;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li.isBgColor1 > .lead:after {
  position: absolute;
  z-index: 1;
  top: 50px;
  left: -49px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-right-color: #f5f7f8;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li > .thumb {
  float: left;
  width: 50%;
  height: 450px;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li > .thumb > a,
.cmpItem.slideNone > .slideWrap > ul.slide > li > .thumb > div {
  width: 100%;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li > .thumb > a img,
.cmpItem.slideNone > .slideWrap > ul.slide > li > .thumb > div img {
  width: 100%;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li > .lead {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.2;
  position: relative;
  float: left;
  width: 50%;
  margin-bottom: 0;
  padding: 50px 50px 40px;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li > .lead:after {
  position: absolute;
  z-index: 1;
  top: 50px;
  left: -49px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-right-color: white;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li > .lead .sub {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  top: -12px;
  display: inline-block;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li > .lead > a:hover {
  text-decoration: underline;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li > .lead1,
.cmpItem.slideNone > .slideWrap > ul.slide > li > .text,
.cmpItem.slideNone > .slideWrap > ul.slide > li > .info {
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
  width: 50%;
  margin-bottom: 1.5em;
  padding: 0 50px;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li > .lead1 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li > .info {
  margin-top: -20px;
}

.cmpItem.slideNone > .slideWrap > ul.slide > li .linkBa,
.cmpItem.slideNone > .slideWrap > ul.slide > li .listLinkTy3 {
  left: 600px;
  margin-bottom: 0;
  padding-right: 0;
}

.cmpItem1 {
  position: relative;
  overflow: hidden;
  border: 1px solid gainsboro;
}

.cmpItem1 a:hover {
  cursor: default;
  text-decoration: none;
}

.cmpItem1 .text {
  color: #777;
}

.cmpItem1 > ul {
  position: relative;
  left: 0;
  width: 1000%;
  -webkit-transition: left .5s;
  transition: left .5s;
}

.cmpItem1 > ul > li {
  position: relative;
  float: left;
  width: 10%;
  background-color: #fff;
}

.cmpItem1 > ul > li > .hdg {
  position: absolute;
  z-index: -1;
}

.cmpItem1 ul.slide {
  background-color: #fff;
}

.cmpItem1 ul.slide > li {
  float: left;
  width: 299px;
  border: 1px solid gainsboro;
  background-color: #fff;
}

.cmpItem1 ul.slide > li > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.cmpItem1 ul.slide > li > a > .thumb {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
}

.cmpItem1 ul.slide > li > a > .thumb > span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.cmpItem1 ul.slide > li > a > .data {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}

.cmpItem1 ul.slide > li > a > .data > .lead {
  font-size: 14px;
  font-size: 1.4rem;
}

.cmpItem1 ul.slide > li > a > .data > div > span.price {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
}

.cmpItem1 ul.slide > li > a > .data > div > span.brand {
  font-size: 11px;
  font-size: 1.1rem;
  color: #777;
}

.cmpItem1 ul.slide > li.type1 {
  overflow: hidden;
  width: 600px;
  height: 678px;
  border-width: 0;
  background-color: #f5f6f8;
}

.cmpItem1 ul.slide > li.type1 > a > .thumb > span {
  height: 680px;
}

.cmpItem1 ul.slide > li.type1 > a > .thumb > span img {
  width: 100%;
}

.cmpItem1 ul.slide > li.type1 > a > .thumb.taC > span {
  padding-bottom: 25%;
}

.cmpItem1 ul.slide > li.type1 > a > .thumb.taC > span img {
  width: auto;
  max-width: 100%;
}

.cmpItem1 ul.slide > li.type1 > a > .data {
  position: relative;
  position: absolute;
  padding: 30px 50px;
}

.cmpItem1 ul.slide > li.type1 > a > .data:after {
  position: absolute;
  z-index: 1;
  top: 0;
  top: -49px;
  left: 51px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-bottom-color: white;
}

.cmpItem1 ul.slide > li.type1 > a > .data > .lead {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 10px;
}

.cmpItem1 ul.slide > li.type1 > a > .data > div > span.price {
  font-size: 18px;
  font-size: 1.8rem;
}

.cmpItem1 ul.slide > li.type1 > a > .data > div > span.brand {
  font-size: 12px;
  font-size: 1.2rem;
}

.cmpItem1 ul.slide > li.type1 + .type2,
.cmpItem1 ul.slide > li.type1 + .type2 + .type2,
.cmpItem1 ul.slide > li.type1 + .type2 + .type3,
.cmpItem1 ul.slide > li.type1 + .type3,
.cmpItem1 ul.slide > li.type1 + .type3 + .type3 {
  border-width: 0 0 0 1px;
}

.cmpItem1 ul.slide > li.type2 > a > .thumb > span img,
.cmpItem1 ul.slide > li.type3 > a > .thumb > span img {
  max-width: 220px;
  height: auto;
}

.cmpItem1 ul.slide > li.type2 > a > .data,
.cmpItem1 ul.slide > li.type3 > a > .data {
  position: absolute;
  padding: 25px 40px;
}

.cmpItem1 ul.slide > li.type2 > a > .data > .lead,
.cmpItem1 ul.slide > li.type3 > a > .data > .lead {
  margin-bottom: 0;
}

.cmpItem1 ul.slide > li.type2 {
  float: right;
  height: 680px;
}

.cmpItem1 ul.slide > li.type2 .thumb > span {
  height: 600px;
}

.cmpItem1 ul.slide > li.type3 {
  height: 340px;
  border-width: 1px 0 0 1px;
}

.cmpItem1 ul.slide > li.type3 .thumb > span {
  height: 260px;
}

.cmpItem2 {
  position: relative;
  overflow: hidden;
  width: 100%;
  border: 1px solid gainsboro;
  background-color: #fff;
}

.cmpItem2 .thumb > span > img:hover {
  cursor: pointer;
  text-decoration: underline;
}

.cmpItem2 .linkBa {
  position: absolute;
  bottom: 40px;
}

.cmpItem2 .slideWrap {
  margin: 0 -1px;
}

.cmpItem2 ul.slide {
  position: relative;
  left: 0;
  width: 1000%;
  -webkit-transition: left .5s;
  transition: left .5s;
}

.cmpItem2 ul.slide > li {
  float: left;
  width: 2.5%;
  height: 100%;
  border: 1px solid gainsboro;
  border-width: 0 1px 0 0;
}

.cmpItem2 ul.slide > li:nth-child(4n) {
  border-right-width: 0;
}

.cmpItem2 ul.slide > li > .thumb a {
  display: block;
}

.cmpItem2 ul.slide > li > .thumb a img {
  width: 300px;
}

.cmpItem2 ul.slide > li > .data {
  position: relative;
  min-height: 200px;
  padding: 30px 40px 80px;
}

.cmpItem2 ul.slide > li > .data:after {
  position: absolute;
  z-index: 1;
  top: 0;
  top: -39px;
  left: 41px;
  width: 0;
  height: 0;
  content: '';
  border: 20px solid transparent;
  border-bottom-color: white;
}

.cmpItem2 ul.slide > li > .data.isNomore {
  padding-bottom: 30px;
}

.cmpItem2 ul.slide > li > .data > .lead {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 10px;
}

.cmpItem2 ul.slide > li > .data > .lead1 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 20px;
  color: #777;
}

.cmpItem2 ul.slide > li > .data > .release {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  margin-bottom: -5px;
  padding: 5px 12px;
  color: #737373;
  border-radius: 2em;
  background-color: #f5f7f8;
}

.cmpItem2 ul.slide > li > .data > ul.list {
  margin-top: 15px;
}

.cmpItem2 ul.slide > li > .data > ul.list > li > a {
  display: block;
  padding: 10px 0 10px 35px;
}

.cmpItem2 ul.slide > li > .data > ul.list > li > a:before {
  top: 50%;
  right: 0;
  width: 8px;
  height: 14px;
  margin-top: -7px;
  background-position: -467px -160px;
}

.cmpItem2 ul.slide > li > .data > ul.list > li.iconVideo:before {
  top: 50%;
  left: 5px;
  width: 12px;
  height: 22px;
  margin-top: -11px;
  background-position: -522px -56px;
}

.cmpItem2 ul.slide > li > .data > ul.list > li.iconSite:before {
  top: 50%;
  left: 2px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background-position: -364px -346px;
}

.cmpItem2 ul.slide > li > .data > ul.list > li.iconTrailer:before {
  top: 50%;
  left: 2px;
  width: 24px;
  height: 15px;
  margin-top: -7.5px;
  background-position: -100px -526px;
}

.cmpItem2 ul.slide > li > .data > ul.list > li.iconTicket:before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-position: -491px -213px;
}

.cmpItem2 ul.slide > li > .data > ul.list > li.iconShopping:before {
  top: 50%;
  left: 0;
  width: 22px;
  height: 23px;
  margin-top: -11.5px;
  background-position: -320px -469px;
}

.cmpItem2 ul.slide > li > .data > ul.list > li.iconDownload:before {
  top: 50%;
  left: 0;
  width: 22px;
  height: 19px;
  margin-top: -9.5px;
  background-position: -210px -498px;
}

.cmpItem2 ul.slide > li > .data > ul.list > li.iconTime:before {
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background-position: -467px -136px;
}

.cmpItem2 > ul.navController1 {
  position: absolute;
  top: 26%;
  margin-top: -30px;
}

.cmpItem2 > ul.navController1 > li {
  position: relative;
}

.cmpItem2.slideNone {
  border-width: 0 0 0 1px;
}

.cmpItem2.slideNone .slideWrap {
  margin: 0;
}

.cmpItem2.slideNone ul.slide {
  width: 100%;
}

.cmpItem2.slideNone ul.slide > li {
  width: 25%;
  border-width: 1px 1px 1px 0;
}

.cmpItem2.slideNone ul.slide > li:nth-child(4n) {
  border-right-width: 1px;
}

.cmpItem3 {
  position: relative;
}

.cmpItem3 .thumb img:hover,
.cmpItem3 .data > .lead:hover {
  cursor: pointer;
  text-decoration: underline;
}

.cmpItem3 > .slideWrap {
  position: relative;
  overflow: hidden;
  border: 1px solid gainsboro;
  background-color: #fff;
}

.cmpItem3 ul.slide {
  position: relative;
  left: 0;
  width: 2000%;
  -webkit-transition: left .5s;
  transition: left .5s;
}

.cmpItem3 ul.slide > li {
  float: left;
  width: 1.25%;
  border: 1px solid gainsboro;
  border-width: 0 0 0 1px;
}

.cmpItem3 ul.slide > li:first-child,
.cmpItem3 ul.slide > li:nth-child(4n+1) {
  border: none;
}

.cmpItem3 ul.slide > li > a {
  display: block;
  padding: 50px 49px 30px 50px;
}

.cmpItem3 ul.slide > li > a:hover {
  cursor: default;
  text-decoration: none;
}

.cmpItem3 ul.slide > li > a > .thumb {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.cmpItem3 ul.slide > li > a > .thumb > span {
  display: inline-block;
  width: 100%;
}

.cmpItem3 ul.slide > li > a > .thumb > span img {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 200px;
  height: auto;
}

.cmpItem3 ul.slide > li > a > .data {
  font-size: 13px;
  font-size: 1.3rem;
}

.cmpItem3 ul.slide > li > a > .data > .lead {
  margin-bottom: 3px;
}

.cmpItem3 ul.slide > li > a > .data > div > span.price {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
}

.cmpItem3 ul.slide > li > a > .data > div > span.brand {
  font-size: 11px;
  font-size: 1.1rem;
  color: #777;
}

.cmpItem3 ul.slide > li > a > .data span.time {
  font-size: 13px;
  font-size: 1.3rem;
  color: #777;
}

.cmpItem3.lineNone .slideWrap {
  padding: 0 20px;
}

.cmpItem3.lineNone ul.slide > li {
  border: none;
}

.cmpItem3.lineNone ul.slide > li > a {
  padding: 40px 20px 20px 20px;
}

.cmpItem3.lineNone ul.slide > li > a span img {
  max-width: 250px;
}

.cmpItem3 > ul.navController1 {
  position: absolute;
  top: 50%;
  margin-top: -30px;
}

.cmpItem3 > ul.navController1 > li {
  position: relative;
}

.cmpItem3.typeNarrow ul.slide > li > a {
  padding: 20px 24px 20px 25px !important;
}

.cmpItem3.typeNarrow ul.slide > li > a > .thumb {
  margin-bottom: 0;
}

.cmpItem3.typeNarrow ul.slide > li > a > .thumb > img {
  max-width: 100%;
}

.cmpItem4 {
  border: 1px solid gainsboro;
  border-width: 1px 0  0 1px;
}

.cmpItem4 .thumb > span > img:hover,
.cmpItem4 .data > .lead:hover {
  cursor: pointer;
  text-decoration: underline;
}

.cmpItem4 a {
  display: block;
}

.cmpItem4 a:hover {
  cursor: default;
  text-decoration: none;
}

.cmpItem4 > ul.slide {
  position: relative;
  left: 0;
  -webkit-transition: left .5s;
  transition: left .5s;
  background-color: #fff;
}

.cmpItem4 > ul.slide > li {
  float: left;
  overflow: hidden;
  height: 440px;
  border: 1px solid gainsboro;
  border-width: 0 1px 1px 0;
}

.cmpItem4 > ul.slide > li .data > .lead {
  line-height: 1.2;
  margin-bottom: 10px;
}

.cmpItem4 > ul.slide > li.type1,
.cmpItem4 > ul.slide > li.type4 {
  width: 50%;
  background-color: #fff;
}

.cmpItem4 > ul.slide > li.type1 > a > .thumb,
.cmpItem4 > ul.slide > li.type1 > a > .data,
.cmpItem4 > ul.slide > li.type4 > a > .thumb,
.cmpItem4 > ul.slide > li.type4 > a > .data {
  float: left;
  width: 50%;
}

.cmpItem4 > ul.slide > li.type1 .thumb,
.cmpItem4 > ul.slide > li.type4 .thumb {
  position: relative;
  display: table;
  height: 439px;
  text-align: center;
  background-color: #f5f7f8;
}

.cmpItem4 > ul.slide > li.type1 .thumb span,
.cmpItem4 > ul.slide > li.type4 .thumb span {
  display: inline-block;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.cmpItem4 > ul.slide > li.type1 .thumb span img,
.cmpItem4 > ul.slide > li.type4 .thumb span img {
  width: auto;
  max-width: 200px;
  height: auto;
}

.cmpItem4 > ul.slide > li.type1 .data,
.cmpItem4 > ul.slide > li.type4 .data {
  position: relative;
  padding: 50px 50px 0;
}

.cmpItem4 > ul.slide > li.type1 .data:after,
.cmpItem4 > ul.slide > li.type4 .data:after {
  position: absolute;
  z-index: 1;
  top: 50px;
  left: -37px;
  width: 0;
  height: 0;
  content: '';
  border: 20px solid transparent;
  border-right-color: white;
}

.cmpItem4 > ul.slide > li.type1 .data > .lead,
.cmpItem4 > ul.slide > li.type4 .data > .lead {
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 15px;
}

.cmpItem4 > ul.slide > li.type1 .data > .text,
.cmpItem4 > ul.slide > li.type4 .data > .text {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 15px;
  margin-bottom: 10px;
  color: #777;
}

.cmpItem4 > ul.slide > li.type1 .data > .release,
.cmpItem4 > ul.slide > li.type4 .data > .release {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.cmpItem4 > ul.slide > li.type4 {
  border-width: 0 0 1px 0;
}

.cmpItem4 > ul.slide > li.type5 {
  width: 50%;
  padding: 80px 55px;
}

.cmpItem4 > ul.slide > li.type5 > a > .thumb {
  display: inline-block;
  text-align: center;
}

.cmpItem4 > ul.slide > li.type2 {
  width: 25%;
  background-color: #fff;
}

.cmpItem4 > ul.slide > li.type2 > a {
  padding: 50px 49px 42px 50px;
}

.cmpItem4 > ul.slide > li.type2 > a > .thumb {
  margin-bottom: 20px;
}

.cmpItem4 > ul.slide > li.type2 > a > .data {
  font-size: 13px;
  font-size: 1.3rem;
}

.cmpItem4 > ul.slide > li.type3 {
  width: 50%;
  height: 336px;
}

.cmpItem4 > ul.slide > li.type3 > a > .thumb,
.cmpItem4 > ul.slide > li.type3 > a > .data {
  float: left;
}

.cmpItem4 > ul.slide > li.type3 .thumb {
  position: relative;
  width: 38.5%;
}

.cmpItem4 > ul.slide > li.type3 .thumb > span {
  display: block;
}

.cmpItem4 > ul.slide > li.type3 .thumb > span img {
  width: 100%;
}

.cmpItem4 > ul.slide > li.type3 .data {
  position: relative;
  width: 61.5%;
  padding: 35px 30px 0 50px;
}

.cmpItem4 > ul.slide > li.type3 .data:after {
  position: absolute;
  z-index: 1;
  top: 35px;
  left: -37px;
  width: 0;
  height: 0;
  content: '';
  border: 20px solid transparent;
  border-right-color: white;
}

.cmpItem4 > ul.slide > li.type3 .data > .lead {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 15px;
}

.cmpItem4 > ul.slide > li.type3 .data > dl.list {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 15px;
}

.cmpItem4 > ul.slide > li.type3 .data > dl.list > dt,
.cmpItem4 > ul.slide > li.type3 .data > dl.list > dd {
  display: inline-block;
  float: left;
}

.cmpItem4 > ul.slide > li.type3 .data > dl.list > dt {
  clear: both;
}

.cmpItem4 > ul.slide > li.type3 .data > dl.list > dt:after {
  display: inline-block;
  content: '：';
}

.cmpItem4 > ul.slide > li.type3 .data > dl.list > dd {
  margin-bottom: 10px;
  color: #777;
}

.cmpItem5 {
  position: relative;
}

.cmpItem5 .thumb > span > img:hover,
.cmpItem5 .data > .lead:hover {
  cursor: pointer;
  text-decoration: underline;
}

.cmpItem5 > .slideWrap {
  position: relative;
  border: 1px solid gainsboro;
  border-width: 1px 0 0 1px;
  background-color: #fff;
}

.cmpItem5 ul.slide {
  position: relative;
  width: 100%;
}

.cmpItem5 ul.slide > li {
  float: left;
  width: 25%;
  border: 1px solid gainsboro;
  border-width: 0 1px 1px 0;
}

.cmpItem5 ul.slide > li > a {
  position: relative;
  display: block;
  height: 100%;
  padding: 50px 49px 30px 50px;
}

.cmpItem5 ul.slide > li > a:hover {
  cursor: default;
  text-decoration: none;
}

.cmpItem5 ul.slide > li > a > .iconStar,
.cmpItem5 ul.slide > li > a > .iconNew {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  overflow: hidden;
  width: 53px;
  height: 46px;
}

.cmpItem5 ul.slide > li > a > .iconStar:before,
.cmpItem5 ul.slide > li > a > .iconNew:before {
  top: 0;
  right: 0;
  width: 53px;
  height: 46px;
  margin-top: 0;
  background-position: -127px -322px;
}

.cmpItem5 ul.slide > li > a > .iconStar:before,
.cmpItem5 ul.slide > li > a > .iconNew:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .iconStar > span,
.cmpItem5 ul.slide > li > a > .iconNew > span {
  position: relative;
  z-index: -1;
}

.cmpItem5 ul.slide > li > a > .iconNew {
  overflow: hidden;
  width: 53px;
  height: 46px;
}

.cmpItem5 ul.slide > li > a > .iconNew:before {
  top: 0;
  right: 0;
  width: 53px;
  height: 46px;
  margin-top: 0;
  background-position: -68px -322px;
}

.cmpItem5 ul.slide > li > a > .iconNew:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .thumb {
  margin-bottom: 20px;
  text-align: center;
}

.cmpItem5 ul.slide > li > a > .thumb > img {
  position: relative;
  z-index: 1;
  max-width: 200px;
  height: auto;
}

.cmpItem5 ul.slide > li > a > .data {
  font-size: 13px;
  font-size: 1.3rem;
}

.cmpItem5 ul.slide > li > a > .data > .lead {
  margin-bottom: 3px;
}

.cmpItem5 ul.slide > li > a > .data > div > span.release,
.cmpItem5 ul.slide > li > a > .data > div > span.text,
.cmpItem5 ul.slide > li > a > .data > div > span.star {
  display: inline-block;
  margin-bottom: 10px;
}

.cmpItem5 ul.slide > li > a > .data > div > span.release {
  font-weight: bold;
  margin-right: 10px;
}

.cmpItem5 ul.slide > li > a > .data > div > span.star {
  overflow: hidden;
  vertical-align: bottom;
  text-indent: -3em;
}

.cmpItem5 ul.slide > li > a > .data > div > span.star > span.icon:after {
  margin-right: 3px;
  content: '★';
  color: #c81717;
}

.cmpItem5 ul.slide > li > a > .data > div > span.star > span.text:hover {
  cursor: pointer;
  text-decoration: underline;
}

.cmpItem5 ul.slide > li > a > .data ul.icon {
  line-height: 1.2;
  width: 100%;
  margin-bottom: -10px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li {
  float: left;
  width: 33.33333%;
  height: 40px;
  text-align: center;
  border-left: 1px solid #e5e5e5;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li:first-child {
  border: none;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li > span {
  display: inline-block;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconDvd > span {
  overflow: hidden;
  width: 48px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconDvd > span:before {
  top: 0;
  left: 0;
  width: 48px;
  height: 40px;
  margin-top: 0;
  background-position: -158px -376px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconDvd > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconBluray > span {
  overflow: hidden;
  width: 48px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconBluray > span:before {
  top: 0;
  left: 0;
  width: 48px;
  height: 40px;
  margin-top: 0;
  background-position: -366px -376px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconBluray > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconOndemand > span {
  overflow: hidden;
  width: 48px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconOndemand > span:before {
  top: 0;
  left: 0;
  width: 48px;
  height: 40px;
  margin-top: 0;
  background-position: -312px -376px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconOndemand > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconMovienex > span {
  overflow: hidden;
  width: 48px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconMovienex > span:before {
  top: 0;
  left: 0;
  width: 48px;
  height: 40px;
  margin-top: 0;
  background-position: -104px -376px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconMovienex > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconBlurayDvd > span {
  overflow: hidden;
  width: 48px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconBlurayDvd > span:before {
  top: 0;
  left: 0;
  width: 48px;
  height: 40px;
  margin-top: 0;
  background-position: -437px 0;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconBlurayDvd > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconOther > span {
  overflow: hidden;
  width: 48px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconOther > span:before {
  top: 0;
  left: 0;
  width: 48px;
  height: 40px;
  margin-top: 0;
  background-position: -258px -376px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconOther > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconHeadphone > span {
  overflow: hidden;
  width: 48px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconHeadphone > span:before {
  top: 0;
  left: 0;
  width: 48px;
  height: 40px;
  margin-top: 0;
  background-position: -437px -46px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconHeadphone > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconWebcast > span {
  overflow: hidden;
  width: 48px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconWebcast > span:before {
  top: 0;
  left: 0;
  width: 48px;
  height: 40px;
  margin-top: 0;
  background-position: -50px -376px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconWebcast > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame1 > span {
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame1 > span:before {
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin-top: 0;
  background-position: -388px -325px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame1 > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame2 > span {
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame2 > span:before {
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin-top: 0;
  background-position: -388px -233px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame2 > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame3 > span {
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame3 > span:before {
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin-top: 0;
  background-position: -388px -279px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame3 > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame4 > span {
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame4 > span:before {
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin-top: 0;
  background-position: -388px -187px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame4 > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame5 > span {
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame5 > span:before {
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin-top: 0;
  background-position: -388px -141px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame5 > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame6 > span {
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame6 > span:before {
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin-top: 0;
  background-position: -388px -95px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame6 > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame8 > span {
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame8 > span:before {
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin-top: 0;
  background-position: -388px -49px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li.iconGame8 > span:before {
  position: static;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li:last-child {
  text-align: right;
}

.cmpItem5 ul.slide > li > a > .data ul.icon > li:first-child {
  text-align: left;
}

.cmpItem5 ul.slide > li > a > .data ul.icon2 {
  margin-top: 20px;
  margin-bottom: -5px;
}

.cmpItem5 ul.slide > li > a > .data ul.icon2 > li {
  display: inline-block;
  margin-right: 12px;
  padding-left: 17px;
  border-left: 1px solid gainsboro;
}

.cmpItem5 ul.slide > li > a > .data ul.icon2 > li > span {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  padding: 2px 6px;
  color: #fff;
  background-color: #999;
}

.cmpItem5 ul.slide > li > a > .data ul.icon2 > li:first-child {
  padding-left: 0;
  border: none;
}

.cmpItem5 > .linkShowMore {
  display: none;
}

.cmpItem6 > ul.item > li {
  margin-bottom: 50px;
  border: 1px solid gainsboro;
  background-color: #fff;
}

.cmpItem6 > ul.item > li > .info,
.cmpItem6 > ul.item > li > .detail {
  float: left;
  width: 50%;
}

.cmpItem6 > ul.item > li .thumb,
.cmpItem6 > ul.item > li .data {
  float: left;
  width: 50%;
}

.cmpItem6 > ul.item > li .thumb {
  height: 100%;
}

.cmpItem6 > ul.item > li .thumb > span {
  display: inline-block;
  width: 100%;
}

.cmpItem6 > ul.item > li .thumb > span img {
  width: 100%;
}

.cmpItem6 > ul.item > li .data {
  position: relative;
  padding: 40px 30px 0 40px;
}

.cmpItem6 > ul.item > li .data:after {
  position: absolute;
  z-index: 1;
  top: 35px;
  left: -37px;
  width: 0;
  height: 0;
  content: '';
  border: 20px solid transparent;
  border-right-color: white;
}

.cmpItem6 > ul.item > li .data .lineBa {
  margin: 20px 0 30px;
}

.cmpItem6 > ul.item > li .data > .lead {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
  margin-bottom: 15px;
}

.cmpItem6 > ul.item > li .data > .price {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.cmpItem6 > ul.item > li .data > .price span.iconMovienex {
  position: relative;
  top: -5px;
  display: inline-block;
  overflow: hidden;
  width: 56px;
  height: 50px;
  margin: 0 8px;
  vertical-align: middle;
}

.cmpItem6 > ul.item > li .data > .price span.iconMovienex:before {
  top: 0;
  left: 0;
  width: 56px;
  height: 50px;
  margin-top: 0;
  background-position: 0 -154px;
}

.cmpItem6 > ul.item > li .data > .price span.iconMovienex:before {
  position: static;
}

.cmpItem6 > ul.item > li .data > .price span.iconMovienex > span {
  display: none;
}

.cmpItem6 > ul.item > li .data > .price,
.cmpItem6 > ul.item > li .data ul.listIconBa {
  display: inline-block;
}

.cmpItem6 > ul.item > li .data .linkBa {
  margin-bottom: 10px;
}

.cmpItem6 > ul.item > li .data > dl.list {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.cmpItem6 > ul.item > li .data > dl.list > dt,
.cmpItem6 > ul.item > li .data > dl.list > dd {
  display: inline-block;
  float: left;
}

.cmpItem6 > ul.item > li .data > dl.list > dt {
  font-weight: bold;
  clear: both;
}

.cmpItem6 > ul.item > li .data > dl.list > dt:after {
  display: inline-block;
  content: '：';
}

.cmpItem6 > ul.item > li .data > dl.list > dd {
  margin-bottom: 10px;
  color: #777;
}

.cmpItem6 > ul.item > li .data > dl.list .end {
  color: #d90e0f;
}

.cmpItem6 > ul.item > li .data > .text {
  color: #777;
}

.cmpItem6 > ul.item > li .data ul.icon {
  line-height: 1.2;
  width: 100%;
  margin-bottom: -10px;
}

.cmpItem6 > ul.item > li .data ul.icon > li {
  float: left;
  width: 33.33333%;
  height: 50px;
  text-align: center;
  border-left: 1px solid #e5e5e5;
}

.cmpItem6 > ul.item > li .data ul.icon > li:first-child {
  border: none;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame8 {
  height: 52px;
}

.cmpItem6 > ul.item > li .data ul.icon > li > span {
  display: inline-block;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame1 > span {
  overflow: hidden;
  width: 60px;
  height: 50px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame1 > span:before {
  top: 0;
  left: 0;
  width: 60px;
  height: 50px;
  margin-top: 0;
  background-position: -268px -168px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame1 > span:before {
  position: static;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame2 > span {
  overflow: hidden;
  width: 60px;
  height: 50px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame2 > span:before {
  top: 0;
  left: 0;
  width: 60px;
  height: 50px;
  margin-top: 0;
  background-position: -268px -112px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame2 > span:before {
  position: static;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame3 > span {
  overflow: hidden;
  width: 60px;
  height: 50px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame3 > span:before {
  top: 0;
  left: 0;
  width: 60px;
  height: 50px;
  margin-top: 0;
  background-position: -268px -56px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame3 > span:before {
  position: static;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame4 > span {
  overflow: hidden;
  width: 60px;
  height: 50px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame4 > span:before {
  top: 0;
  left: 0;
  width: 60px;
  height: 50px;
  margin-top: 0;
  background-position: -268px 0;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame4 > span:before {
  position: static;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame5 > span {
  overflow: hidden;
  width: 60px;
  height: 50px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame5 > span:before {
  top: 0;
  left: 0;
  width: 60px;
  height: 50px;
  margin-top: 0;
  background-position: -194px -154px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame5 > span:before {
  position: static;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame6 > span {
  overflow: hidden;
  width: 60px;
  height: 50px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame6 > span:before {
  top: 0;
  left: 0;
  width: 60px;
  height: 50px;
  margin-top: 0;
  background-position: -198px -210px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame6 > span:before {
  position: static;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame7 > span {
  overflow: hidden;
  width: 60px;
  height: 50px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame7 > span:before {
  top: 0;
  left: 0;
  width: 60px;
  height: 50px;
  margin-top: 0;
  background-position: -132px -210px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame7 > span:before {
  position: static;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame8 > span {
  overflow: hidden;
  width: 60px;
  height: 52px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame8 > span:before {
  top: 0;
  left: 0;
  width: 60px;
  height: 52px;
  margin-top: 0;
  background-position: -180px -94px;
}

.cmpItem6 > ul.item > li .data ul.icon > li.iconGame8 > span:before {
  position: static;
}

.cmpItem6 > ul.item > li .data ul.icon > li:last-child {
  text-align: right;
}

.cmpItem6 > ul.item > li .data ul.icon > li:first-child {
  text-align: left;
}

.cmpItem6 > ul.item > li .detail {
  padding: 60px 40px 30px 50px;
  border-left: 1px solid gainsboro;
  background-color: #f5f7f8;
}

.cmpItem6 > ul.item > li .detail ul.listIconStudio {
  margin-bottom: 30px;
}

.cmpItem6 > ul.item > li.type2 .thumb,
.cmpItem6 > ul.item > li.type3 .thumb {
  display: table;
  padding: 80px 50px;
  background-color: #f5f7f8;
}

.cmpItem6 > ul.item > li.type2 .thumb > span,
.cmpItem6 > ul.item > li.type3 .thumb > span {
  display: table-cell;
  vertical-align: middle;
}

.cmpItem6 > ul.item > li.type3 .thumb {
  padding: 60px 30px;
}

.cmpItem7 {
  position: relative;
}

.cmpItem7 > .slideWrap {
  position: relative;
  overflow: hidden;
  border: 1px solid gainsboro;
  background-color: #fff;
}

.cmpItem7 ul.slide {
  position: relative;
  left: 0;
  width: 1000%;
  -webkit-transition: left .5s;
  transition: left .5s;
  background-color: #fff;
}

.cmpItem7 ul.slide > li {
  float: left;
  width: 10%;
  height: 440px;
  margin-right: 1px;
}

.cmpItem7 ul.slide > li .info,
.cmpItem7 ul.slide > li .movie {
  float: left;
  width: 50%;
}

.cmpItem7 ul.slide > li .info .thumb,
.cmpItem7 ul.slide > li .info .data {
  float: left;
  width: 50%;
}

.cmpItem7 ul.slide > li .info .thumb {
  position: relative;
  display: table;
  height: 439px;
  padding: 20px;
  text-align: center;
  background-color: #f5f7f8;
}

.cmpItem7 ul.slide > li .info .thumb > span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.cmpItem7 ul.slide > li .info .thumb > span img {
  width: 100%;
  max-width: 200px;
  height: auto;
}

.cmpItem7 ul.slide > li .info .data {
  position: relative;
  padding: 50px 50px 0;
}

.cmpItem7 ul.slide > li .info .data:after {
  position: absolute;
  z-index: 1;
  top: 50px;
  left: -37px;
  width: 0;
  height: 0;
  content: '';
  border: 20px solid transparent;
  border-right-color: white;
}

.cmpItem7 ul.slide > li .info .data > .lead {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
  margin-bottom: 20px;
}

.cmpItem7 ul.slide > li .info .data > .text {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 15px;
  margin-bottom: 20px;
  color: #777;
}

.cmpItem7 ul.slide > li .info .data > .release {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.cmpItem7 ul.slide > li .movie {
  padding: 80px 55px 80px 40px;
}

.cmpItem7 ul.slide > li .movie > a > .thumb {
  display: inline-block;
  text-align: center;
}

.cmpItem7 > ul.navController1 {
  position: absolute;
  top: 50%;
  margin-top: -30px;
}

.cmpItem7 > ul.navController1 > li {
  position: relative;
}

.cmpItem7 + ul.listNoticeBa {
  margin: 20px 0 0;
}

.cmpItem8 a:hover {
  cursor: default;
  text-decoration: none;
}

.cmpItem8 > .slideWrap {
  position: relative;
  overflow: hidden;
  border: 1px solid gainsboro;
  background-color: #fff;
}

.cmpItem8 ul.slide {
  position: relative;
  left: 0;
  width: 1000%;
  -webkit-transition: left .5s;
  transition: left .5s;
}

.cmpItem8 ul.slide > li {
  float: left;
  overflow: hidden;
  width: 5%;
  height: 538px;
  border-right: 1px solid gainsboro;
}

.cmpItem8 ul.slide > li:nth-child(2n) {
  border-right: none;
}

.cmpItem8 ul.slide > li > a {
  position: relative;
  width: 100%;
  height: 100%;
}

.cmpItem8 ul.slide > li > a > .thumb {
  width: 100%;
}

.cmpItem8 ul.slide > li > a > .thumb img {
  width: 100%;
  height: auto;
}

.cmpItem8 ul.slide > li > a > .lead {
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2;
  position: relative;
  margin: 0 0 10px;
  padding: 35px 7.5em 0 40px;
}

.cmpItem8 ul.slide > li > a > .lead:after {
  position: absolute;
  z-index: 1;
  top: 0;
  top: -39px;
  left: 41px;
  width: 0;
  height: 0;
  content: '';
  border: 20px solid transparent;
  border-bottom-color: white;
}

.cmpItem8 ul.slide > li > a > .text {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  margin: 0 0 10px;
  padding: 0 10em 0 40px;
  color: #777;
}

.cmpItem8 ul.slide > li > a > .linkBa {
  position: absolute;
  right: 40px;
  bottom: 45px;
}

.cmpItem8 > ul.navController1 {
  position: absolute;
  top: 40%;
  margin-top: -30px;
}

.cmpItem8 > ul.navController1 > li {
  position: relative;
}

.cmpItem8.slideNone ul.slide {
  width: 100%;
}

.cmpItem8.slideNone ul.slide > li {
  width: 50%;
}

.cmpItem9 > .slideWrap {
  position: relative;
  overflow: hidden;
  border: 1px solid gainsboro;
  border-width: 1px;
  background-color: #fff;
}

.cmpItem9 .lytImgTy3 {
  margin-bottom: 0;
  border: none;
  background-color: #fff;
}

.cmpItem9 .lytImgTy3 .img {
  border: none !important;
}

.cmpItem9 .lytImgTy3 .contents {
  position: relative;
}

.cmpItem9 .lytImgTy3 .contents:after {
  position: absolute;
  z-index: 1;
  top: 42%;
  left: -39px;
  width: 0;
  height: 0;
  content: '';
  border: 20px solid transparent;
  border-right-color: white;
}

.cmpItem9 ul.slide {
  position: relative;
  left: 0;
  width: 100%;
  -webkit-transition: left .5s;
  transition: left .5s;
}

.cmpItem9 ul.slide > li {
  border-top: 1px solid gainsboro;
}

.cmpItem9 ul.slide > li:first-child {
  border-top: none;
}

.cmpItem9 ul.slide > li .lead {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 5px;
}

.cmpItem9 ul.slide > li .info {
  margin-bottom: 10px;
}

.cmpItem9 ul.slide > li .text {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 10px;
  color: #777;
}

.cmpItem9 > ul.navController1 {
  display: none;
}

.cmpNews {
  border: 1px solid gainsboro;
  border-width: 1px;
  background-color: #fff;
}

.cmpNews a:hover {
  cursor: default;
  text-decoration: none;
}

.cmpNews > .pickup {
  width: 600px;
}

.cmpNews > .pickup > a {
  position: relative;
  width: 600px;
  height: 598px;
}

.cmpNews > .pickup > a > .thumb {
  width: 100%;
  height: auto;
}

.cmpNews > .pickup > a > .thumb img {
  width: 100%;
  height: auto;
}

.cmpNews > .pickup > a > .lead {
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2;
  position: relative;
  margin: 0 0 10px;
  padding: 25px 7.5em 0 40px;
}

.cmpNews > .pickup > a > .lead:after {
  position: absolute;
  z-index: 1;
  top: 0;
  top: -39px;
  left: 41px;
  width: 0;
  height: 0;
  content: '';
  border: 20px solid transparent;
  border-bottom-color: white;
}

.cmpNews > .pickup > a > .text {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 10px;
  padding: 0 7.5em 0 40px;
  color: #777;
}

.cmpNews > .pickup > a > .linkBa {
  position: absolute;
  right: 40px;
  bottom: 45px;
}

.cmpNews > .movienex {
  width: 600px;
  height: 598px;
  padding: 65px 45px 0 65px;
  background: #f5f7f8 url(/etc/designs/disney/common/img/cmp/news-movienex-bg.jpg) no-repeat right bottom;
}

.cmpNews > .movienex > .heading {
  font-size: 38px;
  font-size: 3.8rem;
  font-weight: normal;
  margin-bottom: 15px;
}

.cmpNews > .movienex > .text {
  margin-bottom: 40px;
  color: #838383;
}

.cmpNews > .movienex > .listNumBa {
  margin-right: 50%;
  margin-bottom: 40px;
}

.cmpNews > .movienex > .btnBa span,
.cmpNews > .movienex > .btnBa a {
  padding: 18px 60px 18px 30px;
}

.cmpNews > .movienex > .btnBa span:after,
.cmpNews > .movienex > .btnBa a:after {
  right: 30px;
}

.cmpNews > .movienex > .btnBa span:hover,
.cmpNews > .movienex > .btnBa a:hover {
  cursor: pointer;
  text-decoration: underline;
}

.cmpNews > .newsWrap {
  float: right;
  width: 598px;
  border: 1px solid gainsboro;
  border-width: 0 0 0 1px;
}

.cmpNews > .newsWrap > .news {
  position: relative;
  height: 118px;
  padding: 40px 10em 0 40px;
}

.cmpNews > .newsWrap > .news > .heading {
  font-size: 30px;
  font-size: 3rem;
  font-weight: normal;
  float: left;
  margin-right: 20px;
}

.cmpNews > .newsWrap > .news > .link {
  margin-top: 7px;
}

.cmpNews > .newsWrap > .news > .link > a {
  display: inline-block;
  padding-left: 32px;
  color: #0093d0;
}

.cmpNews > .newsWrap > .news > .link > a:hover {
  text-decoration: underline;
}

.cmpNews > .newsWrap > .news > .link > a:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  content: '';
  border-radius: 20px;
  background-color: #0093d0;
}

.cmpNews > .newsWrap > .news > .link > a:after {
  top: 50%;
  left: 8px;
  width: 6px;
  height: 9px;
  margin-top: -4.5px;
  background-position: -540px -84px;
}

.cmpNews > .newsWrap > .news > .sns {
  position: absolute;
  top: 35px;
  right: 30px;
}

.cmpNews > .newsWrap > .news > .sns > ul {
  display: inline-block;
}

.cmpNews > .newsWrap > .news > .sns > ul > li {
  display: inline-block;
  margin-left: 5px;
}

.cmpNews > .newsWrap > .news > .sns > ul > li > a {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto;
  padding: 0 !important;
  border: 1px solid gainsboro;
  border-radius: 100px;
}

.cmpNews > .newsWrap > .news > .sns > ul > li > a:hover {
  cursor: pointer;
}

.cmpNews > .newsWrap > .news > .sns > ul > li > a > span {
  position: relative;
  bottom: -3em;
}

.cmpNews > .newsWrap > .news > .sns > ul > li > a:before {
  position: absolute !important;
}

.cmpNews > .newsWrap > .news > .sns > ul > li.snsFb a {
  overflow: hidden;
  width: 14px;
  height: 32px;
}

.cmpNews > .newsWrap > .news > .sns > ul > li.snsFb a:before {
  top: 50%;
  left: 50%;
  width: 14px;
  height: 32px;
  margin-top: -16px;
  margin-left: -7px;
  background-position: -467px -92px;
}

.cmpNews > .newsWrap > .news > .sns > ul > li.snsFb a:before {
  position: static;
}

.cmpNews > .newsWrap > .news > .sns > ul > li.snsTw a {
  overflow: hidden;
  width: 24px;
  height: 32px;
}

.cmpNews > .newsWrap > .news > .sns > ul > li.snsTw a:before {
  top: 50%;
  left: 50%;
  width: 24px;
  height: 32px;
  margin-top: -16px;
  margin-left: -12px;
  background-position: -437px -301px;
}

.cmpNews > .newsWrap > .news > .sns > ul > li.snsTw a:before {
  position: static;
}

.cmpNews > .newsWrap > .news > .sns > ul > li.snsYt a {
  overflow: hidden;
  width: 30px;
  height: 32px;
}

.cmpNews > .newsWrap > .news > .sns > ul > li.snsYt a:before {
  top: 50%;
  left: 50%;
  width: 30px;
  height: 32px;
  margin-top: -16px;
  margin-left: -15px;
  background-position: -437px -263px;
}

.cmpNews > .newsWrap > .news > .sns > ul > li.snsYt a:before {
  position: static;
}

.cmpNews > .newsWrap > ul.item {
  background-color: #f5f7f8;
}

.cmpNews > .newsWrap > ul.item > li > a {
  position: relative;
  display: block;
  height: 120px;
  padding: 30px 60px 0 200px;
  border: 1px solid gainsboro;
  border-width: 1px 0 0;
}

.cmpNews > .newsWrap > ul.item > li > a:before {
  top: 50%;
  right: 40px;
  width: 11px;
  height: 17px;
  margin-top: -8.5px;
  background-position: -455px -498px;
}

.cmpNews > .newsWrap > ul.item > li > a > .thumb {
  position: absolute;
  top: 30px;
  left: 40px;
}

.cmpNews > .newsWrap > ul.item > li > a > .thumb img {
  width: 86px;
  height: 60px;
  margin-left: -5px;
}

.cmpNews > .newsWrap > ul.item > li > a > .thumb > .date {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 60px;
  height: 60px;
  padding-top: .4em;
  text-align: center;
  color: #fff;
  background-color: #138ac1;
}

.cmpNews > .newsWrap > ul.item > li > a > .thumb > .date > span {
  display: block;
}

.cmpNews > .newsWrap > ul.item > li > a > .thumb > .date > .dateDD {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  bottom: -.3em;
}

.cmpNews > .newsWrap > ul.item > li > a > .thumb > .date > .dateMM {
  font-size: 10px;
  font-size: 1rem;
}

.cmpNews > .newsWrap > ul.item > li > a > .lead {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 8px 0 4px;
}

.cmpNews.typeFew {
  background-color: #f5f7f8;
}

.cmpNews.typeFew > .newsWrap > .news {
  border-bottom: 1px solid gainsboro;
  background-color: #fff;
}

.cmpNews.typeFew > .newsWrap .item > li:first-child > a {
  border-top: none;
}

.cmpNews.typeFew > .movienex {
  height: 240px;
  padding: 45px 45px 0 65px;
  background: #f5f7f8;
}

.cmpNews.typeFew > .movienex .text {
  margin-bottom: 20px;
}

.cmpNews + .cmpBanner {
  margin-top: -1px;
}

.cmpRankingMusic,
.cmpListSns {
  line-height: 1.2;
  border: 1px solid gainsboro;
  border-width: 1px 0;
}

.cmpRankingMusic > li,
.cmpListSns > li {
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden;
  width: 300px;
  height: 600px;
  background-color: #fff;
}

.cmpRankingMusic > li .thumb a,
.cmpListSns > li .thumb a {
  width: 100%;
  height: 100%;
}

.cmpRankingMusic > li .thumb a img,
.cmpListSns > li .thumb a img {
  width: 100%;
  height: auto;
}

.cmpRankingMusic > li .data,
.cmpListSns > li .data {
  height: 300px;
  padding: 30px 50px 20px;
}

.cmpRankingMusic > li .rank,
.cmpListSns > li .rank {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
  color: #0093d0;
}

.cmpRankingMusic > li .lead,
.cmpListSns > li .lead {
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 10px;
}

.cmpRankingMusic > li .text,
.cmpListSns > li .text {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.cmpRankingMusic > li ul.list > li,
.cmpListSns > li ul.list > li {
  margin-bottom: 10px;
}

.cmpRankingMusic > li ul.list > li.iconShopping > a:before,
.cmpListSns > li ul.list > li.iconShopping > a:before {
  top: 50%;
  left: 0;
  width: 16px;
  height: 17px;
  margin-top: -8.5px;
  background-position: -469px -425px;
}

.cmpRankingMusic > li ul.list > li.iconHeadphone > a:before,
.cmpListSns > li ul.list > li.iconHeadphone > a:before {
  top: 50%;
  left: 1px;
  width: 14px;
  height: 15px;
  margin-top: -7.5px;
  background-position: 0 -526px;
}

.cmpRankingMusic > li ul.list > li > a,
.cmpListSns > li ul.list > li > a {
  padding-left: 30px;
}

.cmpRankingMusic > li.rank1,
.cmpListSns > li.rank1 {
  width: 900px;
}

.cmpRankingMusic > li.rank5,
.cmpRankingMusic > li.rank6,
.cmpRankingMusic > li.rank8,
.cmpRankingMusic > li.rank9,
.cmpListSns > li.rank5,
.cmpListSns > li.rank6,
.cmpListSns > li.rank8,
.cmpListSns > li.rank9 {
  width: 50%;
  height: 300px;
}

.cmpRankingMusic > li.rank5 .thumb,
.cmpRankingMusic > li.rank6 .thumb,
.cmpRankingMusic > li.rank8 .thumb,
.cmpRankingMusic > li.rank9 .thumb,
.cmpListSns > li.rank5 .thumb,
.cmpListSns > li.rank6 .thumb,
.cmpListSns > li.rank8 .thumb,
.cmpListSns > li.rank9 .thumb {
  width: 50%;
}

.cmpRankingMusic > li.rank5 .data,
.cmpRankingMusic > li.rank6 .data,
.cmpRankingMusic > li.rank8 .data,
.cmpRankingMusic > li.rank9 .data,
.cmpListSns > li.rank5 .data,
.cmpListSns > li.rank6 .data,
.cmpListSns > li.rank8 .data,
.cmpListSns > li.rank9 .data {
  width: 50%;
}

.cmpRankingMusic > li.rank1,
.cmpRankingMusic > li.rank5,
.cmpRankingMusic > li.rank7,
.cmpRankingMusic > li.rank10,
.cmpListSns > li.rank1,
.cmpListSns > li.rank5,
.cmpListSns > li.rank7,
.cmpListSns > li.rank10 {
  color: #fff;
  background-color: #003e58;
}

.cmpRankingMusic > li.rank1 a,
.cmpRankingMusic > li.rank5 a,
.cmpRankingMusic > li.rank7 a,
.cmpRankingMusic > li.rank10 a,
.cmpListSns > li.rank1 a,
.cmpListSns > li.rank5 a,
.cmpListSns > li.rank7 a,
.cmpListSns > li.rank10 a {
  color: #fff;
}

.cmpRankingMusic > li.rank1 .rank,
.cmpRankingMusic > li.rank5 .rank,
.cmpRankingMusic > li.rank7 .rank,
.cmpRankingMusic > li.rank10 .rank,
.cmpListSns > li.rank1 .rank,
.cmpListSns > li.rank5 .rank,
.cmpListSns > li.rank7 .rank,
.cmpListSns > li.rank10 .rank {
  color: #0093d0;
}

.cmpRankingMusic > li.rank4,
.cmpRankingMusic > li.rank6,
.cmpRankingMusic > li.rank9,
.cmpListSns > li.rank4,
.cmpListSns > li.rank6,
.cmpListSns > li.rank9 {
  color: #fff;
  background-color: #0093d0;
}

.cmpRankingMusic > li.rank4 a,
.cmpRankingMusic > li.rank6 a,
.cmpRankingMusic > li.rank9 a,
.cmpListSns > li.rank4 a,
.cmpListSns > li.rank6 a,
.cmpListSns > li.rank9 a {
  color: #fff;
}

.cmpRankingMusic > li.rank4 .rank,
.cmpRankingMusic > li.rank6 .rank,
.cmpRankingMusic > li.rank9 .rank,
.cmpListSns > li.rank4 .rank,
.cmpListSns > li.rank6 .rank,
.cmpListSns > li.rank9 .rank {
  color: #8edeff;
}

.cmpRankingMusic > li.rank4 ul.list > li.iconShopping > a:before,
.cmpRankingMusic > li.rank6 ul.list > li.iconShopping > a:before,
.cmpRankingMusic > li.rank9 ul.list > li.iconShopping > a:before,
.cmpListSns > li.rank4 ul.list > li.iconShopping > a:before,
.cmpListSns > li.rank6 ul.list > li.iconShopping > a:before,
.cmpListSns > li.rank9 ul.list > li.iconShopping > a:before {
  top: 50%;
  left: 0;
  width: 16px;
  height: 17px;
  margin-top: -8.5px;
  background-position: -433px -498px;
}

.cmpRankingMusic > li.rank4 ul.list > li.iconHeadphone > a:before,
.cmpRankingMusic > li.rank6 ul.list > li.iconHeadphone > a:before,
.cmpRankingMusic > li.rank9 ul.list > li.iconHeadphone > a:before,
.cmpListSns > li.rank4 ul.list > li.iconHeadphone > a:before,
.cmpListSns > li.rank6 ul.list > li.iconHeadphone > a:before,
.cmpListSns > li.rank9 ul.list > li.iconHeadphone > a:before {
  top: 50%;
  left: 1px;
  width: 14px;
  height: 15px;
  margin-top: -7.5px;
  background-position: -20px -526px;
}

.cmpRankingMusic > li.rank3 .thumb,
.cmpListSns > li.rank3 .thumb {
  position: absolute;
  top: 301px;
}

.cmpRankingMusic > li.rank3 .data,
.cmpListSns > li.rank3 .data {
  position: absolute;
  top: 0;
}

.cmpRankingMusic > li.rank5 .thumb,
.cmpRankingMusic > li.rank9 .thumb,
.cmpListSns > li.rank5 .thumb,
.cmpListSns > li.rank9 .thumb {
  position: absolute;
  left: 300px;
}

.cmpRankingMusic > li.rank5 .data,
.cmpRankingMusic > li.rank9 .data,
.cmpListSns > li.rank5 .data,
.cmpListSns > li.rank9 .data {
  position: absolute;
  left: 0;
}

.cmpRankingMusic > li.rank6 .thumb,
.cmpRankingMusic > li.rank8 .thumb,
.cmpListSns > li.rank6 .thumb,
.cmpListSns > li.rank8 .thumb {
  position: absolute;
  left: 0;
}

.cmpRankingMusic > li.rank6 .data,
.cmpRankingMusic > li.rank8 .data,
.cmpListSns > li.rank6 .data,
.cmpListSns > li.rank8 .data {
  position: absolute;
  left: 300px;
}

.cmpRankingMusic > li.rank1,
.cmpListSns > li.rank1 {
  border-left: 1px solid gainsboro;
}

.cmpRankingMusic > li.rank1 .thumb,
.cmpListSns > li.rank1 .thumb {
  float: right;
  width: 66.66667%;
}

.cmpRankingMusic > li.rank1 .data,
.cmpListSns > li.rank1 .data {
  position: relative;
  width: 33.33333%;
  height: 600px;
  padding: 120px 50px 10px;
}

.cmpRankingMusic > li.rank1 .data:after,
.cmpListSns > li.rank1 .data:after {
  position: absolute;
  z-index: 1;
  top: 100px;
  left: 100.5%;
  left: 98.5%;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-left-color: #003e58;
}

.cmpRankingMusic > li.rank1 .rank,
.cmpListSns > li.rank1 .rank {
  font-size: 50px;
  font-size: 5rem;
  margin-bottom: 25px;
}

.cmpRankingMusic > li.rank1 .lead,
.cmpListSns > li.rank1 .lead {
  font-size: 26px;
  font-size: 2.6rem;
}

.cmpRankingMusic > li.rank1 .text,
.cmpListSns > li.rank1 .text {
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 25px;
}

.cmpRankingMusic > li.rank2,
.cmpListSns > li.rank2 {
  border-right: 1px solid gainsboro;
}

.cmpRankingMusic > li.rank2 .data,
.cmpListSns > li.rank2 .data {
  position: relative;
}

.cmpRankingMusic > li.rank2 .data:after,
.cmpListSns > li.rank2 .data:after {
  position: absolute;
  z-index: 1;
  top: 2px;
  top: -47px;
  left: 126px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-bottom-color: white;
}

.cmpRankingMusic > li.rank3,
.cmpListSns > li.rank3 {
  border-left: 1px solid gainsboro;
}

.cmpRankingMusic > li.rank3 .data,
.cmpListSns > li.rank3 .data {
  position: relative;
}

.cmpRankingMusic > li.rank3 .data:after,
.cmpListSns > li.rank3 .data:after {
  position: absolute;
  z-index: 1;
  top: 99.5%;
  top: 98.5%;
  left: 151px;
  width: 0;
  height: 0;
  margin-left: -25px;
  content: '';
  border: 25px solid transparent;
  border-top-color: white;
}

.cmpRankingMusic > li.rank4 .data,
.cmpListSns > li.rank4 .data {
  position: relative;
}

.cmpRankingMusic > li.rank4 .data:after,
.cmpListSns > li.rank4 .data:after {
  position: absolute;
  z-index: 1;
  top: 2px;
  top: -47px;
  left: 126px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-bottom-color: #0093d0;
}

.cmpRankingMusic > li.rank5 .data,
.cmpListSns > li.rank5 .data {
  position: relative;
}

.cmpRankingMusic > li.rank5 .data:after,
.cmpListSns > li.rank5 .data:after {
  position: absolute;
  z-index: 1;
  top: 125px;
  left: 100.5%;
  left: 98.5%;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-left-color: #003e58;
}

.cmpRankingMusic > li.rank6 .data,
.cmpListSns > li.rank6 .data {
  position: relative;
}

.cmpRankingMusic > li.rank6 .data:after,
.cmpListSns > li.rank6 .data:after {
  position: absolute;
  z-index: 1;
  top: 125px;
  left: -47px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-right-color: #0093d0;
}

.cmpRankingMusic > li.rank7 .data,
.cmpListSns > li.rank7 .data {
  position: relative;
}

.cmpRankingMusic > li.rank7 .data:after,
.cmpListSns > li.rank7 .data:after {
  position: absolute;
  z-index: 1;
  top: 2px;
  top: -47px;
  left: 126px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-bottom-color: #003e58;
}

.cmpRankingMusic > li.rank8 .data,
.cmpListSns > li.rank8 .data {
  position: relative;
}

.cmpRankingMusic > li.rank8 .data:after,
.cmpListSns > li.rank8 .data:after {
  position: absolute;
  z-index: 1;
  top: 125px;
  left: -48px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-right-color: white;
}

.cmpRankingMusic > li.rank9 .data,
.cmpListSns > li.rank9 .data {
  position: relative;
}

.cmpRankingMusic > li.rank9 .data:after,
.cmpListSns > li.rank9 .data:after {
  position: absolute;
  z-index: 1;
  top: 125px;
  left: 100.5%;
  left: 98.5%;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-left-color: #0093d0;
}

.cmpRankingMusic > li.rank10,
.cmpListSns > li.rank10 {
  margin-top: -300px;
}

.cmpRankingMusic > li.rank10 .data,
.cmpListSns > li.rank10 .data {
  position: relative;
}

.cmpRankingMusic > li.rank10 .data:after,
.cmpListSns > li.rank10 .data:after {
  position: absolute;
  z-index: 1;
  top: 2px;
  top: -47px;
  left: 126px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-bottom-color: #003e58;
}

.cmpListSns {
  border-width: 1px 0 0 1px;
}

.cmpListSns.bdrTopNone {
  border-width: 0 0 0 1px;
}

.cmpListSns > li {
  color: #333 !important;
  border: 1px solid gainsboro;
  border-width: 0 1px 1px 0 !important;
  background-color: #fff !important;
}

.cmpListSns > li.bdrTop {
  border-width: 1px 1px 1px 0 !important;
}

.cmpListSns > li.rank1 {
  width: 898px;
  background-color: #f5f7f8 !important;
}

.cmpListSns > li.rank3 {
  width: 299px;
}

.cmpListSns > li.rank1 .data {
  position: relative;
  padding: 120px 35px 10px 50px;
}

.cmpListSns > li.rank1 .data:after {
  position: absolute;
  z-index: 1;
  top: 100px;
  left: 100.5%;
  left: 98.5%;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-left-color: #f5f7f8;
}

.cmpListSns > li.rank4 .data {
  position: relative;
}

.cmpListSns > li.rank4 .data:after {
  position: absolute;
  z-index: 1;
  top: 2px;
  top: -47px;
  left: 126px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-bottom-color: white;
}

.cmpListSns > li.rank5 .data {
  position: relative;
}

.cmpListSns > li.rank5 .data:after {
  position: absolute;
  z-index: 1;
  top: 125px;
  left: 100.5%;
  left: 98.5%;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-left-color: white;
}

.cmpListSns > li.rank6 .data {
  position: relative;
}

.cmpListSns > li.rank6 .data:after {
  position: absolute;
  z-index: 1;
  top: 125px;
  left: -47px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-right-color: white;
}

.cmpListSns > li.rank7 .data {
  position: relative;
}

.cmpListSns > li.rank7 .data:after {
  position: absolute;
  z-index: 1;
  top: 2px;
  top: -47px;
  left: 126px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-bottom-color: white;
}

.cmpListSns > li.rank8 .data {
  position: relative;
}

.cmpListSns > li.rank8 .data:after {
  position: absolute;
  z-index: 1;
  top: 125px;
  left: -48px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-right-color: white;
}

.cmpListSns > li.rank9 .data {
  position: relative;
}

.cmpListSns > li.rank9 .data:after {
  position: absolute;
  z-index: 1;
  top: 125px;
  left: 100.5%;
  left: 98.5%;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-left-color: white;
}

.cmpListSns > li.rank10 {
  margin-top: -300px;
}

.cmpListSns > li.rank10 .data {
  position: relative;
}

.cmpListSns > li.rank10 .data:after {
  position: absolute;
  z-index: 1;
  top: 2px;
  top: -47px;
  left: 126px;
  width: 0;
  height: 0;
  content: '';
  border: 25px solid transparent;
  border-bottom-color: white;
}

.cmpListSns > li .thumb {
  width: 100%;
  height: auto;
}

.cmpListSns > li .thumb img {
  width: 100%;
  height: auto;
}

.cmpListSns > li .data {
  padding: 60px 30px 20px 45px;
}

.cmpListSns > li .data .lead {
  margin-bottom: 25px;
}

.cmpListSns ul.sns > li {
  font-size: 13px;
  font-size: 1.3rem;
  position: relative;
  display: block;
  height: 30px;
  padding-left: 6em;
}

.cmpListSns ul.sns > li .twitterBtn {
  padding-top: 2px;
}

.cmpListSns ul.sns > li a.label {
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 6em;
  margin-top: -10px;
  color: #0093d0 !important;
}

.cmpListSns ul.sns > li.line {
  height: 40px;
}

.cmpListSns .facebookBtn {
  display: inline;
  width: 70px !important;
}

.cmpListSns .facebookBtn iframe {
  float: left;
  overflow: hidden !important;
  width: 70px !important;
}

.cmpListSns .LineBtn {
  height: 35px;
}

.cmpListSns .countBody {
  position: relative;
  float: left;
  height: 20px;
  margin-top: 4px;
}

.cmpListSns .countBody span.count {
  font-size: 10px;
  line-height: 1.2em;
  height: 10px;
  margin-left: 5px;
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
}

.cmpListSns .countBody span.arrow {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 6px;
  background: url(/etc/designs/disney/libs/common/image/fb-counter-arrow.png) no-repeat top center;
}

.cmpBanner > ul.tab {
  text-align: center;
  border: 1px solid gainsboro;
}

.cmpBanner > ul.tab > li {
  float: left;
  width: 33.33333%;
}

.cmpBanner > ul.tab > li > a.logo {
  line-height: 120px;
  display: inline-block;
  width: 100%;
}

.cmpBanner > ul.tab > li > a.logo > span {
  display: inline-block;
}

.cmpBanner > ul.tab > li > a.logo > span > img {
  width: 67.582%;
  vertical-align: middle;
}

.cmpBanner > ul.tab > li > a.banner {
  display: none;
}

.cmpBanner > ul.tab > li.isCurrent > a.logo {
  position: relative;
}

.cmpBanner > ul.tab > li.isCurrent > a.logo:after {
  position: absolute;
  z-index: 1;
  top: 99.5%;
  top: 98.5%;
  left: 51%;
  width: 0;
  height: 0;
  margin-left: -30px;
  content: '';
  border: 30px solid transparent;
  border-top-color: white;
}

.cmpBanner > ul.banner {
  position: relative;
}

.cmpBanner > ul.banner > li {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.cmpBanner > ul.banner > li:first-child {
  position: static;
  display: block;
}

.cmpBanner > ul.banner > li > a {
  width: 100%;
}

.cmpBanner > ul.banner > li > a > img {
  width: 100%;
}

.cmpBanner > ul.banner > li.isCurrent {
  display: block;
}

.cmpNavCharacter {
  position: relative;
}

.cmpNavCharacter > .slideWrap {
  overflow: hidden;
  width: 1040px;
  margin: 0 auto;
}

.cmpNavCharacter > .slideWrap > ul.slide {
  line-height: 1.2;
  position: relative;
  left: 0;
  width: 1000%;
  padding: 15px 0 20px;
  -webkit-transition: left .5s;
  transition: left .5s;
}

.cmpNavCharacter > .slideWrap > ul.slide > li {
  float: left;
  width: 1.25%;
  text-align: center;
}

.cmpNavCharacter > .slideWrap > ul.slide > li > a {
  font-weight: bold;
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding: 0 8px;
}

.cmpNavCharacter > .slideWrap > ul.slide > li > a > span.caption {
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
  margin-top: 10px;
  color: #888;
}

.cmpNavCharacter > .slideWrap > ul.slide > li > a > span.thumb {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  max-width: 98px;
  height: auto;
  border: 8px solid #fff;
  border-radius: 100px;
}

.cmpNavCharacter > .slideWrap > ul.slide > li > a > span.thumb img {
  width: 100%;
  height: auto;
  border-radius: 100px;
}

.cmpNavCharacter > .slideWrap > ul.slide > li.isCurrent > a,
.cmpNavCharacter > .slideWrap > ul.slide > li > a:hover {
  margin-top: -10px;
}

.cmpNavCharacter > .slideWrap > ul.slide > li.isCurrent > a > span.thumb,
.cmpNavCharacter > .slideWrap > ul.slide > li > a:hover > span.thumb {
  width: 128px;
  max-width: 100%;
  height: auto;
  border-color: #e2e9ed;
}

.cmpNavCharacter > .slideWrap > ul.slide > li.isCurrent > a > span.caption,
.cmpNavCharacter > .slideWrap > ul.slide > li > a:hover > span.caption {
  font-size: 15px;
  font-size: 1.5rem;
  margin-top: 7px;
  color: #0093d0;
}

.cmpNavCharacter > ul.navController {
  position: absolute;
  top: 35px;
  left: 0;
  width: 100%;
}

.cmpNavCharacter > ul.navController > li {
  position: absolute;
  top: 0;
  left: 0;
}

.cmpNavCharacter > ul.navController > li > a {
  text-align: center;
}

.cmpNavCharacter > ul.navController > li.next {
  right: 0;
  left: auto;
}

.cmpNavCharacter.typeFew > .slideWrap > ul.slide {
  line-height: 1.2;
  width: 100%;
  padding: 15px 0 20px;
  text-align: center;
}

.cmpNavCharacter.typeFew > .slideWrap > ul.slide > li {
  display: inline-block;
  float: none;
  width: 22%;
  height: 100px;
}

.cmpNavCharacter.typeFew > .slideWrap > ul.slide > li > br {
  display: none;
}

.cmpNavCharacter.typeFew > .slideWrap > ul.slide > li > a {
  display: table;
}

.cmpNavCharacter.typeFew > .slideWrap > ul.slide > li > a > span.caption {
  display: table-cell;
  width: 50%;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
}

.cmpNavCharacter.typeFew > .slideWrap > ul.slide > li > a > span.thumb {
  display: inline-block;
  vertical-align: middle;
}

.cmpNavCharacter.typeFew > .slideWrap > ul.slide > li.isCurrent {
  width: 24%;
}

.cmpNavCharacter.typeFew > .slideWrap > ul.slide > li.isCurrent > a,
.cmpNavCharacter.typeFew > .slideWrap > ul.slide > li > a:hover {
  text-decoration: none;
}

.cmpNavCharacter.typeFew > .navController {
  display: none;
}

.cmpColumn {
  width: 100%;
  margin-bottom: 30px;
}

.cmpColumn > .column {
  float: left;
}

.cmpColumn > .column > *:last-child {
  margin-bottom: 0 !important;
}

.cmpColumn.typeTable {
  display: table;
}

.cmpColumn.typeTable > .column {
  display: table-cell;
  vertical-align: top;
}

.cmpColumn.typeCol2 {
  width: 100%;
  margin-right: -20px;
  margin-left: -20px;
}

.cmpColumn.typeCol2 > .column {
  width: 50%;
  padding: 0 20px;
}

.cmpColumn.typeCol2.typeCharacter {
  margin: 0;
}

.cmpColumn.typeCol2.typeCharacter > .column {
  padding: 40px;
}

.cmpColumn.typeCol2.typeCharacter > .column.img {
  padding: 0;
}

.cmpColumn.typeCol2.typeCharacter > .column.img img {
  width: 100%;
  height: auto;
}

.cmpColumn.typeCol2.typeGallery {
  margin: 0;
}

.cmpColumn.typeCol2.typeGallery > .column {
  position: relative;
  padding: 0;
}

.cmpColumn.typeCol2.typeGallery > .column .btnBa {
  position: absolute;
  bottom: 70px;
  left: 40px;
}

.cmpColumn.typeCol2.typeGallery > .column .btnBa > a {
  padding: 18px 60px 18px 30px;
  color: #fff;
  border: 2px solid #fff;
}

.cmpColumn.typeCol2.typeGallery > .column .btnBa > a:after {
  top: 50%;
  right: 20px;
  width: 11px;
  height: 17px;
  margin-top: -8.5px;
  background-position: -472px -498px;
}

.cmpColumn.typeCol2.typeGallery > .column.type1 > ul li {
  float: left;
  width: 50%;
}

.cmpColumn.typeCol2.typeMusic {
  margin: 0;
  border: 1px solid gainsboro;
}

.cmpColumn.typeCol2.typeMusic > .column {
  float: left;
  width: 50%;
}

.cmpColumn.typeCol2.typeMusic > .column.type1 {
  padding: 60px;
  text-align: center;
  background-color: #f5f7f8;
}

.cmpColumn.typeCol2.typeMusic > .column.type1 .thumb > a {
  width: 100%;
  height: 100%;
}

.cmpColumn.typeCol2.typeMusic > .column.type1 .thumb > a > img {
  width: 100%;
  height: auto;
}

.cmpColumn.typeCol2.typeMusic > .column.type2 {
  padding: 55px 60px 30px 70px;
  border-left: 1px solid gainsboro;
}

.cmpColumn.typeCol2.typeMusic > .column.type2 .hdgTy2 {
  font-size: 30px;
  font-size: 3rem;
}

.cmpColumn.typeCol2.typeMusic > .column.type2 .hdgTy3 {
  margin-top: 20px;
}

.cmpColumn.typeCol2.typeMusic > .column.type2 .text {
  margin-bottom: 30px;
  color: #777;
}

.cmpColumn.typeCol2.typeMusicList {
  margin: 0;
  padding: 0;
}

.cmpColumn.typeCol2.typeMusicList > .column {
  float: left;
  overflow: auto;
  width: 50%;
}

.cmpColumn.typeCol2.typeMusicList > .column.type1,
.cmpColumn.typeCol2.typeMusicList > .column.type2 {
  padding: 0;
}

.cmpColumn.typeCol2.typeMusicList > .column.type1:first-child,
.cmpColumn.typeCol2.typeMusicList > .column.type2:first-child {
  margin-right: -1px;
}

.cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic,
.cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic {
  padding: 15px 20px;
  border: 1px solid gainsboro;
  border-width: 1px 1px 0 1px;
  background-color: #f5f7f8;
}

.cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul,
.cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul {
  line-height: 47px;
  position: relative;
}

.cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li,
.cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li {
  display: inline-block;
}

.cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li > img,
.cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li > img {
  width: 60px;
  height: 60px;
}

.cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li.cdno,
.cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li.cdno {
  font-size: 30px;
  font-size: 3rem;
  margin-left: 10px;
}

.cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li.iconHeadphone,
.cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li.iconHeadphone {
  position: absolute;
  top: 8px;
  right: 0;
}

.cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li.iconHeadphone > a,
.cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li.iconHeadphone > a {
  padding-left: 25px;
  color: #0093d0;
}

.cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li.iconHeadphone > a:before,
.cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li.iconHeadphone > a:before {
  top: 50%;
  left: 0;
  width: 14px;
  height: 15px;
  margin-top: -7.5px;
  background-position: 0 -526px;
}

.cmpColumn.typeCol2.typeMusicList > .column.type1.type2,
.cmpColumn.typeCol2.typeMusicList > .column.type2.type2 {
  float: none;
  width: 100%;
  margin: 0 auto;
}

.cmpColumn.typeCol2.typeDetail {
  margin: 0;
  border: 1px solid gainsboro;
}

.cmpColumn.typeCol2.typeDetail > .column {
  padding: 50px;
}

.cmpColumn.typeCol2.typeDetail > .column:first-child {
  border-right: 1px solid gainsboro;
}

.cmpColumn.typeCol3 {
  width: 100%;
  margin-right: -20px;
  margin-left: -20px;
}

.cmpColumn.typeCol3 > .column {
  width: 33.33333%;
  padding: 0 20px;
}

.cmpTimetable {
  overflow-y: scroll;
  max-height: 800px;
  padding-right: 20px;
}

.cmpTimetable * {
  word-break: normal;
}

.cmpTimetable.scrollNone {
  overflow-y: auto;
  max-height: none;
  padding-right: 0;
}

.cmpTimetable.isRun > dl.listTimeTableBa > dd > .contents {
  display: none;
}

.cmpTimetable > .listTimeTableBa {
  display: table;
  width: 100%;
  border: 1px solid gainsboro;
  border-width: 0 0 1px 1px;
}

.cmpTimetable > .listTimeTableBa:first-child {
  border-width: 1px 0 1px 1px;
}

.cmpTimetable > .listTimeTableBa > dt,
.cmpTimetable > .listTimeTableBa > dd,
.cmpTimetable > .listTimeTableBa > div {
  display: table-cell;
  border: 1px solid gainsboro;
  border-width: 0 1px 0 0;
}

.cmpTimetable > .listTimeTableBa > dt {
  width: 10%;
  text-align: center;
  vertical-align: middle;
  background-color: #f5f7f8;
}

.cmpTimetable > .listTimeTableBa > dt .time {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  display: block;
}

.cmpTimetable > .listTimeTableBa > dd,
.cmpTimetable > .listTimeTableBa > div {
  width: 90%;
  vertical-align: top;
}

.cmpTimetable > .listTimeTableBa > dd > .link,
.cmpTimetable > .listTimeTableBa > div > .link {
  display: block;
  padding: 25px 40px 20px;
}

.cmpTimetable > .listTimeTableBa > dd > .link .hdg,
.cmpTimetable > .listTimeTableBa > div > .link .hdg {
  font-size: 24px;
  font-size: 2.4rem;
}

.cmpTimetable > .listTimeTableBa > dd > .link .hdg span.iconCh,
.cmpTimetable > .listTimeTableBa > div > .link .hdg span.iconCh {
  position: relative;
  top: -2px;
}

.cmpTimetable > .listTimeTableBa > dd > .link .comment,
.cmpTimetable > .listTimeTableBa > div > .link .comment {
  margin-bottom: 0;
  color: #777;
}

.cmpTimetable > .listTimeTableBa > dd > .link span.iconCh,
.cmpTimetable > .listTimeTableBa > div > .link span.iconCh {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 1px 4px;
  color: #777;
  border: 1px solid gainsboro;
  background-color: #f5f7f8;
}

.cmpTimetable > .listTimeTableBa > dd > a.link:before,
.cmpTimetable > .listTimeTableBa > div > a.link:before {
  top: 50%;
  right: 40px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-position: -491px -93px;
}

.cmpTimetable > .listTimeTableBa > dd > a.link:hover,
.cmpTimetable > .listTimeTableBa > div > a.link:hover {
  cursor: default;
  text-decoration: none;
}

.cmpTimetable > .listTimeTableBa > dd > a.link:hover:before,
.cmpTimetable > .listTimeTableBa > div > a.link:hover:before {
  cursor: pointer;
  text-decoration: underline;
}

.cmpTimetable > .listTimeTableBa > dd > a.link .hdg:hover,
.cmpTimetable > .listTimeTableBa > div > a.link .hdg:hover {
  cursor: pointer;
  text-decoration: underline;
}

.cmpTimetable > .listTimeTableBa > dd > .contents,
.cmpTimetable > .listTimeTableBa > div > .contents {
  padding: 0 40px;
}

.cmpTimetable > .listTimeTableBa > dd > .contents .lytImgBa > .contents,
.cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 > .contents,
.cmpTimetable > .listTimeTableBa > div > .contents .lytImgBa > .contents,
.cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 > .contents {
  display: table;
}

.cmpTimetable > .listTimeTableBa > dd > .contents .lytImgBa > .contents .column,
.cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 > .contents .column,
.cmpTimetable > .listTimeTableBa > div > .contents .lytImgBa > .contents .column,
.cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 > .contents .column {
  display: table-cell;
  float: left;
  width: 70%;
  padding: 0 40px 0 0;
}

.cmpTimetable > .listTimeTableBa > dd > .contents .lytImgBa > .contents .column .listBa,
.cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 > .contents .column .listBa,
.cmpTimetable > .listTimeTableBa > div > .contents .lytImgBa > .contents .column .listBa,
.cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 > .contents .column .listBa {
  margin-bottom: 15px;
}

.cmpTimetable > .listTimeTableBa > dd > .contents .lytImgBa > .contents .column .listBa > dd,
.cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 > .contents .column .listBa > dd,
.cmpTimetable > .listTimeTableBa > div > .contents .lytImgBa > .contents .column .listBa > dd,
.cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 > .contents .column .listBa > dd {
  color: #777;
}

.cmpTimetable > .listTimeTableBa > dd > .contents .lytImgBa > .contents .column .text,
.cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 > .contents .column .text,
.cmpTimetable > .listTimeTableBa > div > .contents .lytImgBa > .contents .column .text,
.cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 > .contents .column .text {
  color: #777;
}

.cmpTimetable > .listTimeTableBa > dd > .contents .lytImgBa > .contents .column.line,
.cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 > .contents .column.line,
.cmpTimetable > .listTimeTableBa > div > .contents .lytImgBa > .contents .column.line,
.cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 > .contents .column.line {
  width: 30%;
  padding: 0 0 0 40px;
  border-left: 1px solid gainsboro;
}

.cmpTimetable > .listTimeTableBa > div .comment {
  margin-bottom: 0;
}

.cmpTimetable > .listTimeTableBa.isCurrent > dt,
.cmpTimetable > .listTimeTableBa.isNowOnAir > dt {
  color: #fff;
  background-color: #0093d0;
}

.cmpTimetable > .listTimeTableBa.isCurrent > dt > div,
.cmpTimetable > .listTimeTableBa.isNowOnAir > dt > div {
  position: relative;
  display: block;
}

.cmpTimetable > .listTimeTableBa.isCurrent > dt > div:after,
.cmpTimetable > .listTimeTableBa.isNowOnAir > dt > div:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 101%;
  left: 99%;
  width: 0;
  height: 0;
  content: '';
  border: 20px solid transparent;
  border-left-color: #0093d0;
}

.cmpTimetable > .listTimeTableBa.isCurrent > dt > div:after,
.cmpTimetable > .listTimeTableBa.isNowOnAir > dt > div:after {
  margin-top: -20px;
}

.cmpTimetable > .listTimeTableBa.isCurrent > dt .time,
.cmpTimetable > .listTimeTableBa.isNowOnAir > dt .time {
  color: #fff;
}

.cmpTimetable > .listTimeTableBa.isCurrent > dd > a.link:before,
.cmpTimetable > .listTimeTableBa.isCurrent > div > a.link:before {
  top: 50%;
  right: 40px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-position: -491px -153px;
}

.cmpTimetable > .listTimeTableBa.isCurrent > dd > .contents,
.cmpTimetable > .listTimeTableBa.isCurrent > div > .contents {
  display: block !important;
}

.cmpTimetable > .listTimeTableBa.isNowOnAir > dt {
  background-color: #333;
}

.cmpTimetable > .listTimeTableBa.isNowOnAir > dt > div {
  position: relative;
}

.cmpTimetable > .listTimeTableBa.isNowOnAir > dt > div:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 101%;
  left: 99%;
  width: 0;
  height: 0;
  content: '';
  border: 20px solid transparent;
  border-left-color: #333;
}

.cmpAccordionBa {
  margin-bottom: 50px;
}

.cmpAccordionBa > .hdgBa {
  margin: 0;
  padding: 40px 0;
  color: #4d4d4d;
  border-bottom: 1px solid gainsboro;
}

.cmpAccordionBa > .section {
  border-bottom: 1px solid gainsboro;
}

.cmpAccordionBa > .section > .hdg {
  font-size: 14px;
  font-size: 1.4rem;
}

.cmpAccordionBa > .section > .hdg a {
  display: block;
  padding: 28px 60px 28px 40px;
  text-decoration: none;
}

.cmpAccordionBa > .section > .hdg a:before {
  top: 50%;
  right: 42px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background-position: -312px -526px;
}

.cmpAccordionBa > .section > .hdg a:hover {
  text-decoration: underline;
}

.cmpAccordionBa > .section > .hdg a:hover:before {
  top: 50%;
  right: 42px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background-position: -276px -526px;
}

.cmpAccordionBa > .section > .contents {
  padding: 0 40px;
}

.cmpAccordionBa > .section.isClose > .hdg a:before {
  top: 50%;
  right: 42px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background-position: -294px -526px;
}

.cmpAccordionBa > .section.isClose > .hdg a:hover:before {
  top: 50%;
  right: 42px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background-position: -491px -451px;
}

ul.cmpListIcon {
  font-size: 22px;
  font-size: 2.2rem;
  border: 1px solid gainsboro;
  background-color: #f5f7f8;
}

ul.cmpListIcon > li {
  float: left;
  text-align: center;
}

ul.cmpListIcon > li > a {
  display: block;
  padding: 100px 10px 30px;
  border: 1px solid gainsboro;
  border-width: 0 1px 0 0;
}

ul.cmpListIcon > li.iconDocument > a:before {
  top: 40px;
  left: 50%;
  width: 35px;
  height: 44px;
  margin-top: 0;
  margin-left: -17.5px;
  background-position: -323px -322px;
}

ul.cmpListIcon > li.iconMobile > a:before {
  top: 40px;
  left: 50%;
  width: 28px;
  height: 45px;
  margin-top: 0;
  margin-left: -14px;
  background-position: -186px -322px;
}

ul.cmpListIcon > li.iconBuy > a:before {
  top: 40px;
  left: 50%;
  width: 44px;
  height: 43px;
  margin-top: 0;
  margin-left: -22px;
  background-position: 0 -376px;
}

ul.cmpListIcon > li.iconComment > a:before {
  top: 40px;
  left: 50%;
  width: 43px;
  height: 43px;
  margin-top: 0;
  margin-left: -21.5px;
  background-position: -388px 0;
}

ul.cmpListIcon > li:first-child > a {
  border-left: none;
}

ul.cmpListIcon.typeCol2 > li {
  width: 50%;
}

ul.cmpListIcon.typeCol3 > li {
  width: 33.33333%;
}

ul.cmpListIcon.typeCol4 > li {
  width: 25%;
}

ul.cmpListIconTy1 {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 25px 30px;
  border: 1px solid gainsboro;
  background-color: #f5f7f8;
}

ul.cmpListIconTy1 > li {
  display: inline-block;
  margin-right: 30px;
  padding: 5px 0 5px 25px;
}

ul.cmpListIconTy1 > li.iconTel:before {
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-position: -522px -352px;
}

ul.cmpListIconTy1 > li.iconCatalog:before {
  top: 50%;
  left: 0;
  width: 19px;
  height: 19px;
  margin-top: -9.5px;
  background-position: -238px -498px;
}

ul.cmpListIconTy1 > li.iconInfo:before {
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-position: -522px -378px;
}

.cmpPanel {
  border: 1px solid gainsboro;
  background-color: #f5f7f8;
}

.cmpPanel > .column {
  float: left;
  padding: 50px 40px;
  border: 1px solid gainsboro;
  border-width: 0 0 0 1px;
}

.cmpPanel > .column:first-child {
  border-left: none;
}

.cmpPanel > .column .btnBa > a {
  border-width: 2px;
}

.cmpPanel > .column .hdg {
  font-size: 30px;
  font-size: 3rem;
  font-weight: normal;
  margin-bottom: 20px;
}

.cmpPanel > .column .hdg > span.sub {
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 10px;
}

.cmpPanel > .column .hdg.iconShopping,
.cmpPanel > .column .hdg.iconSearch,
.cmpPanel > .column .hdg.iconTv,
.cmpPanel > .column .hdg.iconTicket,
.cmpPanel > .column .hdg.iconInfo,
.cmpPanel > .column .hdg.iconTel {
  padding-top: 58px;
}

.cmpPanel > .column .hdg.iconShopping:before {
  top: 3px;
  left: 0;
  width: 44px;
  height: 44px;
  margin-top: 0;
  background-position: -220px -322px;
}

.cmpPanel > .column .hdg.iconSearch:before {
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  margin-top: 0;
  background-position: -334px 0;
}

.cmpPanel > .column .hdg.iconTv:before {
  top: 3px;
  left: 0;
  width: 62px;
  height: 48px;
  margin-top: 0;
  background-position: 0 -322px;
}

.cmpPanel > .column .hdg.iconTel:before {
  top: 0;
  left: 0;
  width: 47px;
  height: 48px;
  margin-top: 0;
  background-position: -334px -54px;
}

.cmpPanel > .column .hdg.iconTicket:before {
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  margin-top: 0;
  background-position: -264px -266px;
}

.cmpPanel > .column .hdg.iconInfo:before {
  top: 0;
  left: 0;
  width: 47px;
  height: 46px;
  margin-top: 0;
  background-position: -334px -268px;
}

.cmpPanel.typeCol2 > .column {
  width: 50%;
}

.cmpPanel.typeCol3 > .column {
  width: 33.33333%;
}

.cmpPanel.typeCol4 > .column {
  width: 25%;
}

.cmpPanelSns {
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  z-index: 100;
  top: 185px;
  right: 40px;
  width: 239px;
}

.cmpPanelSns > div {
  position: relative;
  position: relative;
}

.cmpPanelSns > div:before {
  position: absolute;
  z-index: 1;
  top: 1px;
  top: -24px;
  left: 166px;
  width: 0;
  height: 0;
  content: '';
  border: 12.5px solid transparent;
  border-bottom-color: gainsboro;
}

.cmpPanelSns > div:after {
  position: absolute;
  z-index: 1;
  top: 2px;
  top: -22px;
  left: 167px;
  width: 0;
  height: 0;
  content: '';
  border: 12.5px solid transparent;
  border-bottom-color: #f5f6f8;
}

.cmpPanelSns > div > ul {
  border: 1px solid #dbdbdb;
  border-width: 1px 0 0 1px;
  background-color: #f5f6f8;
}

.cmpPanelSns > div > ul > li {
  float: left;
  border: 1px solid #dbdbdb;
  border-width: 0 1px 1px 0;
}

.cmpPanelSns > div > ul > li > a {
  line-height: 90px;
  display: block;
  width: 118px;
  height: 90px;
  text-align: center;
}

.cmpPanelSns.isClose {
  display: none;
}

.cmpModal {
  width: 100%;
  height: 100%;
}

.cmpModal > .inner {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
}

.cmpModal > .inner > .btnClose {
  display: none;
}

#myStatus.isShowModal .strWrapper {
  position: inherit;
}

#myStatus.isShowModal .cmpPanelSns {
  display: none;
}

#myStatus.isShowModal .cmpModal {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  padding: 20px 80px;
  background: url(/etc/designs/disney/libs/common/image/modal-bg.png) repeat center center;
}

#myStatus.isShowModal .cmpModal > .inner {
  width: 100%;
  max-width: 800px;
  margin-top: 0;
}

#myStatus.isShowModal .cmpModal > .inner > .btnClose {
  position: absolute;
  top: 0;
  right: -60px;
  display: inline-block;
}

#myStatus.isShowModal .cmpModal > .inner > .btnClose > a {
  display: block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  color: #fff;
  background-color: #0093d0;
}

#myStatus.isShowModal .cmpModal > .inner > .btnClose > a:before {
  top: 50%;
  left: 50%;
  width: 15px;
  height: 15px;
  margin-top: -7.5px;
  margin-left: -7.5px;
  background-position: -530px -498px;
}

#myStatus.isShowModal .cmpModal > .inner > .btnClose > a > span {
  position: relative;
  z-index: -1;
}

#myStatus.isShowModal .cmpModal > .inner > .modalContents {
  min-height: 392px;
  padding: 40px;
}

.cmpGallery .mainGallery {
  position: relative;
  margin-bottom: 20px;
}

.cmpGallery .mainGallery .slideWrap {
  position: relative;
  left: 0;
  overflow: hidden;
  width: 100%;
}

.cmpGallery .mainGallery .slideWrap ul.slide {
  width: 2000%;
}

.cmpGallery .mainGallery .slideWrap ul.slide li {
  float: left;
  width: 5%;
}

.cmpGallery .mainGallery .slideWrap ul.navController {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -45px;
}

.cmpGallery .mainGallery .slideWrap ul.navController li a {
  width: 90px;
  height: 90px;
  border: 2px solid #fff !important;
  background: url(/etc/designs/disney/libs/common/image/transparent-bg.png) repeat 0 0;
}

.cmpGallery .mainGallery .slideWrap ul.navController li.prev {
  float: left;
  margin-left: 40px;
}

.cmpGallery .mainGallery .slideWrap ul.navController li.prev a:before {
  top: 50%;
  left: 37px;
  width: 21px;
  height: 31px;
  margin-top: -15.5px;
  background-position: -437px -377px;
}

.cmpGallery .mainGallery .slideWrap ul.navController li.next {
  float: right;
  margin-right: 40px;
}

.cmpGallery .mainGallery .slideWrap ul.navController li.next a:before {
  top: 50%;
  left: 39px;
  width: 21px;
  height: 31px;
  margin-top: -15.5px;
  background-position: -464px -377px;
}

.cmpGallery .navGallery {
  position: relative;
  width: 100%;
}

.cmpGallery .navGallery .logo {
  float: left;
  width: 280px;
  height: 150px;
}

.cmpGallery .navGallery .slideWrap {
  float: right;
  overflow: hidden;
  width: 830px;
  margin-top: 12px;
  margin-right: 43px;
}

.cmpGallery .navGallery .slideWrap ul.slide {
  position: relative;
  left: 0;
  width: 1000%;
}

.cmpGallery .navGallery .slideWrap ul.slide li {
  float: left;
  width: 2.5%;
}

.cmpGallery .navGallery .slideWrap ul.slide li a {
  width: 100%;
}

.cmpGallery .navGallery .slideWrap ul.slide li a img {
  border: 10px solid #fff;
}

.cmpGallery .navGallery .slideWrap ul.slide li a:hover img {
  border-color: #f5f7f8;
}

.cmpGallery .navGallery .slideWrap ul.slide li.isCurrent a img {
  border-color: #0093d0;
}

.cmpGallery .navGallery ul.navController1 {
  position: absolute;
  top: 43px;
  right: 0;
  width: 920px;
}

.cmpGallery .navGallery ul.navController1 li a span {
  top: -20px;
  display: inline-block;
}

.cmpGallery .navGallery ul.navController1 li.prev a:before {
  top: 50%;
  left: 10px;
  width: 19px;
  height: 30px;
  margin-top: -15px;
  background-position: -152px -425px;
}

.cmpGallery .navGallery ul.navController1 li.next a:before {
  top: 50%;
  right: 0;
  width: 19px;
  height: 30px;
  margin-top: -15px;
  background-position: -177px -425px;
}

.cmpTableBa {
  width: 100%;
  margin-bottom: 30px;
  color: #777;
  border: 1px solid #dcdcdc;
  border-width: 1px 0 0 1px;
}

.cmpTableBa + .cmpTableBa {
  margin-top: -30px;
}

.cmpTableBa a {
  color: #0093d0;
}

.cmpTableBa.typeTheater ul.haed {
  font-weight: bold;
  display: table;
  width: 100%;
  color: #333;
  background-color: #f5f7f8;
}

.cmpTableBa.typeTheater ul.haed > li {
  display: table-cell;
  width: 38%;
  padding: 30px 20px;
  border: 1px solid #dcdcdc;
  border-width: 0 1px 1px 0;
}

.cmpTableBa.typeTheater ul.haed > li:first-child {
  width: 24%;
}

.cmpTableBa.typeTheater .table {
  display: table;
  width: 100%;
}

.cmpTableBa.typeTheater .table .hdg {
  display: table-cell;
  width: 24%;
  padding: 10px;
  vertical-align: top;
  border: 1px solid #dcdcdc;
  border-width: 0 1px 1px 0;
}

.cmpTableBa.typeTheater .table dl.table {
  display: table-cell;
  width: 76%;
  vertical-align: top;
}

.cmpTableBa.typeTheater .table dl.table dt,
.cmpTableBa.typeTheater .table dl.table dd {
  float: left;
  width: 50%;
  padding: 18px 20px;
  border: 1px solid #dcdcdc;
  border-width: 0 1px 1px 0;
}

.cmpTableBa.typeTheater .table dl.table dt {
  clear: both;
}

@media only screen and (min-width: 801px) and (max-width: 900px) {
  .cmpItem.slideOnly > .slideWrap > ul.slide > li > .text {
    font-size: 1.8rem;
  }
  .cmpItem1 ul.slide > li > a > .data > .lead {
    font-size: 1.65rem;
  }
  .cmpItem1 ul.slide > li > a > .data > div > span.price {
    font-size: 1.65rem;
  }
  .cmpItem1 ul.slide > li > a > .data > div > span.brand {
    display: none;
  }
  .cmpItem3 ul.slide > li > a > .data > div > span.price {
    font-size: 1.65rem;
  }
  .cmpItem3 ul.slide > li > a > .data > div > span.brand {
    display: none;
  }
  .cmpItem4 > ul.slide > li.type1 .data > .text,
  .cmpItem4 > ul.slide > li.type4 .data > .text {
    font-size: 1.65rem;
  }
  .cmpItem7 ul.slide > li .info .data > .text {
    font-size: 1.65rem;
  }
  .cmpItem8 ul.slide > li > a > .text {
    font-size: 1.65rem;
  }
  .cmpNews > .pickup > a > .text {
    font-size: 1.65rem;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .lead {
    font-size: 1.65rem;
  }
}

@media only screen and (max-width: 800px) {
  .setScale {
    margin-bottom: 40px;
  }
  .setScale > div {
    width: auto;
  }
  .setScaleTab > div {
    width: 1200px;
  }
  .cmpMain > ul.slide > li.isColorDark > .data,
  .cmpMain2 > ul.slide > li.isColorDark > .data {
    position: relative;
  }
  .cmpMain > ul.slide > li.isColorDark > .data:after,
  .cmpMain2 > ul.slide > li.isColorDark > .data:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -49px;
    left: 41px;
    width: 0;
    height: 0;
    content: '';
    border: 25px solid transparent;
    border-bottom-color: black;
  }
  .cmpMain > ul.slide > li.isColorDark > .data:after,
  .cmpMain2 > ul.slide > li.isColorDark > .data:after {
    z-index: 0;
  }
  .cmpMain > ul.slide > li.isColorGray > .data,
  .cmpMain2 > ul.slide > li.isColorGray > .data {
    position: relative;
  }
  .cmpMain > ul.slide > li.isColorGray > .data:after,
  .cmpMain2 > ul.slide > li.isColorGray > .data:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -49px;
    left: 41px;
    width: 0;
    height: 0;
    content: '';
    border: 25px solid transparent;
    border-bottom-color: #ccc;
  }
  .cmpMain > ul.slide > li.isColorGray > .data:after,
  .cmpMain2 > ul.slide > li.isColorGray > .data:after {
    z-index: 0;
  }
  .cmpMain > ul.slide > li.typeJacket > .data,
  .cmpMain > ul.slide > li.typeJacket > .list,
  .cmpMain2 > ul.slide > li.typeJacket > .data,
  .cmpMain2 > ul.slide > li.typeJacket > .list {
    display: none;
  }
  .cmpMain > ul.slide > li > .thumb,
  .cmpMain2 > ul.slide > li > .thumb {
    float: none;
    width: 100%;
    height: auto;
  }
  .cmpMain > ul.slide > li > .thumb.typeMovie,
  .cmpMain2 > ul.slide > li > .thumb.typeMovie {
    position: relative;
    width: 100%;
    padding-top: 60%;
  }
  .cmpMain > ul.slide > li > .thumb.typeMovie > iframe,
  .cmpMain > ul.slide > li > .thumb.typeMovie object,
  .cmpMain2 > ul.slide > li > .thumb.typeMovie > iframe,
  .cmpMain2 > ul.slide > li > .thumb.typeMovie object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .cmpMain > ul.slide > li > .thumb.typeMovie + .data:after,
  .cmpMain2 > ul.slide > li > .thumb.typeMovie + .data:after {
    display: none;
  }
  .cmpMain > ul.slide > li > .data,
  .cmpMain2 > ul.slide > li > .data {
    position: relative;
    float: none;
    width: 100%;
    height: auto;
    padding: 40px;
  }
  .cmpMain > ul.slide > li > .data:after,
  .cmpMain2 > ul.slide > li > .data:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -49px;
    left: 41px;
    width: 0;
    height: 0;
    content: '';
    border: 25px solid transparent;
    border-bottom-color: white;
  }
  .cmpMain > ul.slide > li > .data:after,
  .cmpMain2 > ul.slide > li > .data:after {
    z-index: 0;
  }
  .cmpMain > ul.slide > li > .data > .logo,
  .cmpMain2 > ul.slide > li > .data > .logo {
    display: table-cell;
    width: 180px;
    margin: 0;
    padding-right: 40px;
    vertical-align: middle;
  }
  .cmpMain > ul.slide > li > .data > .logo > span,
  .cmpMain2 > ul.slide > li > .data > .logo > span {
    padding: 0;
  }
  .cmpMain > ul.slide > li > .data > .logo > span > img,
  .cmpMain2 > ul.slide > li > .data > .logo > span > img {
    width: 100%;
    max-height: none;
  }
  .cmpMain > ul.slide > li > .data > div,
  .cmpMain2 > ul.slide > li > .data > div {
    display: table-cell;
    height: auto;
    margin-top: 0;
    vertical-align: middle;
  }
  .cmpMain > ul.slide > li > .data > div > .lead,
  .cmpMain2 > ul.slide > li > .data > div > .lead {
    margin-bottom: 8px;
  }
  .cmpMain > ul.slide > li > .data > div > .text,
  .cmpMain2 > ul.slide > li > .data > div > .text {
    margin-top: 0;
    margin-bottom: 0;
  }
  .cmpMain > ul.slide > li > ul.list,
  .cmpMain2 > ul.slide > li > ul.list {
    font-size: 16px;
    font-size: 1.6rem;
    position: static;
    width: 100%;
    border-width: 1px 0 0 !important;
  }
  .cmpMain > ul.slide > li > ul.list > li,
  .cmpMain2 > ul.slide > li > ul.list > li {
    display: none;
    float: left;
    width: 50%;
  }
  .cmpMain > ul.slide > li > ul.list > li > a,
  .cmpMain2 > ul.slide > li > ul.list > li > a {
    padding: 17px 40px 17px 80px;
    border-width: 0 1px 0 0;
  }
  .cmpMain > ul.slide > li > ul.list > li > a:before,
  .cmpMain2 > ul.slide > li > ul.list > li > a:before {
    top: 50%;
    right: 30px;
    width: 9px;
    height: 15px;
    margin-top: -7.5px;
    background-position: -318px -287px;
  }
  .cmpMain > ul.slide > li > ul.list > li:nth-child(1),
  .cmpMain > ul.slide > li > ul.list > li:nth-child(2),
  .cmpMain2 > ul.slide > li > ul.list > li:nth-child(1),
  .cmpMain2 > ul.slide > li > ul.list > li:nth-child(2) {
    display: block;
  }
  .cmpMain > ul.slide > li > ul.list > li:nth-child(2) a,
  .cmpMain2 > ul.slide > li > ul.list > li:nth-child(2) a {
    border-right: 0;
  }
  .cmpMain > ul.nav,
  .cmpMain2 > ul.nav {
    top: 390px;
    right: 30px;
    margin-top: 0;
  }
  .cmpMain2 > .slide > li {
    height: auto;
  }
  .cmpMain2 > .thumb.typeMovie {
    float: none;
    width: 100%;
    height: auto;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: 0;
    margin-left: -1px;
    padding-top: 60%;
  }
  .cmpMain2 > .thumb.typeMovie:after {
    display: none;
  }
  .cmpMain2 > .thumb.typeMovie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .cmpMain2 > .thumb.typeMovie + .slide li {
    position: relative;
  }
  .navChannel {
    padding: 20px 30px;
  }
  .navChannel > .slideWrap {
    overflow: hidden;
    width: 100%;
  }
  .navChannel > .slideWrap > ul.slide {
    width: 2000%;
  }
  .navChannel > .slideWrap > ul.slide li {
    width: 2.5%;
    text-align: center;
  }
  .navChannel > .slideWrap > ul.slide li img {
    border: 5px solid transparent;
  }
  .navChannel > ul.navController {
    width: 100%;
    margin-left: -32px;
  }
  .navChannel > ul.navController li > a {
    border: none;
    background-color: transparent;
  }
  .cmpMovie > ul.movie {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .cmpMovie > ul.movie > li {
    width: 100%;
    height: 100%;
    padding-top: 60%;
  }
  .cmpMovie > ul.movie > li > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .cmpMovie > .data {
    display: table;
    float: none;
    width: 100%;
    height: auto;
  }
  .cmpMovie > .data:after {
    display: none;
  }
  .cmpMovie > .data > .logo {
    display: block;
    float: left;
    width: 33.33333%;
    padding: 10px;
    vertical-align: middle;
  }
  .cmpMovie > .data > .logo > span {
    height: auto;
  }
  .cmpMovie > .data > .logo > span img {
    width: 100%;
    max-height: 80px;
  }
  .cmpMovie > .data .slideWrap {
    display: block;
    float: right;
    overflow: hidden;
    width: 66.66666%;
    height: 100px;
    border: none;
  }
  .cmpMovie > .data .slideWrap ul.slide > li {
    float: left;
    width: 50%;
  }
  .cmpMovie > .data .slideWrap ul.slide > li > a {
    padding-left: 47%;
    border: none;
  }
  .cmpMovie > .data .slideWrap ul.slide > li > a > img {
    left: 3px;
    width: 40%;
  }
  .cmpMovie > .data .label {
    position: static;
    clear: both;
    padding-right: 150px;
    text-align: right;
  }
  .cmpMovie2 ul.navController1 {
    display: none;
  }
  .cmpImage ul.navController1 {
    display: none;
  }
  .cmpImage2 ul.navController1 {
    display: none;
  }
  .cmpItem > ul.nav > li > a:before {
    top: 50%;
    left: 50%;
    width: 10px;
    height: 15px;
    margin-top: -7.5px;
    margin-left: -5px;
    background-position: -150px -112px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .cmpItem > ul.nav > li.prev > a:before {
    top: 50%;
    left: 50%;
    width: 10px;
    height: 15px;
    margin-top: -7.5px;
    margin-left: -5px;
    background-position: -64px -213px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .cmpItem > ul.item > li.type1.isColorDark > a .linkBa span:after,
  .cmpItem > ul.item > li.type1.isColorDark > div .linkBa span:after,
  .cmpItem > ul.item > li.type1.isColorGray > a .linkBa span:after,
  .cmpItem > ul.item > li.type1.isColorGray > div .linkBa span:after,
  .cmpItem > ul.item > li.type2.isColorDark > a .linkBa span:after,
  .cmpItem > ul.item > li.type2.isColorDark > div .linkBa span:after,
  .cmpItem > ul.item > li.type2.isColorGray > a .linkBa span:after,
  .cmpItem > ul.item > li.type2.isColorGray > div .linkBa span:after,
  .cmpItem > ul.item > li.type3.isColorDark > a .linkBa span:after,
  .cmpItem > ul.item > li.type3.isColorDark > div .linkBa span:after,
  .cmpItem > ul.item > li.type3.isColorGray > a .linkBa span:after,
  .cmpItem > ul.item > li.type3.isColorGray > div .linkBa span:after {
    top: 5px;
    left: 8px;
    width: 6px;
    height: 9px;
    margin-top: 0;
    background-position: -123px -59px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .cmpItem {
    border: 1px solid gainsboro;
  }
  .cmpItem .linkBa {
    bottom: 40px;
  }
  .cmpItem > .slideWrap {
    top: 0;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid gainsboro;
  }
  .cmpItem > .slideWrap > ul.slide {
    float: none;
    height: auto;
  }
  .cmpItem > .slideWrap > ul.slide > li {
    position: static;
    width: 10%;
    height: 100%;
    padding-bottom: 90px;
    border-width: 0 1px 0 0;
  }
  .cmpItem > .slideWrap > ul.slide > li .thumb img {
    height: auto !important;
  }
  .cmpItem > .slideWrap > ul.slide > li > a > .thumb,
  .cmpItem > .slideWrap > ul.slide > li > div > .thumb {
    width: 100%;
    height: auto;
  }
  .cmpItem > .slideWrap > ul.slide > li > a > .thumb img,
  .cmpItem > .slideWrap > ul.slide > li > div > .thumb img {
    height: auto !important;
  }
  .cmpItem > .slideWrap > ul.slide > li > a > .lead,
  .cmpItem > .slideWrap > ul.slide > li > div > .lead {
    font-size: 30px;
    font-size: 3rem;
    padding: 40px 40px 25px;
  }
  .cmpItem > .slideWrap > ul.slide > li > .text,
  .cmpItem > .slideWrap > ul.slide > li > .linkBa,
  .cmpItem > .slideWrap > ul.slide > li > .listLinkTy3 {
    padding: 0 40px;
  }
  .cmpItem > .slideWrap > ul.slide > li > .listLinkTy3 {
    position: static;
  }
  .cmpItem > .slideWrap > ul.slide > li > .listLinkTy3 > li {
    margin: 0 20px 10px 0;
  }
  .cmpItem > .slideWrap > ul.slide > li > .listLinkTy3 > li:last-child {
    margin-right: 0;
  }
  .cmpItem > ul.nav {
    position: relative;
    top: -80px;
    right: 40px;
    float: right;
    margin-bottom: -50px;
  }
  .cmpItem > ul.item {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .cmpItem > ul.item > li {
    position: relative;
    width: 50%;
    height: 100%;
    padding-bottom: 80px;
  }
  .cmpItem > ul.item > li > a,
  .cmpItem > ul.item > li > div {
    width: 100%;
  }
  .cmpItem > ul.item > li > a > .thumb,
  .cmpItem > ul.item > li > div > .thumb {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .cmpItem > ul.item > li > a > .thumb img,
  .cmpItem > ul.item > li > div > .thumb img {
    height: auto;
  }
  .cmpItem > ul.item > li > a > .lead,
  .cmpItem > ul.item > li > div > .lead {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .cmpItem > ul.item > li.type1,
  .cmpItem > ul.item > li.type2 {
    width: 100%;
    height: auto;
    margin: 0;
    padding-bottom: 0;
    border-right: none;
  }
  .cmpItem > ul.item > li.type1 > a,
  .cmpItem > ul.item > li.type2 > a {
    overflow: hidden;
    height: 100%;
  }
  .cmpItem > ul.item > li.type1 > a > .data,
  .cmpItem > ul.item > li.type2 > a > .data {
    position: static;
  }
  .cmpItem > ul.item > li.type1 .data,
  .cmpItem > ul.item > li.type2 .data {
    padding-bottom: 80px;
  }
  .cmpItem > ul.item > li.type1:last-child {
    border-bottom: none;
  }
  .cmpItem > ul.item > li.type3 {
    width: 100%;
    height: auto;
    margin: 0;
    padding-bottom: 0;
  }
  .cmpItem > ul.item > li.type3 > div > .youtube {
    width: 100%;
    height: 100%;
    padding-top: 60%;
  }
  .cmpItem > ul.item > li.type3 > div > .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .cmpItem.slideR > .nav {
    right: 40px;
  }
  .cmpItem.slideOnly > .slideWrap {
    border-bottom: 0;
  }
  .cmpItem.slideOnly > .slideWrap > ul.slide {
    height: auto;
  }
  .cmpItem.slideOnly > .slideWrap > ul.slide > li {
    width: 10%;
  }
  .cmpItem.slideOnly > .slideWrap > ul.slide > li > .thumb {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .cmpItem.slideOnly > .slideWrap > ul.slide > li > .lead {
    font-size: 34px;
    font-size: 3.4rem;
    position: relative;
    float: none;
    width: 100%;
    padding: 50px 40px 25px;
  }
  .cmpItem.slideOnly > .slideWrap > ul.slide > li > .lead:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -49px;
    left: 51px;
    width: 0;
    height: 0;
    content: '';
    border: 25px solid transparent;
    border-bottom-color: #f5f7f8;
  }
  .cmpItem.slideOnly > .slideWrap > ul.slide > li > .text {
    float: none;
    width: 100%;
    padding: 0 40px;
  }
  .cmpItem.slideOnly > .slideWrap > ul.slide > li .listLinkTy3 {
    position: static;
  }
  .cmpItem.slideNone > .slideWrap {
    border-bottom: 0;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide {
    height: auto;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li {
    width: 100%;
    padding-bottom: 30px;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > * {
    float: none !important;
    width: 100% !important;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > .thumb {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > .lead {
    font-size: 30px;
    font-size: 3rem;
    position: relative;
    width: 100%;
    padding: 40px 40px 25px;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > .lead:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -39px;
    left: 41px;
    width: 0;
    height: 0;
    content: '';
    border: 20px solid transparent;
    border-bottom-color: white;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > .lead1 {
    font-size: 20px;
    font-size: 2rem;
    padding: 0 40px;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > .text {
    width: 100%;
    padding: 0 40px;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li .linkBa {
    position: static;
  }
  .cmpItem1 ul.slide > li.type1 {
    width: 100%;
    height: auto;
  }
  .cmpItem1 ul.slide > li.type1 > a > .thumb > span {
    height: auto;
  }
  .cmpItem1 ul.slide > li.type1 > a > .thumb.taC > span {
    padding: 10% 30px;
  }
  .cmpItem1 ul.slide > li.type1 > a > .data {
    position: relative;
    position: relative;
    margin-top: -70px;
    padding: 30px 40px;
  }
  .cmpItem1 ul.slide > li.type1 > a > .data:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -39px;
    left: 41px;
    width: 0;
    height: 0;
    content: '';
    border: 20px solid transparent;
    border-bottom-color: white;
  }
  .cmpItem1 ul.slide > li.type1 > a > .data > .lead {
    font-size: 30px;
    font-size: 3rem;
  }
  .cmpItem1 ul.slide > li.type1 > a > .data > div > span.brand {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .cmpItem1 ul.slide > li.type2,
  .cmpItem1 ul.slide > li.type3 {
    width: 50%;
    border-width: 1px 1px 0 0 !important;
  }
  .cmpItem1 ul.slide > li.type2 img,
  .cmpItem1 ul.slide > li.type3 img {
    width: 90% !important;
  }
  .cmpItem1 ul.slide > li.type2 {
    border-width: 1px 0 0 0 !important;
  }
  .cmpItem1 ul.slide > li.type3 + .type3 {
    border-width: 1px 0 0 0 !important;
  }
  .cmpItem1 ul.slide > li.type3 + .type3 + .type3 {
    border-width: 1px 1px 0 0 !important;
  }
  .cmpItem1 ul.slide > li.type3 + .type3 + .type3 + .type3 {
    border-width: 1px 0 0 0 !important;
  }
  .cmpItem1 ul.slide > li.type2 + .type3 + .type3 {
    border-width: 1px 1px 0 0 !important;
  }
  .cmpItem2 ul.slide > li {
    position: relative;
    width: 5%;
  }
  .cmpItem2 ul.slide > li > .thumb a img {
    width: 100%;
  }
  .cmpItem2 ul.slide > li > .data {
    height: auto;
  }
  .cmpItem2 ul.slide > li > .data > .lead1 {
    margin-bottom: 0;
  }
  .cmpItem2 ul.slide > li > .data > .release {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .cmpItem2.slideNone ul.slide > li {
    width: 50%;
  }
  .cmpItem3 ul.slide > li {
    width: 2.5%;
    height: auto;
  }
  .cmpItem3 ul.slide > li:first-child,
  .cmpItem3 ul.slide > li:nth-child(4n+1) {
    border-width: 0 0 0 1px;
  }
  .cmpItem3 ul.slide > li:nth-child(2n+1) {
    border: none;
  }
  .cmpItem3 ul.slide > li > a {
    padding: 40px;
  }
  .cmpItem3 ul.slide > li > a > .thumb {
    width: auto;
  }
  .cmpItem3 ul.slide > li > a > .thumb img {
    max-width: 100%;
  }
  .cmpItem4 > ul.slide > li {
    height: auto;
    border-width: 0 1px 1px 0;
  }
  .cmpItem4 > ul.slide > li.type1 {
    width: 100%;
  }
  .cmpItem4 > ul.slide > li.type1 > a > .thumb,
  .cmpItem4 > ul.slide > li.type1 > a > .data {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
  .cmpItem4 > ul.slide > li.type1 > a .thumb {
    width: 40%;
    height: auto;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
  }
  .cmpItem4 > ul.slide > li.type1 > a .thumb span {
    display: inline-block;
  }
  .cmpItem4 > ul.slide > li.type1 > a .thumb img {
    width: 100%;
  }
  .cmpItem4 > ul.slide > li.type1 > a .data {
    width: 60%;
    padding: 40px 40px 20px;
  }
  .cmpItem4 > ul.slide > li.type1 > a .data > .lead {
    margin-bottom: 20px;
  }
  .cmpItem4 > ul.slide > li.type1 > a .data > .text {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .cmpItem4 > ul.slide > li.type1 > a .data > .release {
    margin-bottom: 20px;
  }
  .cmpItem4 > ul.slide > li.type2 {
    width: 50%;
  }
  .cmpItem4 > ul.slide > li.type2 > a {
    padding: 40px;
  }
  .cmpItem4 > ul.slide > li.type2 > a > .thumb {
    text-align: center;
  }
  .cmpItem4 > ul.slide > li.type3 {
    width: 100%;
    height: auto;
  }
  .cmpItem4 > ul.slide > li.type3 .data {
    padding: 30px 25px 10px 25px;
  }
  .cmpItem5 ul.slide > li {
    width: 50%;
    height: auto;
  }
  .cmpItem5 ul.slide > li > a {
    padding: 40px;
  }
  .cmpItem5 ul.slide > li > a > .thumb {
    width: auto;
  }
  .cmpItem5 ul.slide > li > a > .thumb img {
    max-width: 100%;
  }
  .cmpItem5 ul.slide > li > a > .data ul.icon > li:last-child,
  .cmpItem5 ul.slide > li > a > .data ul.icon > li:first-child {
    text-align: center;
  }
  .cmpItem5.isClose ul.slide > li:nth-child(12) ~ li {
    display: none;
  }
  .cmpItem5 > .linkShowMore {
    display: block;
  }
  .cmpItem6 > ul.item > li {
    margin-bottom: 40px;
  }
  .cmpItem6 > ul.item > li > .info,
  .cmpItem6 > ul.item > li > .detail {
    float: none;
    width: 100%;
  }
  .cmpItem6 > ul.item > li .data {
    padding: 30px 30px 15px;
  }
  .cmpItem6 > ul.item > li > .detail {
    padding: 40px 40px 30px;
    border-top: 1px solid gainsboro;
    border-left: none;
  }
  .cmpItem7 ul.slide > li {
    height: auto;
  }
  .cmpItem7 ul.slide > li .info,
  .cmpItem7 ul.slide > li .movie {
    float: none;
    width: 100%;
  }
  .cmpItem7 ul.slide > li .info {
    display: table;
  }
  .cmpItem7 ul.slide > li .info .thumb,
  .cmpItem7 ul.slide > li .info .data {
    display: table-cell;
    float: none;
  }
  .cmpItem7 ul.slide > li .info .thumb {
    position: relative;
    width: 40%;
    height: auto;
    text-align: center;
    vertical-align: middle;
  }
  .cmpItem7 ul.slide > li .info .thumb span {
    display: inline-block;
  }
  .cmpItem7 ul.slide > li .info .data {
    width: 60%;
    padding: 40px 40px 20px;
    vertical-align: top;
  }
  .cmpItem7 ul.slide > li .movie {
    display: none;
  }
  .cmpItem8 ul.slide > li {
    width: 10%;
    height: auto;
    border-right: none;
  }
  .cmpItem8 ul.slide > li > a {
    width: 100%;
    height: auto;
  }
  .cmpItem8 ul.slide > li > a > .thumb img {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .cmpItem8 ul.slide > li > a > .text {
    margin: 0 0 25px;
  }
  .cmpItem8.slideNone ul.slide > li {
    width: 100%;
    border-top: 1px solid gainsboro;
  }
  .cmpItem8.slideNone ul.slide > li:first-child {
    border-top: none;
  }
  .cmpItem9 ul.slide {
    width: 1000%;
  }
  .cmpItem9 ul.slide > li {
    float: left;
    width: 10%;
  }
  .cmpItem9 .lytImgTy3.imageR .img,
  .cmpItem9 .lytImgTy3.imageR .contents,
  .cmpItem9 .lytImgTy3.imageL .img,
  .cmpItem9 .lytImgTy3.imageL .contents {
    display: block !important;
    width: 100% !important;
  }
  .cmpItem9 .lytImgTy3.imageR .img,
  .cmpItem9 .lytImgTy3.imageL .img {
    padding: 0 !important;
  }
  .cmpItem9 .lytImgTy3.imageR .img img,
  .cmpItem9 .lytImgTy3.imageL .img img {
    width: 100% !important;
    max-width: none;
    height: auto;
  }
  .cmpItem9 .lytImgTy3.imageR .contents,
  .cmpItem9 .lytImgTy3.imageL .contents {
    padding: 30px 40px;
  }
  .cmpItem9 > ul.navController1 {
    position: absolute;
    top: 26%;
    display: block;
    margin-top: -30px;
  }
  .cmpItem9 > ul.navController1 > li {
    position: relative;
  }
  .cmpNews {
    direction: rtl;
  }
  .cmpNews > .pickup,
  .cmpNews > .movienex,
  .cmpNews > .newsWrap {
    display: table-cell;
    float: none;
    width: 50%;
    vertical-align: top;
    direction: ltr;
  }
  .cmpNews > .pickup > a {
    width: 100%;
    height: auto;
  }
  .cmpNews > .pickup > a > .lead {
    font-size: 20px;
    font-size: 2rem;
    position: relative;
    padding: 25px 40px 0;
  }
  .cmpNews > .pickup > a > .lead:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -39px;
    left: 41px;
    width: 0;
    height: 0;
    content: '';
    border: 20px solid transparent;
    border-bottom-color: white;
  }
  .cmpNews > .pickup > a > .text {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px;
    padding: 0 40px;
  }
  .cmpNews > .pickup > a > .linkBa {
    position: static;
    margin-bottom: 20px;
    padding: 0 40px;
  }
  .cmpNews > .movienex {
    height: auto !important;
    padding: 35px 30px 20px 35px !important;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .cmpNews > .movienex > .heading {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .cmpNews > .movienex > .text {
    font-size: 9px;
    font-size: .9rem;
  }
  .cmpNews > .movienex > .listNumBa {
    font-size: 9px;
    font-size: .9rem;
  }
  .cmpNews > .movienex > .btnBa span {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .cmpNews > .newsWrap > .news {
    height: auto;
    min-height: 90px;
    padding: 20px 20px 0 20px;
  }
  .cmpNews > .newsWrap > .news > .heading {
    font-size: 18px;
    font-size: 1.8rem;
    float: none;
    margin-bottom: 10px;
  }
  .cmpNews > .newsWrap > .news > .link {
    position: static;
    margin-top: 0;
  }
  .cmpNews > .newsWrap > .news > .sns {
    top: 23px;
    right: 20px;
  }
  .cmpNews > .newsWrap > ul.item > li > a {
    height: auto;
    min-height: 85px;
    padding: 20px 35px 20px 130px;
  }
  .cmpNews > .newsWrap > ul.item > li > a:before {
    top: 50%;
    right: 20px;
    width: 6px;
    height: 11px;
    margin-top: -5.5px;
    background-position: -261px -84px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .thumb {
    top: 20px;
    left: 20px;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .thumb img {
    width: 65px;
    height: 45px;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .thumb > .date {
    width: 40px;
    height: 45px;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .thumb > .date > .dateDD {
    font-size: 14px;
    font-size: 1.4rem;
    bottom: -.1em;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .thumb > .date > .dateMM {
    font-size: 7px;
    font-size: .7rem;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .lead {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0;
  }
  .cmpBanner > ul.tab > li > a.logo {
    line-height: 90px;
  }
  .cmpNavCharacter {
    position: relative;
    padding: 0 60px;
  }
  .cmpNavCharacter > .slideWrap {
    width: 100%;
  }
  .cmpNavCharacter > .slideWrap > ul.slide > li {
    width: 2.5%;
  }
  .cmpNavCharacter > .slideWrap > ul.slide > li > a {
    padding: 0 2px;
  }
  .cmpNavCharacter > .slideWrap > ul.slide > li > a > span.thumb {
    max-width: 90px;
  }
  .cmpNavCharacter > .slideWrap > ul.slide > li.isCurrent > a,
  .cmpNavCharacter > .slideWrap > ul.slide > li > a:hover {
    margin-top: 0;
  }
  .cmpNavCharacter > .slideWrap > ul.slide > li.isCurrent > a > span.thumb,
  .cmpNavCharacter > .slideWrap > ul.slide > li > a:hover > span.thumb {
    width: 100px;
  }
  .cmpNavCharacter > .slideWrap > ul.slide > li.isCurrent > a > span.caption,
  .cmpNavCharacter > .slideWrap > ul.slide > li > a:hover > span.caption {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 10px;
  }
  .cmpNavCharacter.typeFew {
    position: relative;
    padding: 0 60px;
  }
  .cmpNavCharacter.typeFew > .slideWrap {
    width: 100%;
  }
  .cmpNavCharacter.typeFew > .slideWrap > ul.slide {
    width: 1000%;
  }
  .cmpNavCharacter.typeFew > .slideWrap > ul.slide > li {
    float: left;
    width: 2.5% !important;
    height: auto;
  }
  .cmpNavCharacter.typeFew > .slideWrap > ul.slide > li > a {
    padding: 0 2px;
  }
  .cmpNavCharacter.typeFew > .slideWrap > ul.slide > li > a > span.thumb {
    width: 90px;
  }
  .cmpNavCharacter.typeFew > .slideWrap > ul.slide > li > a {
    display: block;
  }
  .cmpNavCharacter.typeFew > .slideWrap > ul.slide > li > a > span.caption,
  .cmpNavCharacter.typeFew > .slideWrap > ul.slide > li > a > span.thumb {
    display: inline-block;
    padding-left: 0;
  }
  .cmpColumn.typeCol2 {
    margin-right: 0;
    margin-left: 0;
  }
  .cmpColumn.typeCol2 > .column {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
  .cmpColumn.typeCol2 > .column *:last-child {
    margin-bottom: 0;
  }
  .cmpColumn.typeCol2.typeGallery > .column {
    float: left;
    width: 50%;
  }
  .cmpColumn.typeCol2.typeGallery > .column .btnBa {
    bottom: 30px;
    left: 35px;
  }
  .cmpColumn.typeCol2.typeGallery > .column .btnBa > a {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 13px 50px 13px 25px;
    border-width: 1px;
  }
  .cmpColumn.typeCol2.typeGallery > .column .btnBa > a:after {
    top: 50%;
    right: 20px;
    width: 11px;
    height: 17px;
    margin-top: -8.5px;
    background-position: -472px -498px;
  }
  .cmpColumn.typeCol2.typeGallery > .column .btnBa > a:after {
    -webkit-background-size: initial !important;
    background-size: initial !important;
  }
  .cmpColumn.typeCol2.typeMusic > .column {
    float: none;
    width: 100%;
    margin-bottom: 0;
    padding: 40px !important;
  }
  .cmpColumn.typeCol2.typeMusic > .column.type1 {
    border-bottom: 1px solid gainsboro;
  }
  .cmpColumn.typeCol2.typeMusic > .column.type2 {
    border: none;
  }
  .cmpColumn.typeCol2.typeMusicList > .column {
    float: none;
    width: 100%;
    margin-bottom: 0;
  }
  .cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic,
  .cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic {
    padding: 10px;
  }
  .cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul,
  .cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul {
    line-height: 76px;
  }
  .cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li.cdno,
  .cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li.cdno {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li.iconHeadphone,
  .cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li.iconHeadphone {
    top: 4px;
  }
  .cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li > img,
  .cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li > img {
    width: 80px;
    height: 80px;
  }
  .cmpColumn.typeCol2.typeDetail > .column {
    float: none;
    width: 100%;
    padding: 40px;
    border-top: 1px solid gainsboro;
  }
  .cmpColumn.typeCol2.typeDetail > .column:first-child {
    border: none;
  }
  .cmpColumn.typeCol2.typeDetail > .column .lytImgBa .contents > .hdgTy2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .cmpColumn.typeCol2.typeDetail > .column .lytImgBa .img > img {
    width: 120px;
    height: auto;
  }
  .cmpTimetable > .listTimeTableBa > dd > .contents .lytImgBa > .contents,
  .cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 > .contents,
  .cmpTimetable > .listTimeTableBa > div > .contents .lytImgBa > .contents,
  .cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 > .contents {
    display: block;
  }
  .cmpTimetable > .listTimeTableBa > dd > .contents .lytImgBa > .contents .column,
  .cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 > .contents .column,
  .cmpTimetable > .listTimeTableBa > div > .contents .lytImgBa > .contents .column,
  .cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 > .contents .column {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
  }
  .cmpTimetable > .listTimeTableBa > dd > .contents .lytImgBa > .contents .column dl.listBa,
  .cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 > .contents .column dl.listBa,
  .cmpTimetable > .listTimeTableBa > div > .contents .lytImgBa > .contents .column dl.listBa,
  .cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 > .contents .column dl.listBa {
    margin-bottom: 10px;
  }
  .cmpTimetable > .listTimeTableBa > dd > .contents .lytImgBa > .contents .column dl.listBa dt,
  .cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 > .contents .column dl.listBa dt,
  .cmpTimetable > .listTimeTableBa > div > .contents .lytImgBa > .contents .column dl.listBa dt,
  .cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 > .contents .column dl.listBa dt {
    margin-bottom: 2px;
  }
  .cmpTimetable > .listTimeTableBa > dd > .contents .lytImgBa > .contents .column.line,
  .cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 > .contents .column.line,
  .cmpTimetable > .listTimeTableBa > div > .contents .lytImgBa > .contents .column.line,
  .cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 > .contents .column.line {
    width: 100%;
    padding: 0;
    border-left: none;
  }
  .cmpAccordionBa > .hdgBa {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .cmpAccordionBa > .section > .hdg a {
    padding: 25px 50px 25px 30px;
  }
  .cmpAccordionBa > .section > .hdg a:before {
    right: 30px !important;
  }
  .cmpAccordionBa > .section > .contents {
    padding: 0 30px;
  }
  ul.cmpListIcon {
    font-size: 18px;
    font-size: 1.8rem;
  }
  ul.cmpListIcon.typeCol3,
  ul.cmpListIcon.typeCol4 {
    border-width: 1px 0 0 1px;
  }
  ul.cmpListIcon.typeCol3 > li,
  ul.cmpListIcon.typeCol4 > li {
    width: 50%;
  }
  ul.cmpListIcon.typeCol3 > li > a,
  ul.cmpListIcon.typeCol4 > li > a {
    padding: 80px 5px 15px;
    border-width: 0 1px 1px 0;
  }
  ul.cmpListIcon.typeCol3 > li > a:before,
  ul.cmpListIcon.typeCol4 > li > a:before {
    top: 25px;
  }
  ul.cmpListIconTy1 {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 20px;
  }
  ul.cmpListIconTy1 > li {
    margin-right: 10px;
  }
  ul.cmpListIconTy1 > li:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  .cmpPanel > .column {
    padding: 40px 30px;
  }
  .cmpPanel > .column > .hdg {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .cmpPanelSns {
    top: 158px;
    right: 20px;
    width: 159px;
  }
  .cmpPanelSns > div {
    position: relative;
    position: relative;
  }
  .cmpPanelSns > div:before {
    position: absolute;
    z-index: 1;
    top: 1px;
    top: -14px;
    left: 112px;
    width: 0;
    height: 0;
    content: '';
    border: 7.5px solid transparent;
    border-bottom-color: gainsboro;
  }
  .cmpPanelSns > div:after {
    position: absolute;
    z-index: 1;
    top: 2px;
    top: -12px;
    left: 113px;
    width: 0;
    height: 0;
    content: '';
    border: 7.5px solid transparent;
    border-bottom-color: #f5f6f8;
  }
  .cmpPanelSns > div > ul > li > a {
    line-height: 60px;
    width: 78px;
    height: 60px;
  }
  #myStatus.isShowModal .cmpModal {
    padding: 20px;
  }
  #myStatus.isShowModal .cmpModal > .inner {
    min-height: 0;
  }
  #myStatus.isShowModal .cmpModal > .inner > .btnClose {
    top: -40px;
    right: 0;
  }
  #myStatus.isShowModal .cmpModal > .inner > .btnClose > a {
    width: 40px;
    height: 40px;
  }
  #myStatus.isShowModal .cmpModal > .inner > .btnClose > a:before {
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
    background-position: -424px -398px;
    -webkit-background-size: 437px 433px;
    background-size: 437px 433px;
  }
  #myStatus.isShowModal .cmpModal > .inner > .modalContents {
    padding: 30px;
  }
  .cmpTableBa.typeTheater ul.haed {
    display: none;
  }
  .cmpTableBa.typeTheater .table {
    display: block;
  }
  .cmpTableBa.typeTheater .table .hdg {
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 24px 15px;
    color: #333;
    background-color: #f5f7f8;
  }
  .cmpTableBa.typeTheater .table dl.table {
    display: block;
    width: 100%;
  }
  .cmpTableBa.typeTheater .table dl.table dt,
  .cmpTableBa.typeTheater .table dl.table dd {
    padding: 24px 15px;
  }
}

@media only screen and (max-width: 600px) {
  .cmpNews > .pickup,
  .cmpNews > .newsWrap,
  .cmpNews > .movienex {
    display: block;
    width: 100%;
  }
  .cmpNews > .pickup > a > .lead {
    font-size: 24px;
    font-size: 2.4rem;
    position: relative;
    margin-bottom: 10px;
    padding: 30px 25px 0;
  }
  .cmpNews > .pickup > a > .lead:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -39px;
    left: 26px;
    width: 0;
    height: 0;
    content: '';
    border: 20px solid transparent;
    border-bottom-color: white;
  }
  .cmpNews > .pickup > a > .text {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 20px;
    padding: 0 25px;
  }
  .cmpNews > .pickup > a > .linkBa {
    margin: 0 0 20px;
    padding: 0 25px;
  }
  .cmpNews > .newsWrap {
    border-width: 0 0 1px;
  }
  .cmpNews > .newsWrap > .news {
    height: auto;
    padding: 30px 20px 25px 25px;
    border-width: 1px 0 0;
  }
  .cmpNews > .newsWrap > .news > .heading {
    line-height: 1.5;
  }
  .cmpNews > .newsWrap > .news > .sns {
    top: 38px;
    right: 10px;
  }
  .cmpNews > .newsWrap > .news > .sns > ul > li {
    margin-right: 0;
    margin-left: 0;
  }
  .cmpNews > .newsWrap > .news > .sns > ul > li.snsFb a {
    overflow: hidden;
    width: 10px;
    height: 23px;
  }
  .cmpNews > .newsWrap > .news > .sns > ul > li.snsFb a:before {
    top: 50%;
    left: 50%;
    width: 10px;
    height: 23px;
    margin-top: -11.5px;
    margin-left: -5px;
    background-position: -327px -64px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  .cmpNews > .newsWrap > .news > .sns > ul > li.snsFb a:before {
    position: static;
  }
  .cmpNews > .newsWrap > .news > .sns > ul > li.snsTw a {
    overflow: hidden;
    width: 17px;
    height: 23px;
  }
  .cmpNews > .newsWrap > .news > .sns > ul > li.snsTw a:before {
    top: 50%;
    left: 50%;
    width: 17px;
    height: 23px;
    margin-top: -11.5px;
    margin-left: -8.5px;
    background-position: -306px -211px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  .cmpNews > .newsWrap > .news > .sns > ul > li.snsTw a:before {
    position: static;
  }
  .cmpNews > .newsWrap > .news > .sns > ul > li.snsYt a {
    overflow: hidden;
    width: 21px;
    height: 23px;
  }
  .cmpNews > .newsWrap > .news > .sns > ul > li.snsYt a:before {
    top: 50%;
    left: 50%;
    width: 21px;
    height: 23px;
    margin-top: -11.5px;
    margin-left: -10.5px;
    background-position: -306px -184px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  .cmpNews > .newsWrap > .news > .sns > ul > li.snsYt a:before {
    position: static;
  }
  .cmpNews > .newsWrap > .news > .sns > ul > li > a {
    width: 40px !important;
    height: 40px !important;
  }
  .cmpNews > .pickup img {
    vertical-align: sub;
  }
  .cmpPanel {
    border-width: 1px 0 0 1px;
  }
  .cmpPanel > .column {
    border-width: 0 1px 1px 0;
  }
  .cmpPanel.typeCol2 > .column {
    float: none;
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .cmpItem1 > ul > li ul.navController1,
  .cmpItem4 > ul.navController1,
  .cmpNews > .newsWrap > ul.item > li > a > .date,
  .cmpBanner > ul.tab > li.isCurrent > a.banner {
    display: block !important;
  }
  .cmpBanner > ul.banner {
    display: none !important;
  }
  .setScale {
    margin-bottom: 30px;
  }
  .setScaleTab > div {
    width: auto;
  }
  .cmpMain > ul.slide > li.isColorDark > .data,
  .cmpMain2 > ul.slide > li.isColorDark > .data {
    position: relative;
  }
  .cmpMain > ul.slide > li.isColorDark > .data:after,
  .cmpMain2 > ul.slide > li.isColorDark > .data:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -37px;
    left: 26px;
    width: 0;
    height: 0;
    content: '';
    border: 19px solid transparent;
    border-bottom-color: black;
  }
  .cmpMain > ul.slide > li.isColorDark > .data:after,
  .cmpMain2 > ul.slide > li.isColorDark > .data:after {
    z-index: 0;
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li > a:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li > a:before {
    top: 50%;
    right: 25px;
    width: 6px;
    height: 11px;
    margin-top: -5.5px;
    background-position: -261px -97px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li > a:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li > a:before {
    opacity: .5;
    -ms-filter: 'alpha(opacity=50)';
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li.iconVideo:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconVideo:before {
    top: 50%;
    left: 28px;
    width: 12px;
    height: 22px;
    margin-top: -11px;
    background-position: -522px -84px;
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li.iconSite:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconSite:before {
    top: 50%;
    left: 25px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background-position: -467px -301px;
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li.iconTrailer:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconTrailer:before {
    top: 50%;
    left: 25px;
    width: 24px;
    height: 15px;
    margin-top: -7.5px;
    background-position: -40px -526px;
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li.iconTicket:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconTicket:before {
    top: 50%;
    left: 23px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-position: -491px -183px;
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li.iconShopping:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconShopping:before {
    top: 50%;
    left: 23px;
    width: 22px;
    height: 23px;
    margin-top: -11.5px;
    background-position: -491px -422px;
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li.iconDownload:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconDownload:before {
    top: 50%;
    left: 23px;
    width: 22px;
    height: 19px;
    margin-top: -9.5px;
    background-position: -263px -498px;
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li.iconTime:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconTime:before {
    top: 50%;
    left: 23px;
    width: 23px;
    height: 23px;
    margin-top: -11.5px;
    background-position: -177px -469px;
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li.iconTwitter:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconTwitter:before {
    top: 50%;
    left: 23px;
    width: 24px;
    height: 18px;
    margin-top: -9px;
    background-position: -373px -498px;
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li.iconBehind:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconBehind:before {
    top: 50%;
    left: 23px;
    width: 22px;
    height: 23px;
    margin-top: -11.5px;
    background-position: -28px -469px;
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li.iconSearch:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconSearch:before {
    top: 50%;
    left: 23px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background-position: -435px -469px;
  }
  .cmpMain > ul.slide > li.isColorDark > ul.list > li.iconPresent:before,
  .cmpMain2 > ul.slide > li.isColorDark > ul.list > li.iconPresent:before {
    top: 50%;
    left: 23px;
    width: 24px;
    height: 22px;
    margin-top: -11px;
    background-position: -522px 0;
  }
  .cmpMain > ul.slide > li.isColorGray > .data,
  .cmpMain2 > ul.slide > li.isColorGray > .data {
    position: relative;
  }
  .cmpMain > ul.slide > li.isColorGray > .data:after,
  .cmpMain2 > ul.slide > li.isColorGray > .data:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -37px;
    left: 26px;
    width: 0;
    height: 0;
    content: '';
    border: 19px solid transparent;
    border-bottom-color: #ccc;
  }
  .cmpMain > ul.slide > li.isColorGray > .data:after,
  .cmpMain2 > ul.slide > li.isColorGray > .data:after {
    z-index: 0;
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li > a:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li > a:before {
    top: 50%;
    right: 25px;
    width: 6px;
    height: 11px;
    margin-top: -5.5px;
    background-position: -261px -111px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li > a:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li > a:before {
    opacity: .5;
    -ms-filter: 'alpha(opacity=50)';
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li.iconVideo:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconVideo:before {
    top: 50%;
    left: 28px;
    width: 12px;
    height: 22px;
    margin-top: -11px;
    background-position: -522px -112px;
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li.iconSite:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconSite:before {
    top: 50%;
    left: 25px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background-position: -364px -322px;
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li.iconTrailer:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconTrailer:before {
    top: 50%;
    left: 25px;
    width: 24px;
    height: 15px;
    margin-top: -7.5px;
    background-position: -70px -526px;
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li.iconTicket:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconTicket:before {
    top: 50%;
    left: 23px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-position: -491px -273px;
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li.iconShopping:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconShopping:before {
    top: 50%;
    left: 23px;
    width: 22px;
    height: 23px;
    margin-top: -11.5px;
    background-position: -292px -469px;
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li.iconDownload:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconDownload:before {
    top: 50%;
    left: 23px;
    width: 22px;
    height: 19px;
    margin-top: -9.5px;
    background-position: -522px -456px;
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li.iconTime:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconTime:before {
    top: 50%;
    left: 23px;
    width: 23px;
    height: 23px;
    margin-top: -11.5px;
    background-position: -263px -469px;
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li.iconTwitter:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconTwitter:before {
    top: 50%;
    left: 23px;
    width: 24px;
    height: 18px;
    margin-top: -9px;
    background-position: -403px -498px;
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li.iconBehind:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconBehind:before {
    top: 50%;
    left: 23px;
    width: 22px;
    height: 23px;
    margin-top: -11.5px;
    background-position: 0 -469px;
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li.iconSearch:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconSearch:before {
    top: 50%;
    left: 23px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background-position: -493px -469px;
  }
  .cmpMain > ul.slide > li.isColorGray > ul.list > li.iconPresent:before,
  .cmpMain2 > ul.slide > li.isColorGray > ul.list > li.iconPresent:before {
    top: 50%;
    left: 23px;
    width: 24px;
    height: 22px;
    margin-top: -11px;
    background-position: -522px -28px;
  }
  .cmpMain > ul.slide > li > .thumb.typeMovie,
  .cmpMain2 > ul.slide > li > .thumb.typeMovie {
    padding-top: 70%;
  }
  .cmpMain > ul.slide > li > .data,
  .cmpMain2 > ul.slide > li > .data {
    position: relative;
    padding: 20px 25px 30px;
  }
  .cmpMain > ul.slide > li > .data:after,
  .cmpMain2 > ul.slide > li > .data:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -37px;
    left: 26px;
    width: 0;
    height: 0;
    content: '';
    border: 19px solid transparent;
    border-bottom-color: white;
  }
  .cmpMain > ul.slide > li > .data:after,
  .cmpMain2 > ul.slide > li > .data:after {
    z-index: 0;
  }
  .cmpMain > ul.slide > li > .data > .logo,
  .cmpMain2 > ul.slide > li > .data > .logo {
    display: block;
    width: 180px;
    margin: 0 0 15px;
    padding-right: 0;
  }
  .cmpMain > ul.slide > li > .data > div,
  .cmpMain2 > ul.slide > li > .data > div {
    display: block;
  }
  .cmpMain > ul.slide > li > .data > div > .lead,
  .cmpMain2 > ul.slide > li > .data > div > .lead {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 10px;
  }
  .cmpMain > ul.slide > li > .data > div > .lead1,
  .cmpMain2 > ul.slide > li > .data > div > .lead1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .cmpMain > ul.slide > li > ul.list,
  .cmpMain2 > ul.slide > li > ul.list {
    border-width: 0 !important;
  }
  .cmpMain > ul.slide > li > ul.list > li,
  .cmpMain2 > ul.slide > li > ul.list > li {
    float: none;
    width: 100%;
  }
  .cmpMain > ul.slide > li > ul.list > li > a,
  .cmpMain2 > ul.slide > li > ul.list > li > a {
    padding: 17px 50px 17px 55px;
    border-width: 1px 0 0;
  }
  .cmpMain > ul.slide > li > ul.list > li > a:before,
  .cmpMain2 > ul.slide > li > ul.list > li > a:before {
    top: 50%;
    right: 25px;
    width: 6px;
    height: 11px;
    margin-top: -5.5px;
    background-position: -261px -84px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .cmpMain > ul.slide > li > ul.list > li.iconVideo:before,
  .cmpMain2 > ul.slide > li > ul.list > li.iconVideo:before {
    top: 50%;
    left: 28px;
    width: 12px;
    height: 22px;
    margin-top: -11px;
    background-position: -522px -56px;
  }
  .cmpMain > ul.slide > li > ul.list > li.iconSite:before,
  .cmpMain2 > ul.slide > li > ul.list > li.iconSite:before {
    top: 50%;
    left: 25px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background-position: -364px -346px;
  }
  .cmpMain > ul.slide > li > ul.list > li.iconTrailer:before,
  .cmpMain2 > ul.slide > li > ul.list > li.iconTrailer:before {
    top: 50%;
    left: 25px;
    width: 24px;
    height: 15px;
    margin-top: -7.5px;
    background-position: -100px -526px;
  }
  .cmpMain > ul.slide > li > ul.list > li.iconTicket:before,
  .cmpMain2 > ul.slide > li > ul.list > li.iconTicket:before {
    top: 50%;
    left: 23px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-position: -491px -213px;
  }
  .cmpMain > ul.slide > li > ul.list > li.iconShopping:before,
  .cmpMain2 > ul.slide > li > ul.list > li.iconShopping:before {
    top: 50%;
    left: 23px;
    width: 22px;
    height: 23px;
    margin-top: -11.5px;
    background-position: -320px -469px;
  }
  .cmpMain > ul.slide > li > ul.list > li.iconDownload:before,
  .cmpMain2 > ul.slide > li > ul.list > li.iconDownload:before {
    top: 50%;
    left: 23px;
    width: 22px;
    height: 19px;
    margin-top: -9.5px;
    background-position: -210px -498px;
  }
  .cmpMain > ul.slide > li > ul.list > li.iconTime:before,
  .cmpMain2 > ul.slide > li > ul.list > li.iconTime:before {
    top: 50%;
    left: 23px;
    width: 23px;
    height: 23px;
    margin-top: -11.5px;
    background-position: -491px -393px;
  }
  .cmpMain > ul.slide > li > ul.list > li.iconTwitter:before,
  .cmpMain2 > ul.slide > li > ul.list > li.iconTwitter:before {
    top: 50%;
    left: 23px;
    width: 24px;
    height: 18px;
    margin-top: -9px;
    background-position: -319px -498px;
  }
  .cmpMain > ul.slide > li > ul.list > li.iconBehind:before,
  .cmpMain2 > ul.slide > li > ul.list > li.iconBehind:before {
    top: 50%;
    left: 23px;
    width: 22px;
    height: 23px;
    margin-top: -11.5px;
    background-position: -149px -469px;
  }
  .cmpMain > ul.slide > li > ul.list > li.iconSearch:before,
  .cmpMain2 > ul.slide > li > ul.list > li.iconSearch:before {
    top: 50%;
    left: 23px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background-position: -348px -469px;
  }
  .cmpMain > ul.slide > li > ul.list > li.iconPresent:before,
  .cmpMain2 > ul.slide > li > ul.list > li.iconPresent:before {
    top: 50%;
    left: 23px;
    width: 24px;
    height: 22px;
    margin-top: -11px;
    background-position: -463px -469px;
  }
  .cmpMain > ul.nav,
  .cmpMain2 > ul.nav {
    top: 140px;
    right: 22px;
  }
  .cmpMovie > ul.movie {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .cmpMovie > ul.movie > li {
    width: 100%;
    height: 100%;
    padding-top: 60%;
  }
  .cmpMovie > ul.movie > li > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .cmpMovie > .data {
    display: block;
  }
  .cmpMovie > .data > .logo {
    float: none;
    width: 100%;
    padding: 10px 25px;
  }
  .cmpMovie > .data > .logo > span {
    width: 100%;
  }
  .cmpMovie > .data > .logo > span img {
    max-width: 200px;
    height: auto;
  }
  .cmpMovie > .data .slideWrap {
    float: none;
    width: 100%;
    height: 300px;
  }
  .cmpMovie > .data .slideWrap ul.slide > li {
    float: none;
    width: 100%;
  }
  .cmpMovie > .data .slideWrap ul.slide > li > a {
    padding-right: 30px;
    padding-left: 145px;
    border-top: 1px solid gainsboro;
  }
  .cmpMovie > .data .slideWrap ul.slide > li > a:before {
    top: 50%;
    right: 20px;
    width: 6px;
    height: 9px;
    margin-top: -4.5px;
    background-position: -228px -249px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .cmpMovie > .data .slideWrap ul.slide > li > a > img {
    left: 25px;
    width: auto;
  }
  .cmpMovie > .data .label {
    padding-right: 100px;
    padding-left: 25px;
    text-align: left;
  }
  .cmpItem .linkBa {
    bottom: 35px;
  }
  .cmpItem > .slideWrap {
    border-bottom: none;
  }
  .cmpItem > .slideWrap > ul.slide > li {
    padding-bottom: 80px;
  }
  .cmpItem > .slideWrap > ul.slide > li > a > .lead,
  .cmpItem > .slideWrap > ul.slide > li > div > .lead {
    font-size: 24px;
    font-size: 2.4rem;
    position: relative;
    padding: 30px 25px 20px;
  }
  .cmpItem > .slideWrap > ul.slide > li > a > .lead:after,
  .cmpItem > .slideWrap > ul.slide > li > div > .lead:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -39px;
    left: 26px;
    width: 0;
    height: 0;
    content: '';
    border: 20px solid transparent;
    border-bottom-color: #f5f7f8;
  }
  .cmpItem > .slideWrap > ul.slide > li .text,
  .cmpItem > .slideWrap > ul.slide > li .linkBa,
  .cmpItem > .slideWrap > ul.slide > li .listLinkTy3 {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 25px;
  }
  .cmpItem > ul.nav {
    top: -72px;
    right: 25px;
  }
  .cmpItem > ul.item > li {
    width: 100%;
    padding-bottom: 80px;
    border-top: 1px solid gainsboro;
    border-right: none !important;
  }
  .cmpItem > ul.item > li > a,
  .cmpItem > ul.item > li > div {
    width: 100%;
  }
  .cmpItem > ul.item > li > a > .thumb,
  .cmpItem > ul.item > li > div > .thumb {
    margin: 0;
  }
  .cmpItem > ul.item > li > a > .lead,
  .cmpItem > ul.item > li > div > .lead {
    font-size: 24px;
    font-size: 2.4rem;
    position: relative;
    padding: 30px 25px 20px;
  }
  .cmpItem > ul.item > li > a > .lead:after,
  .cmpItem > ul.item > li > div > .lead:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -39px;
    left: 26px;
    width: 0;
    height: 0;
    content: '';
    border: 20px solid transparent;
    border-bottom-color: white;
  }
  .cmpItem > ul.item > li > .data > .text {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 25px;
  }
  .cmpItem > ul.item > li > .data > .linkBa {
    padding: 0 25px;
  }
  .cmpItem > ul.item > li.type1 > a > .thumb,
  .cmpItem > ul.item > li.type1 > a > .data,
  .cmpItem > ul.item > li.type1 > div > .thumb,
  .cmpItem > ul.item > li.type1 > div > .data,
  .cmpItem > ul.item > li.type2 > a > .thumb,
  .cmpItem > ul.item > li.type2 > a > .data,
  .cmpItem > ul.item > li.type2 > div > .thumb,
  .cmpItem > ul.item > li.type2 > div > .data {
    float: none !important;
    width: 100% !important;
  }
  .cmpItem > ul.item > li.type1 > a > .data,
  .cmpItem > ul.item > li.type1 > div > .data,
  .cmpItem > ul.item > li.type2 > a > .data,
  .cmpItem > ul.item > li.type2 > div > .data {
    padding-bottom: 60px;
  }
  .cmpItem > ul.item > li.type1 > a > .data > .lead,
  .cmpItem > ul.item > li.type1 > div > .data > .lead,
  .cmpItem > ul.item > li.type2 > a > .data > .lead,
  .cmpItem > ul.item > li.type2 > div > .data > .lead {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0;
    padding: 30px 25px 20px;
  }
  .cmpItem > ul.item > li.type1 > a > .data > .text,
  .cmpItem > ul.item > li.type1 > a > .data > .linkBa,
  .cmpItem > ul.item > li.type1 > div > .data > .text,
  .cmpItem > ul.item > li.type1 > div > .data > .linkBa,
  .cmpItem > ul.item > li.type2 > a > .data > .text,
  .cmpItem > ul.item > li.type2 > a > .data > .linkBa,
  .cmpItem > ul.item > li.type2 > div > .data > .text,
  .cmpItem > ul.item > li.type2 > div > .data > .linkBa {
    padding: 0 25px;
  }
  .cmpItem > ul.item > li.type1 > a > .data > .text,
  .cmpItem > ul.item > li.type1 > div > .data > .text,
  .cmpItem > ul.item > li.type2 > a > .data > .text,
  .cmpItem > ul.item > li.type2 > div > .data > .text {
    margin-bottom: 1.0em;
  }
  .cmpItem > ul.item > li.type1 > a > .data > .linkBa,
  .cmpItem > ul.item > li.type1 > div > .data > .linkBa,
  .cmpItem > ul.item > li.type2 > a > .data > .linkBa,
  .cmpItem > ul.item > li.type2 > div > .data > .linkBa {
    bottom: 25px;
  }
  .cmpItem > ul.item > li.type2 > a > .data > .lead,
  .cmpItem > ul.item > li.type2 > div > .data > .lead {
    position: relative;
  }
  .cmpItem > ul.item > li.type2 > a > .data > .lead:after,
  .cmpItem > ul.item > li.type2 > div > .data > .lead:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -39px;
    left: 26px;
    width: 0;
    height: 0;
    content: '';
    border: 20px solid transparent;
    border-bottom-color: white;
  }
  .cmpItem.slideR > ul.nav,
  .cmpItem.slideOnly > ul.nav {
    right: 25px;
  }
  .cmpItem.slideOnly > .slideWrap > ul.slide > li > .lead {
    position: relative;
    padding: 30px 25px 20px;
  }
  .cmpItem.slideOnly > .slideWrap > ul.slide > li > .lead:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -39px;
    left: 26px;
    width: 0;
    height: 0;
    content: '';
    border: 20px solid transparent;
    border-bottom-color: #f5f7f8;
  }
  .cmpItem.slideOnly > .slideWrap > ul.slide > li > .text {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 25px;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > .thumb > img {
    height: auto;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > .lead {
    font-size: 26px;
    font-size: 2.6rem;
    position: relative;
    padding: 30px 25px 25px;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > .lead:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -29px;
    left: 26px;
    width: 0;
    height: 0;
    content: '';
    border: 15px solid transparent;
    border-bottom-color: white;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > .lead .sub {
    font-size: 14px;
    font-size: 1.4rem;
    top: -5px;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > .lead1 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 25px;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > .info {
    margin-top: -10px;
    padding: 0 25px;
  }
  .cmpItem.slideNone > .slideWrap > ul.slide > li > .text {
    padding: 0 25px;
  }
  .cmpItem1 {
    overflow: hidden;
  }
  .cmpItem1 > ul {
    width: 1000%;
  }
  .cmpItem1 > ul > li {
    overflow: hidden;
    width: 10%;
  }
  .cmpItem1 > ul > li > ul.navController1 {
    position: absolute;
    top: 140px;
    width: 100%;
    text-align: left;
  }
  .cmpItem1 > ul > li > ul.navController1 > li {
    width: auto;
    margin: 0;
  }
  .cmpItem1 > ul > li > ul.navController1 > li > a {
    width: 30px;
    height: 30px;
  }
  .cmpItem1 > ul > li > ul.navController1 > li > a:hover {
    cursor: pointer;
  }
  .cmpItem1 > ul > li > ul.navController1 > li.next {
    float: right;
  }
  .cmpItem1 ul.slide {
    position: relative;
    left: 0;
    width: 1000%;
    -webkit-transition: left .5s;
    transition: left .5s;
  }
  .cmpItem1 ul.slide > li.type1,
  .cmpItem1 ul.slide > li.type2,
  .cmpItem1 ul.slide > li.type3 {
    position: static;
    float: left;
    width: 10%;
    height: auto;
  }
  .cmpItem1 ul.slide > li.type1 > a > .thumb > span,
  .cmpItem1 ul.slide > li.type2 > a > .thumb > span,
  .cmpItem1 ul.slide > li.type3 > a > .thumb > span {
    height: auto;
  }
  .cmpItem1 ul.slide > li.type1 > a > .thumb > span > img,
  .cmpItem1 ul.slide > li.type2 > a > .thumb > span > img,
  .cmpItem1 ul.slide > li.type3 > a > .thumb > span > img {
    width: 100%;
  }
  .cmpItem1 ul.slide > li.type1 > a > .thumb.taC > span,
  .cmpItem1 ul.slide > li.type2 > a > .thumb.taC > span,
  .cmpItem1 ul.slide > li.type3 > a > .thumb.taC > span {
    padding: 10% 25px;
  }
  .cmpItem1 ul.slide > li.type1 > a > .data,
  .cmpItem1 ul.slide > li.type2 > a > .data,
  .cmpItem1 ul.slide > li.type3 > a > .data {
    min-height: 0;
    margin-top: -37px;
    padding: 25px 25px 40px;
  }
  .cmpItem1 ul.slide > li.type1 > a > .data > .lead,
  .cmpItem1 ul.slide > li.type2 > a > .data > .lead,
  .cmpItem1 ul.slide > li.type3 > a > .data > .lead {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 10px;
  }
  .cmpItem1 ul.slide > li.type1 > a > .data > div > span.price,
  .cmpItem1 ul.slide > li.type2 > a > .data > div > span.price,
  .cmpItem1 ul.slide > li.type3 > a > .data > div > span.price {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .cmpItem1 ul.slide > li.type1 > a > .data > div > span.brand,
  .cmpItem1 ul.slide > li.type2 > a > .data > div > span.brand,
  .cmpItem1 ul.slide > li.type3 > a > .data > div > span.brand {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .cmpItem1 ul.slide > li.type1 > a > .data {
    position: relative;
  }
  .cmpItem1 ul.slide > li.type1 > a > .data:after {
    position: absolute;
    z-index: 1;
    top: 0;
    top: -39px;
    left: 26px;
    width: 0;
    height: 0;
    content: '';
    border: 20px solid transparent;
    border-bottom-color: white;
  }
  .cmpItem1 ul.slide > li.type2,
  .cmpItem1 ul.slide > li.type3 {
    border-width: 0 !important;
  }
  .cmpItem1 ul.slide > li.type2 > a > .thumb > span,
  .cmpItem1 ul.slide > li.type3 > a > .thumb > span {
    padding: 10px 0;
  }
  .cmpItem1 ul.slide > li.type2 > a > .thumb > span > img,
  .cmpItem1 ul.slide > li.type3 > a > .thumb > span > img {
    width: auto !important;
    max-height: 475px;
    max-height: 300px !important;
  }
  .cmpItem1 ul.slide > li.type3,
  .cmpItem1 ul.slide > li.type3 + .type3,
  .cmpItem1 ul.slide > li.type3 + .type3 + .type3,
  .cmpItem1 ul.slide > li.type3 + .type3 + .type3 + .type3 {
    border-width: 0 !important;
  }
  .cmpItem2 .linkBa {
    bottom: 30px;
  }
  .cmpItem2 ul.slide > li {
    width: 10%;
  }
  .cmpItem2 ul.slide > li > .data {
    padding: 30px 25px 80px;
  }
  .cmpItem2.slideNone ul.slide > li {
    width: 100%;
  }
  .cmpItem3 ul.slide > li {
    width: 5%;
    border: none !important;
  }
  .cmpItem4 {
    position: relative;
  }
  .cmpItem4 > ul.slide {
    width: 1000%;
  }
  .cmpItem4 > ul.slide > li.type1,
  .cmpItem4 > ul.slide > li.type2 {
    float: left;
    width: 10%;
    background-color: #fff;
  }
  .cmpItem4 > ul.slide > li.type1 > a,
  .cmpItem4 > ul.slide > li.type2 > a {
    padding: 40px;
  }
  .cmpItem4 > ul.slide > li.type1 > a > .thumb,
  .cmpItem4 > ul.slide > li.type1 > a > .data,
  .cmpItem4 > ul.slide > li.type2 > a > .thumb,
  .cmpItem4 > ul.slide > li.type2 > a > .data {
    display: block;
    float: none;
  }
  .cmpItem4 > ul.slide > li.type1 > a .thumb,
  .cmpItem4 > ul.slide > li.type2 > a .thumb {
    width: auto;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    text-align: center;
    background-color: #fff;
  }
  .cmpItem4 > ul.slide > li.type1 > a .thumb img,
  .cmpItem4 > ul.slide > li.type2 > a .thumb img {
    width: auto;
    height: auto;
    max-height: 290px;
  }
  .cmpItem4 > ul.slide > li.type1 > a .data,
  .cmpItem4 > ul.slide > li.type2 > a .data {
    width: 100%;
    padding: 0;
  }
  .cmpItem4 > ul.slide > li.type1 > a .data:after,
  .cmpItem4 > ul.slide > li.type2 > a .data:after {
    display: none;
  }
  .cmpItem4 > ul.slide > li.type1 > a .data > .lead,
  .cmpItem4 > ul.slide > li.type2 > a .data > .lead {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.2;
    margin-bottom: 0;
  }
  .cmpItem4 > ul.slide > li.type1 > a .data > .text,
  .cmpItem4 > ul.slide > li.type1 > a .data > .release,
  .cmpItem4 > ul.slide > li.type1 > a .data > .btnBa,
  .cmpItem4 > ul.slide > li.type2 > a .data > .text,
  .cmpItem4 > ul.slide > li.type2 > a .data > .release,
  .cmpItem4 > ul.slide > li.type2 > a .data > .btnBa {
    display: none;
  }
  .cmpItem4 > ul.slide > li.type3 {
    width: 10%;
    height: auto;
  }
  .cmpItem4 > ul.slide > li.type3 > a > .thumb,
  .cmpItem4 > ul.slide > li.type3 > a > .data {
    float: none;
  }
  .cmpItem4 > ul.slide > li.type3 .thumb {
    width: 100%;
    margin: 0;
    padding: 25px 25px 0;
    text-align: center;
  }
  .cmpItem4 > ul.slide > li.type3 .thumb span {
    display: inline-block;
  }
  .cmpItem4 > ul.slide > li.type3 .thumb img {
    width: auto;
    max-width: 200px;
    max-height: 290px;
  }
  .cmpItem4 > ul.slide > li.type3 .data {
    width: 100%;
    padding: 30px 25px 30px;
  }
  .cmpItem4 > ul.slide > li.type3 .data:after {
    display: none;
  }
  .cmpItem4 > ul.slide > li.type3 .data > .lead {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .cmpItem4 > ul.navController1 {
    position: absolute;
    top: 50%;
    margin-top: -30px;
  }
  .cmpItem4 > ul.navController1 > li {
    position: relative;
  }
  .cmpItem5 ul.slide > li {
    width: 100%;
  }
  .cmpItem5.isClose ul.slide > li:nth-child(4) ~ li {
    display: none;
  }
  .cmpItem6 > ul.item > li {
    margin-bottom: 10px;
  }
  .cmpItem6 > ul.item > li .thumb,
  .cmpItem6 > ul.item > li .data {
    float: none;
    width: 100%;
  }
  .cmpItem6 > ul.item > li .thumb {
    padding: 40px 40px 10px;
  }
  .cmpItem6 > ul.item > li .data {
    padding: 20px 25px 20px;
  }
  .cmpItem6 > ul.item > li .data:after {
    display: none;
  }
  .cmpItem6 > ul.item > li .data .lead {
    font-size: 20px;
    font-size: 2rem;
  }
  .cmpItem6 > ul.item > li .data .price,
  .cmpItem6 > ul.item > li .data dl.list {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
  .cmpItem6 > ul.item > li .data ul.listIconBa li {
    margin-bottom: 5px;
  }
  .cmpItem6 > ul.item > li .data .price span.iconMovienex {
    overflow: hidden;
    width: 40px;
    height: 35px;
    margin: 0 5px;
  }
  .cmpItem6 > ul.item > li .data .price span.iconMovienex:before {
    top: 0;
    left: 0;
    width: 40px;
    height: 35px;
    margin-top: 0;
    background-position: 0 -108px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  .cmpItem6 > ul.item > li .data .price span.iconMovienex:before {
    position: static;
  }
  .cmpItem6 > ul.item > li .data dl.list > dd {
    margin-bottom: 5px;
  }
  .cmpItem6 > ul.item > li > .detail {
    padding: 30px 20px 10px;
  }
  .cmpItem6 > ul.item > li.type2 .thumb {
    padding: 40px;
  }
  .cmpItem7 ul.slide > li {
    padding: 40px 40px 30px;
  }
  .cmpItem7 ul.slide > li .info .thumb {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    text-align: center;
    background-color: inherit;
  }
  .cmpItem7 ul.slide > li .info .thumb span {
    display: table;
  }
  .cmpItem7 ul.slide > li .info .thumb img {
    width: auto;
    height: auto;
    max-height: 290px;
  }
  .cmpItem7 ul.slide > li .info .data {
    display: block;
    width: 100%;
    padding: 0;
  }
  .cmpItem7 ul.slide > li .info .data:after {
    display: none;
  }
  .cmpItem7 ul.slide > li .info .data .lead {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .cmpItem7 ul.slide > li .info .data .text,
  .cmpItem7 ul.slide > li .info .data .release {
    display: none;
  }
  .cmpItem7 ul.slide > li .info .data .btnBa {
    margin-bottom: 10px;
  }
  .cmpItem8 ul.slide > li > a {
    padding-bottom: 60px;
  }
  .cmpItem8 ul.slide > li > a > .lead {
    padding: 30px 25px 10px !important;
  }
  .cmpItem8 ul.slide > li > a > .text {
    padding: 0 25px !important;
  }
  .cmpItem8 ul.slide > li > a > .linkBa {
    bottom: 30px;
    left: 25px;
  }
  .cmpItem8 > ul.navController1 {
    top: 27%;
  }
  .cmpItem9 .lytImgTy3.imageR .contents,
  .cmpItem9 .lytImgTy3.imageL .contents {
    padding: 25px 25px;
  }
  .cmpItem9 > ul.navController1 {
    top: 20%;
  }
  .cmpNews > .newsWrap > ul.item {
    width: 100%;
    border-width: 0;
  }
  .cmpNews > .newsWrap > ul.item > li > a {
    padding: 20px 35px 20px 100px;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .thumb {
    top: 20px;
    left: 20px;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .thumb img {
    margin-left: 0;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .thumb > .date {
    display: none;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .date {
    font-size: 10px;
    font-size: 1rem;
    margin-bottom: 4px;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .date > span {
    display: inline-block;
    padding: 1px 5px;
    color: #fff;
    background-color: #138ac1;
  }
  .cmpNews > .newsWrap > ul.item > li > a > .lead {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .cmpNews > .movienex {
    padding: 30px 25px;
    background: #f5f7f8;
  }
  .cmpNews > .movienex .text,
  .cmpNews > .movienex ul.listNumBa {
    margin-bottom: 20px;
  }
  .cmpNews > .movienex ul.listNumBa {
    margin-right: 0;
  }
  .cmpRankingMusic,
  .cmpListSns {
    border: 1px solid gainsboro;
  }
  .cmpRankingMusic > li,
  .cmpListSns > li {
    display: block;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 0 !important;
    border: none !important;
  }
  .cmpRankingMusic > li .thumb,
  .cmpRankingMusic > li .data,
  .cmpListSns > li .thumb,
  .cmpListSns > li .data {
    position: static !important;
    top: 0 !important;
    left: 0 !important;
    float: none !important;
    width: 100% !important;
  }
  .cmpRankingMusic > li .data,
  .cmpListSns > li .data {
    position: relative !important;
    height: auto !important;
    padding: 30px 25px 40px !important;
  }
  .cmpRankingMusic > li .data:after,
  .cmpListSns > li .data:after {
    top: -49px !important;
    left: 25px !important;
    margin: 0 !important;
    border-color: transparent !important;
    border-bottom-color: #fff !important;
  }
  .cmpRankingMusic > li ul.list,
  .cmpListSns > li ul.list {
    font-size: 16px !important;
    font-size: 1.6rem !important;
  }
  .cmpRankingMusic > li .rank,
  .cmpListSns > li .rank {
    font-size: 30px !important;
    font-size: 3.0rem !important;
    margin-bottom: 15px !important;
  }
  .cmpRankingMusic > li .lead,
  .cmpListSns > li .lead {
    font-size: 22px !important;
    font-size: 2.2rem !important;
  }
  .cmpRankingMusic > li .text,
  .cmpListSns > li .text {
    font-size: 18px !important;
    font-size: 1.8rem !important;
  }
  .cmpRankingMusic > li.rank1 .data:after,
  .cmpRankingMusic > li.rank5 .data:after,
  .cmpRankingMusic > li.rank7 .data:after,
  .cmpRankingMusic > li.rank10 .data:after,
  .cmpListSns > li.rank1 .data:after,
  .cmpListSns > li.rank5 .data:after,
  .cmpListSns > li.rank7 .data:after,
  .cmpListSns > li.rank10 .data:after {
    border-bottom-color: #003e58 !important;
  }
  .cmpRankingMusic > li.rank4 .data:after,
  .cmpRankingMusic > li.rank6 .data:after,
  .cmpRankingMusic > li.rank9 .data:after,
  .cmpListSns > li.rank4 .data:after,
  .cmpListSns > li.rank6 .data:after,
  .cmpListSns > li.rank9 .data:after {
    border-bottom-color: #0093d0 !important;
  }
  .cmpListSns {
    border-bottom: none !important;
  }
  .cmpListSns.bdrTopNone {
    border-width: 1px 1px 0 !important;
  }
  .cmpListSns > li {
    border-bottom: 1px solid #dcdcdc !important;
  }
  .cmpListSns > li.bdrTop {
    border-width: 0 0 1px !important;
  }
  .cmpListSns > li.rank1 .data:after {
    border-bottom-color: #f5f7f8 !important;
  }
  .cmpListSns > li.rank2 .data:after,
  .cmpListSns > li.rank3 .data:after,
  .cmpListSns > li.rank4 .data:after {
    border-bottom-color: #fff !important;
  }
  .cmpBanner > ul.tab > li {
    float: none;
    width: 100%;
    border-top: 1px solid gainsboro;
  }
  .cmpBanner > ul.tab > li:first-child {
    border-top: none;
  }
  .cmpBanner > ul.tab > li > a.logo {
    line-height: 80px;
  }
  .cmpBanner > ul.tab > li > a.logo > span > img {
    width: auto;
    max-height: 40px;
  }
  .cmpBanner > ul.tab > li.isCurrent > a.logo {
    position: relative;
  }
  .cmpBanner > ul.tab > li.isCurrent > a.logo:after {
    position: absolute;
    z-index: 1;
    top: 99%;
    top: 98%;
    left: 51%;
    width: 0;
    height: 0;
    margin-left: -15px;
    content: '';
    border: 15px solid transparent;
    border-top-color: white;
  }
  .cmpNavCharacter {
    padding: 0 25px;
  }
  .cmpNavCharacter > .slideWrap > ul.slide > li {
    width: 3.33333%;
  }
  .cmpNavCharacter > .slideWrap > ul.slide > li > a > span.thumb {
    width: 95% !important;
    max-width: 100px !important;
  }
  .cmpNavCharacter > ul.navController > li > a {
    border: none;
  }
  .cmpNavCharacter > ul.navController > li.prev {
    margin-left: -10px;
  }
  .cmpNavCharacter > ul.navController > li.next {
    margin-right: -10px;
  }
  .cmpNavCharacter.typeFew {
    padding: 0 25px;
  }
  .cmpNavCharacter.typeFew > .slideWrap > ul.slide > li {
    width: 3.33333% !important;
  }
  .cmpNavCharacter.typeFew > .navController {
    display: block;
  }
  .cmpColumn.typeCol2.typeGallery > .column {
    float: none;
    width: 100%;
  }
  .cmpColumn.typeCol2.typeGallery > .column .btnBa {
    bottom: 30px;
    left: 25px;
  }
  .cmpColumn.typeCol2.typeGallery > .column .btnBa > a {
    padding: 13px 50px 13px 25px;
  }
  .cmpColumn.typeCol2.typeGallery > .column.type1 {
    display: none;
  }
  .cmpColumn.typeCol2.typeMusic > .column.type1 {
    padding: 30px;
  }
  .cmpColumn.typeCol2.typeMusic > .column.type2 {
    padding: 30px 25px !important;
  }
  .cmpColumn.typeCol2.typeMusic > .column.type2 .hdgTy2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic,
  .cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic {
    padding: 5px;
  }
  .cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul,
  .cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul {
    line-height: 44px;
  }
  .cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li.cdno,
  .cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li.cdno {
    font-size: 20px;
    font-size: 2rem;
  }
  .cmpColumn.typeCol2.typeMusicList > .column.type1 > .hdgMusic > ul > li > img,
  .cmpColumn.typeCol2.typeMusicList > .column.type2 > .hdgMusic > ul > li > img {
    width: 50px;
    height: 50px;
  }
  .cmpColumn.typeCol2.typeDetail > .column {
    margin-bottom: 0;
    padding: 25px;
  }
  .cmpColumn.typeCol2.typeDetail > .column .lytImgBa .contents {
    width: 65%;
  }
  .cmpColumn.typeCol2.typeDetail > .column .lytImgBa .contents > .hdgTy2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 0;
  }
  .cmpColumn.typeCol2.typeDetail > .column .lytImgBa .contents > .text,
  .cmpColumn.typeCol2.typeDetail > .column .lytImgBa .contents > .linkBa {
    display: none;
  }
  .cmpColumn.typeCol2.typeDetail > .column .lytImgBa .img {
    width: 35%;
    padding-top: 0;
    padding-left: 15px;
  }
  .cmpColumn.typeCol2.typeDetail > .column .lytImgBa .img > img {
    width: 80px;
  }
  .cmpColumn.typeCol2.typeDetail > .column .lytImgBa .img,
  .cmpColumn.typeCol2.typeDetail > .column .lytImgBa .contents {
    display: table-cell;
    vertical-align: middle;
  }
  .cmpTimetable {
    padding-right: 5px;
  }
  .cmpTimetable > .listTimeTableBa > dt {
    width: 18%;
  }
  .cmpTimetable > .listTimeTableBa > dt .time {
    font-size: 12px;
    font-size: 1.2rem;
    white-space: nowrap;
  }
  .cmpTimetable > .listTimeTableBa > dt .time .sub {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .cmpTimetable > .listTimeTableBa > dd > .link,
  .cmpTimetable > .listTimeTableBa > div > .link {
    padding: 20px 35px 10px 20px;
  }
  .cmpTimetable > .listTimeTableBa > dd > .link .hdg,
  .cmpTimetable > .listTimeTableBa > div > .link .hdg {
    font-size: 18px;
    font-size: 1.8rem;
    display: inline-block;
    margin-bottom: 5px;
  }
  .cmpTimetable > .listTimeTableBa > dd > a.link:before,
  .cmpTimetable > .listTimeTableBa > div > a.link:before {
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-position: -393px -74px;
    -webkit-background-size: 437px 433px;
    background-size: 437px 433px;
  }
  .cmpTimetable > .listTimeTableBa > dd > .contents,
  .cmpTimetable > .listTimeTableBa > div > .contents {
    padding: 0 20px;
  }
  .cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 .img,
  .cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 .img {
    text-align: left;
  }
  .cmpTimetable > .listTimeTableBa > dd > .contents .lytImgTy1 .img img,
  .cmpTimetable > .listTimeTableBa > div > .contents .lytImgTy1 .img img {
    max-width: 172px;
    height: auto;
  }
  .cmpTimetable > .listTimeTableBa > div {
    width: 100%;
  }
  .cmpTimetable > .listTimeTableBa > div > .link {
    padding-right: 20px;
  }
  .cmpTimetable > .listTimeTableBa > dd {
    width: 82%;
  }
  .cmpTimetable > .listTimeTableBa.isCurrent > dt,
  .cmpTimetable > .listTimeTableBa.isNowOnAir > dt {
    color: #fff;
    background-color: #0093d0;
  }
  .cmpTimetable > .listTimeTableBa.isCurrent > dt > div,
  .cmpTimetable > .listTimeTableBa.isNowOnAir > dt > div {
    position: relative;
    display: block;
  }
  .cmpTimetable > .listTimeTableBa.isCurrent > dt > div:after,
  .cmpTimetable > .listTimeTableBa.isNowOnAir > dt > div:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 101%;
    left: 99%;
    width: 0;
    height: 0;
    content: '';
    border: 20px solid transparent;
    border-left-color: #0093d0;
  }
  .cmpTimetable > .listTimeTableBa.isCurrent > dt > div:after,
  .cmpTimetable > .listTimeTableBa.isNowOnAir > dt > div:after {
    margin-top: -20px;
  }
  .cmpTimetable > .listTimeTableBa.isCurrent > dt .time,
  .cmpTimetable > .listTimeTableBa.isNowOnAir > dt .time {
    color: #fff;
  }
  .cmpTimetable > .listTimeTableBa.isCurrent > dd > a.link:before {
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-position: -393px -122px;
    -webkit-background-size: 437px 433px;
    background-size: 437px 433px;
  }
  .cmpTimetable > .listTimeTableBa.isCurrent > dd > .contents {
    display: block;
  }
  .cmpTimetable > .listTimeTableBa.isNowOnAir > dt {
    background-color: #333;
  }
  .cmpTimetable > .listTimeTableBa.isNowOnAir > dt > div {
    position: relative;
  }
  .cmpTimetable > .listTimeTableBa.isNowOnAir > dt > div:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 101%;
    left: 99%;
    width: 0;
    height: 0;
    content: '';
    border: 20px solid transparent;
    border-left-color: #333;
  }
  .cmpAccordionBa > .section > .hdg a {
    padding: 20px 30px 20px 10px;
  }
  .cmpAccordionBa > .section > .hdg a:before {
    right: 10px !important;
  }
  .cmpAccordionBa > .section > .contents {
    padding: 0 10px;
  }
  ul.cmpListIcon {
    font-size: 16px;
    font-size: 1.6rem;
  }
  ul.cmpListIcon > li > a {
    padding: 70px 10px 25px !important;
  }
  ul.cmpListIcon > li.iconDocument > a:before {
    top: 25px;
    left: 50%;
    width: 25px;
    height: 31px;
    margin-top: 0;
    margin-left: -12.5px;
    background-position: -226px -225px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  ul.cmpListIcon > li.iconMobile > a:before {
    top: 25px;
    left: 50%;
    width: 20px;
    height: 32px;
    margin-top: 0;
    margin-left: -10px;
    background-position: -130px -225px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  ul.cmpListIcon > li.iconBuy > a:before {
    top: 25px;
    left: 50%;
    width: 31px;
    height: 31px;
    margin-top: 0;
    margin-left: -15.5px;
    background-position: 0 -263px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  ul.cmpListIcon > li.iconComment > a:before {
    top: 25px;
    left: 50%;
    width: 31px;
    height: 31px;
    margin-top: 0;
    margin-left: -15.5px;
    background-position: -272px 0;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  ul.cmpListIconTy1 > li {
    display: block;
    margin-bottom: 5px;
  }
  .cmpPanel > .column {
    padding: 30px 25px 20px;
  }
  .cmpPanel > .column > .hdg {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .cmpPanel > .column > .hdg.iconShopping,
  .cmpPanel > .column > .hdg.iconSearch,
  .cmpPanel > .column > .hdg.iconTv,
  .cmpPanel > .column > .hdg.iconTicket,
  .cmpPanel > .column > .hdg.iconInfo,
  .cmpPanel > .column > .hdg.iconTel {
    padding-top: 45px;
  }
  .cmpPanel > .column > .hdg.iconShopping:before {
    top: 3px;
    left: 0;
    width: 31px;
    height: 31px;
    margin-top: 0;
    background-position: -154px -225px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  .cmpPanel > .column > .hdg.iconSearch:before {
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    margin-top: 0;
    background-position: -234px 0;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  .cmpPanel > .column > .hdg.iconTv:before {
    top: 3px;
    left: 0;
    width: 44px;
    height: 34px;
    margin-top: 0;
    background-position: 0 -225px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  .cmpPanel > .column > .hdg.iconTel:before {
    top: 0;
    left: 0;
    width: 33px;
    height: 34px;
    margin-top: 0;
    background-position: -234px -38px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  .cmpPanel > .column > .hdg.iconTicket:before {
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    margin-top: 0;
    background-position: -185px -186px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  .cmpPanel > .column > .hdg.iconInfo:before {
    top: 0;
    left: 0;
    width: 33px;
    height: 33px;
    margin-top: 0;
    background-position: -234px -188px;
    -webkit-background-size: 382px 379px;
    background-size: 382px 379px;
  }
  .cmpPanelSns {
    right: 10px;
  }
  #myStatus.isShowModal .cmpModal {
    padding: 10px;
  }
  #myStatus.isShowModal .cmpModal > .inner > .modalContents {
    min-height: inherit;
    padding: 20px;
  }
  #myStatus.isShowModal .cmpModal > .inner .hdgBa {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .cmpGallery .mainGallery {
    margin-bottom: 5px;
  }
  .cmpGallery .mainGallery .slideWrap ul.navController {
    margin-top: -22px;
  }
  .cmpGallery .mainGallery .slideWrap ul.navController li a {
    width: 44px;
    height: 44px;
  }
  .cmpGallery .mainGallery .slideWrap ul.navController li.prev {
    margin-left: 15px;
  }
  .cmpGallery .mainGallery .slideWrap ul.navController li.prev a:before {
    top: 50%;
    left: 18px;
    width: 11px;
    height: 16px;
    margin-top: -8px;
    background-position: -219px -189px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .cmpGallery .mainGallery .slideWrap ul.navController li.next {
    margin-right: 15px;
  }
  .cmpGallery .mainGallery .slideWrap ul.navController li.next a:before {
    top: 50%;
    left: 20px;
    width: 11px;
    height: 16px;
    margin-top: -8px;
    background-position: -232px -189px;
    -webkit-background-size: 273px 271px;
    background-size: 273px 271px;
  }
  .cmpGallery .navGallery {
    margin-bottom: 5px;
  }
  .cmpGallery .navGallery .slideWrap,
  .cmpGallery .navGallery ul.navController1 {
    display: none;
  }
  .cmpGallery .navGallery .logo {
    float: none;
    width: auto;
    height: auto;
    text-align: center;
  }
}

.l-nav-sub__item--member__special:before, .content:before, .l-row:before, .l-ranking:before, .l-feature:before, .l-feature__inner:before, .l-temp__list:before, .l-tsum:before, .btn-wrap:before, .btn-wrap--single:before, .c-list-gift--horizontal:before, .c-list-input:before, .c-form-wrap:before, .c-form-block__body:before, .c-form-list > li:before, .modal-login__btn:before, .c-itemreview ul:before, .p-product:before, .p-product__thumb:before, .p-product__gift:before, .p-product__wrap:before, .p-product__detail:before, .p-product__sns__warning:before, .grid:before, .desktop .grid-item-hover__btn:before, .p-category-header:before, .p-navbar:before, .p-navbar__result:before, .p-navbar__btn:before, .p-navbar__action:before, .p-category-bnr:before, .p-category-list__block:before, .p-cart-special__wrap:before, .p-cart-item-summary:before, .p-cart-item__count:before, .p-cart-item__btngroup:before, .p-cart-coupon li > div:before, .p-cart-step-01__wrap:before, .p-order-price:before, .p-order-price--first:before, .p-order-price--last:before, .p-order-btngroup:before, .p-order-process:before, .p-order-cardlist:before, .p-order-camp:before, .p-mypage-menu:before, .p-history-data__wrap:before, .p-history-header:before, .p-history-body__amount:before, .p-history-body__amount--last:before, .p-mypage-charalist__link:before, .p-mypage-charalist__imglist:before, .p-mypage-charalist__wrap:before, .p-mypage-finished:before, .p-mypage-colmn ._column:before, .p-mypage--btnArea:before, .p-mypageSecret__inner ul:before, .p-mypage-bookmark__navi:before, .p-mypage-bookmark .item-list .c-list-gift:before, .p-mypage-bookmark .item-list--ranking .c-list-gift:before, .p-mypage-bookmark .item-list--sale .c-list-gift:before, .p-mypage-bookmark .item-list .c-list-gift--horizontal:before, .p-mypage-bookmark .item-list--ranking .c-list-gift--horizontal:before, .p-mypage-bookmark .item-list--sale .c-list-gift--horizontal:before, .p-mypage-bookmark .item-list.list .grid-item__body:before, .p-mypage-bookmark .list.item-list--ranking .grid-item__body:before, .p-mypage-bookmark .list.item-list--sale .grid-item__body:before, .p-result-select-detail:before, .p-result-category:before, .p-result-inner--notfound:before, .p-result-nav__link:before, .p-sale-link:before, .p-sale-header:before, .p-sale__image:before, .p-contact-menu:before, .p-info-map:before, .p-chara__list:before, .p-ranking-top:before, .p-result-rank:before, .p-searchResult__navi:before, .l-nav-sub__item--member__special:after, .content:after, .l-row:after, .l-ranking:after, .l-feature:after, .l-feature__inner:after, .l-temp__list:after, .l-tsum:after, .btn-wrap:after, .btn-wrap--single:after, .c-list-gift--horizontal:after, .c-list-input:after, .c-form-wrap:after, .c-form-block__body:after, .c-form-list > li:after, .modal-login__btn:after, .c-itemreview ul:after, .p-product:after, .p-product__thumb:after, .p-product__gift:after, .p-product__wrap:after, .p-product__detail:after, .p-product__sns__warning:after, .grid:after, .desktop .grid-item-hover__btn:after, .p-category-header:after, .p-navbar:after, .p-navbar__result:after, .p-navbar__btn:after, .p-navbar__action:after, .p-category-bnr:after, .p-category-list__block:after, .p-cart-special__wrap:after, .p-cart-item-summary:after, .p-cart-item__count:after, .p-cart-item__btngroup:after, .p-cart-coupon li > div:after, .p-cart-step-01__wrap:after, .p-order-price:after, .p-order-price--first:after, .p-order-price--last:after, .p-order-btngroup:after, .p-order-process:after, .p-order-cardlist:after, .p-order-camp:after, .p-mypage-menu:after, .p-history-data__wrap:after, .p-history-header:after, .p-history-body__amount:after, .p-history-body__amount--last:after, .p-mypage-charalist__link:after, .p-mypage-charalist__imglist:after, .p-mypage-charalist__wrap:after, .p-mypage-finished:after, .p-mypage-colmn ._column:after, .p-mypage--btnArea:after, .p-mypageSecret__inner ul:after, .p-mypage-bookmark__navi:after, .p-mypage-bookmark .item-list .c-list-gift:after, .p-mypage-bookmark .item-list--ranking .c-list-gift:after, .p-mypage-bookmark .item-list--sale .c-list-gift:after, .p-mypage-bookmark .item-list .c-list-gift--horizontal:after, .p-mypage-bookmark .item-list--ranking .c-list-gift--horizontal:after, .p-mypage-bookmark .item-list--sale .c-list-gift--horizontal:after, .p-mypage-bookmark .item-list.list .grid-item__body:after, .p-mypage-bookmark .list.item-list--ranking .grid-item__body:after, .p-mypage-bookmark .list.item-list--sale .grid-item__body:after, .p-result-select-detail:after, .p-result-category:after, .p-result-inner--notfound:after, .p-result-nav__link:after, .p-sale-link:after, .p-sale-header:after, .p-sale__image:after, .p-contact-menu:after, .p-info-map:after, .p-chara__list:after, .p-ranking-top:after, .p-result-rank:after, .p-searchResult__navi:after {
  content: "";
  display: table;
}

.l-nav-sub__item--member__special:after, .content:after, .l-row:after, .l-ranking:after, .l-feature:after, .l-feature__inner:after, .l-temp__list:after, .l-tsum:after, .btn-wrap:after, .btn-wrap--single:after, .c-list-gift--horizontal:after, .c-list-input:after, .c-form-wrap:after, .c-form-block__body:after, .c-form-list > li:after, .modal-login__btn:after, .c-itemreview ul:after, .p-product:after, .p-product__thumb:after, .p-product__gift:after, .p-product__wrap:after, .p-product__detail:after, .p-product__sns__warning:after, .grid:after, .desktop .grid-item-hover__btn:after, .p-category-header:after, .p-navbar:after, .p-navbar__result:after, .p-navbar__btn:after, .p-navbar__action:after, .p-category-bnr:after, .p-category-list__block:after, .p-cart-special__wrap:after, .p-cart-item-summary:after, .p-cart-item__count:after, .p-cart-item__btngroup:after, .p-cart-coupon li > div:after, .p-cart-step-01__wrap:after, .p-order-price:after, .p-order-price--first:after, .p-order-price--last:after, .p-order-btngroup:after, .p-order-process:after, .p-order-cardlist:after, .p-order-camp:after, .p-mypage-menu:after, .p-history-data__wrap:after, .p-history-header:after, .p-history-body__amount:after, .p-history-body__amount--last:after, .p-mypage-charalist__link:after, .p-mypage-charalist__imglist:after, .p-mypage-charalist__wrap:after, .p-mypage-finished:after, .p-mypage-colmn ._column:after, .p-mypage--btnArea:after, .p-mypageSecret__inner ul:after, .p-mypage-bookmark__navi:after, .p-mypage-bookmark .item-list .c-list-gift:after, .p-mypage-bookmark .item-list--ranking .c-list-gift:after, .p-mypage-bookmark .item-list--sale .c-list-gift:after, .p-mypage-bookmark .item-list .c-list-gift--horizontal:after, .p-mypage-bookmark .item-list--ranking .c-list-gift--horizontal:after, .p-mypage-bookmark .item-list--sale .c-list-gift--horizontal:after, .p-mypage-bookmark .item-list.list .grid-item__body:after, .p-mypage-bookmark .list.item-list--ranking .grid-item__body:after, .p-mypage-bookmark .list.item-list--sale .grid-item__body:after, .p-result-select-detail:after, .p-result-category:after, .p-result-inner--notfound:after, .p-result-nav__link:after, .p-sale-link:after, .p-sale-header:after, .p-sale__image:after, .p-contact-menu:after, .p-info-map:after, .p-chara__list:after, .p-ranking-top:after, .p-result-rank:after, .p-searchResult__navi:after {
  clear: both;
}

.p-info-soft {
  display: table;
  width: 100%;
}

.p-info-soft .media__image {
  display: table-cell;
}

.p-info-soft .media__body {
  display: table-cell;
}

.p-sale-link > li a {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.p-sale-link > li a:hover {
  opacity: 0.7;
}

/* @mixin breakpoint($point) {
   @if $point == desktop {
     @media (min-width: 1200px) { @content ; }
  }
  @else if $point == flex {
     @media (min-width:800px) and (max-width:1199px) { @content ; }
  }
  @else if $point == tablet {
     @media (min-width: 480px) { @content ; }
  }
  @else if $point == mobile {
     @media (max-width: 479px)  { @content ; }
  }
}
 */
html {
  font-size: 62.5%;
  width: 100%;
}

body {
  color: #333;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Helvetica, Arial, Verdana, sans-serif;
  width: 100%;
  background: #FFF;
  -webkit-text-size-adjust: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}

body a {
  outline: none;
}

body img {
  -ms-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

body #deviceCheck {
  position: static;
}

@media (min-width: 801px) {
  body #deviceCheck {
    position: relative;
  }
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
h1, h2, h3, ul, ol, dl, dd, p {
  margin: 0;
  padding: 0;
}

li, dt, dd {
  list-style: none;
}

.wrapper {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .wrapper {
    overflow: hidden;
  }
}

@media (min-width: 1200px) {
  .wrapper {
    margin: 0 auto;
  }
}

@media (max-width: 800px) {
    .wrapper.is-open {
        position:fixed;
        top:0;
        left:0;
    }
    
    body.spmenu-open {
        position:fixed;
        top:0;
        left:0;
    }
}

.l-header__inner {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
}

.l-header__logo {
  text-align: center;
  padding: 15px 0 9px;
}

@media (min-width: 801px) and (max-width: 1000px) {
  .l-header__logo {
    padding: 20px 0 70px;
  }
}

@media (min-width: 1001px) {
  .l-header__logo {
    padding: 20px 0;
  }
}

.l-header__logo img {
  width: 84px;
  margin: 0 auto;
}

@media (min-width: 801px) {
  .l-header__logo img {
    width: 253px;
  }
}

.l-header__search {
  position: absolute;
  top: 0;
  left: 0;
}

.l-headerNav {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 801px) and (max-width: 1000px) {
  .l-headerNav {
    display: block;
    top: 70px;
  }
}

@media (min-width: 1001px) {
  .l-headerNav {
    display: block;
    top: 0;
  }
}

.l-headerNav__list {
  padding: 45px 0 0;
}

.l-headerNav__item {
  display: inline-block;
  margin: 0 0 0 20px;
}

.l-headerNav__item a {
  display: block;
  font-size: 1.1rem;
}

.l-headerNav__item a:before {
  content: "";
  padding: 7px;
  margin-right: 3px;
}

.l-headerNav__item:first-child a:before {
  background: url(/images/common/bg_shop.png) no-repeat center;
  background-size: contain;
}

.l-headerNav__item:nth-child(2) a:before {
  background: url(/images/common/bg_guid.png) no-repeat center;
  background-size: contain;
}

.l-headerNav__item:last-child a:before {
  background: url(/images/common/bg_language.png) no-repeat center;
  background-size: contain;
}

.l-headerNav__lang {
  width: 150px;
  position: relative;
}

.l-headerNav__lang a:hover {
  text-decoration: none;
}

.l-headerNav__langBtn {
  display: block;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  border-left: none;
  border: 1px solid #dcdcdc;
  background: #FFF;
  cursor: pointer;
  outline: none;
  position: relative;
  font-weight: bold;
  font-size: 1.2rem !important;
  padding: 3px 5px 2px;
  border-radius: 4px;
  color: #777;
}

.l-headerNav__langBtn > span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #dcdcdc;
  width: 50px;
  height: 100%;
  line-height: 26px;
  text-align: center;
  background-color: #eceff0;
}

.l-headerNav__langList {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  border: 1px solid #dcdcdc;
  border-bottom: none;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
}

.l-headerNav__langList li {
  padding: 5px;
  border-bottom: 1px solid #dcdcdc;
  background: none;
}

.l-headerNav__langList li a {
  font-size: 1.2rem;
  color: #777;
  font-weight: bold;
}

.l-headerNav__langList li a:before {
  background: none  !important;
}

.l-headerNav__langList li:first-child a:before {
  background: url(/images/common/bg_language.png) no-repeat center !important;
  background-size: contain  !important;
}

.l-headerSearch {
  padding: 17px 10px;
  background: #F0F1F3;
  border: solid #D0D0D0 1px;
  position: relative;
}

.l-nav__mainSP .l-headerSearch {
    border-top:none;
}

@media (max-width: 800px) {
  .l-headerSearch {
        padding:10px;
  }
}

.l-headerSearch input {
  color: #333;
  padding: 7px 70px 7px 40px;
  background: url(//store-resources-disneyjp.akamaized.net/images/common/ico_input.png) no-repeat 15px center #fff;
  position: static;
  -webkit-background-size: 17px 17px;
  -o-background-size: 17px 17px;
  background-size: 17px 17px;
  font-size: 16px;
}

.l-headerSearchInner {
    display:flex;
    background:#fff;
    border-radius:5px;
    border:1px solid #D0D0D0;
    padding:3px 0;
    position:relative;
    overflow:hidden;
}

@media (min-width: 801px) {
  .l-headerSearch input {
    border-radius: 4em;
    -webkit-border-radius: 4em;
    width: 100%;
    padding: 9px 97px 9px 40px;
  }
}

@media (max-width: 800px) {
    .l-headerSearch select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        outline: none;
        background: transparent;
        font-size:16px;
        transform: scale(0.8);
        padding:2px 43% 2px 0;
        border-radius:0;
        width:150%;
        position:relative;
        left:-7%;
    }

    .l-headerSearch select::-ms-expand {
        display: none;
    }

    .l-headerselectBox {
        width:30%;
        position:relative;
        border-right:1px solid #D0D0D0;
        overflow:hidden;
        padding-right:20px;
    }

    .l-headerselectBox:before {
        border-top: 2px solid #a2a2a2;
        border-right: 2px solid #a2a2a2;
        margin-top: -5px;
        height: 6px;
        width: 6px;
        position: absolute;
        top: 50%;
        right: 8px;
        content: "";
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

  .l-headerSearch input {
        padding: 2px 0;
        width:70%;
        background-position:7px center;
        border:none;
        border-radius:5px;
        background:none;
        font-size:13px;
    }

    .l-headerSearch input[type="text"] {
        font-size:16px;
        transform: scale(0.8);
        padding-left:0;
        position:relative;
        left:-5%;
    }

    .l-nav__mainSP .l-headerSearchInner {
        width: calc(100% - 65px);
    }

    .l-nav__mainSP .l-headerSearchInner input[type="text"] {
        width:100%;
        left:-8%;
  }
}

.l-headerSearch p {
  position: absolute;
  top: 14px;
  right: 0px;
}

@media (min-width: 801px) {
  .l-headerSearch p {
    position: static;
  }
}

@media (max-width: 800px) {
  .l-headerSearch p {
    top: 10px;
  }
}

.l-headerSearch p a {
  padding: 12px 15px;
  position: relative;
  text-decoration: underline;
}

@media (max-width: 800px) {
  .l-headerSearch p a {
        padding: 7px 10px;
  }
}

@media (min-width: 801px) {
  .l-headerSearch p a {
    padding: 0;
    position: absolute;
    top: 10px;
    right: -7rem;
    font-size: 1.3rem;
  }
}

@media (min-width: 801px) and (max-width: 1000px) {
  .l-headerSearch {
    display: block;
    width: 300px;
    position: absolute;
    top: 105px;
    left: 0;
    padding: 0;
    border: none;
    background: none;
  }
  .l-headerSearch p {
    top: 0;
    right: 0;
  }
}

@media (min-width: 1001px) {
  .l-headerSearch {
    display: block;
    width: 300px;
    position: absolute;
    top: 35px;
    left: 0;
    padding: 0;
    border: none;
    background: none;
  }
  .l-headerSearch p {
    top: 0;
    right: 0;
  }
}

.l-headerSearch__toResult {
  position: absolute;
  top: 18px;
  right: 80px;
  background: #333;
}

@media (min-width: 801px) {
  .l-headerSearch__toResult {
    top: 0;
    right: 0;
    border-top-right-radius: 4em;
    -webkit-border-top-right-radius: 4em;
    -moz-border-top-right-radius: 4em;
    border-bottom-right-radius: 4em;
    -webkit-bottom-right-radius: 4em;
    -moz-bottom-right-radius: 4em;
  }
}

@media (max-width: 320px) {
  .l-headerSearch__toResult {
    top: 10px;
    right: 75px;
  }
}

.l-headerSearch__toResult input {
  background: #333;
  border-radius: 0;
  color: #fff;
  width: 5em;
  padding: 8px 0;
  font-size: 1.5rem;
  background: none;
}

@media (min-width: 801px) {
  .l-headerSearch__toResult input {
    padding: 10px 0;
  }
}

@media (max-width: 800px) {
    .l-headerSearch__toResult {
        right:0;
        top:0;
        height:100%;
    }
    .l-headerSearch__toResult input {
        background:#b22836 url(/images/common/nav_search.png) center center no-repeat;
        background-size:14px 14px;
        width:32px;
        height:100%;
        padding:2px;
        border-radius: 0;
        -webkit-box-sizing: content-box;
        -webkit-appearance: button;
        appearance: button;
        border: none;
        box-sizing: border-box;
        cursor: pointer;
    }
    .l-headerSearch__toResult input::-webkit-search-decoration {
        display: none;
    }
    .l-headerSearch__toResult input::focus {
        display: none;
    }
}

._nvb_headerMenu.is-hide {
  z-index: 0 !important;
}

.l-headerSearchBox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  padding-top: 15%;
}

@media (min-width: 801px) {
  .l-headerSearchBox {
    overflow: auto;
    padding-top: 0;
  }
}

.l-headerSearchBox p {
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 10px;
}

@media (min-width: 801px) {
  .l-headerSearchBox p {
    font-size: 13px;
  }
}

.l-headerSearchBox.is-show {
  display: block;
}

.l-headerSearchBox .easy-select-box {
  width: 100%;
}

@media (min-width: 481px) {
  .l-headerSearchBox .easy-select-box {
    margin: 0 0 10px 0;
  }
}

@media (min-width: 801px) {
  .l-headerSearchBox .easy-select-box {
    width: 49.2%;
    margin: 0;
  }
}

@media (min-width: 801px) {
  .l-headerSearchBox .easy-select-2 {
    width: 100%;
    padding: 0;
  }
}

.l-headerSearchBox__submit {
  color: #333;
  border: 1px solid #878788;
  padding: 15px 45px 15px 33px;
  margin: 0 auto;
  width: 100%;
  background: #fff;
  -webkit-border-radius: 4em;
  border-radius: 4em;
  position: relative;
  background: url(//store-resources-disneyjp.akamaized.net/images/common/ico_input.png) no-repeat 15px center #fff;
  -webkit-background-size: 17px 17px;
  -o-background-size: 17px 17px;
  background-size: 17px 17px;
}

@media (min-width: 801px) {
  .l-headerSearchBox__submit {
    padding: 15px 0 15px 13%;
  }
  .l-headerSearchBox__submit:hover {
    text-decoration: underline;
  }
}

.l-headerSearchBox__submit input {
  font-size: 1.4rem;
  font-weight: bold;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.l-headerSearchBox__submit input:hover {
  text-decoration: underline;
}

@media (min-width: 801px) {
  .l-headerSearchBox__submit input {
    font-size: 13px;
    text-align: left;
  }
}

.l-headerSearchBox__submit:before {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 15px;
  bottom: 0;
  right: 15px;
  margin: 0.6rem 0 0 0;
  vertical-align: top;
}

.l-headerSearchBox__main {
  position: relative;
  background-color: #f1f1f1;
  width: 90%;
  max-width: 1138px;
  margin: 0 auto 50px;
  padding: 20px 25px;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
}

@media (min-width: 801px) {
  .l-headerSearchBox__main {
    margin: 150px auto 10px;
    background-color: #fff;
  }
}

.l-headerSearchBox__main select {
  width: 100%;
  height: 50px;
}

@media (min-width: 801px) {
  .l-headerSearchBox__main select {
    width: 48.3%;
    margin: 0 1.5% 0 0;
    height: 50px;
    float: left;
  }
}

.l-headerSearchBox__main select:last-child {
  margin: 15px 0 0;
}

@media (min-width: 801px) {
  .l-headerSearchBox__main select:last-child {
    margin-top: 0;
  }
}

.l-headerSearchBox__close {
  display: block;
  position: absolute;
  background: url(/images/common/icon_msgclose.png) no-repeat;
  background-size: contain;
  padding: 10px;
  top: -10px;
  right: -5px;
}

.l-headerSearchBox__block {
  border-bottom: 1px solid #CCCCCC;
  padding: 0 0 15px;
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .l-headerSearchBox__block {
    padding: 0 0 25px;
    margin: 0 0 20px;
  }
  .l-headerSearchBox__block:before, .l-headerSearchBox__block:after {
    content: "";
    display: table;
  }
  .l-headerSearchBox__block:after {
    clear: both;
  }
}

.l-headerSearchBox__block > select,
.l-headerSearchBox__block > div > input {
  font-size: 16px;
}

@media (min-width: 801px) {
  .l-headerSearchBox__block__characterWrap, .l-headerSearchBox__block__priceWrap {
    float: left;
    width: 49%;
  }
  .l-headerSearchBox__block__characterWrap:last-child, .l-headerSearchBox__block__priceWrap:last-child {
    padding: 0 0 0 3%;
  }
}

.l-headerSearchBox__block__characterWrap select, .l-headerSearchBox__block__priceWrap select {
  font-size: 16px;
}

@media (min-width: 801px) {
  .l-headerSearchBox__block__characterWrap select, .l-headerSearchBox__block__priceWrap select {
    float: left;
    width: 100%;
    margin: 0;
  }
}

.l-headerSearchBox__block__characterWrap select {
  width: 100%;
  background: #fff;
}

@media (min-width: 801px) {
  .l-headerSearchBox__block__characterWrap select {
    background: #fff;
  }
}

.l-headerSearchBox__block__priceWrap {
  margin: 10px 0 0;
}

@media (min-width: 801px) {
  .l-headerSearchBox__block__priceWrap {
    margin: 0;
  }
}

.l-headerSearchBox__block__priceWrap input {
  width: 40%;
  font-size: 16px;
}

@media (min-width: 801px) {
  .l-headerSearchBox__block__priceWrap input {
    margin: 0 5px 0;
  }
}

.l-headerSearchBox__block__ward {
  margin: 0;
  padding: 0;
  border: none;
}

.l-headerSearchBox__block__ward:before, .l-headerSearchBox__block__ward:after {
  content: "";
  display: table;
}

.l-headerSearchBox__block__ward:after {
  clear: both;
}

.l-headerSearchBox__block__ward div {
  margin: 0 0 15px 0;
}

@media (min-width: 801px) {
  .l-headerSearchBox__block__ward div {
    float: left;
    width: 49%;
  }
}

.l-headerSearchBox__block__ward div:last-child {
  margin: 0 0 15px 0;
}

@media (min-width: 801px) {
  .l-headerSearchBox__block__ward div:last-child {
    width: 50%;
    margin: 10px 0 5px;
    float: right;
  }
}

.l-headerSearchBox__block__ward input {
  width: 100%;
  font-size: 16px;
}

@media (min-width: 801px) {
  .l-headerSearchBox__block__ward input {
    height: 40px;
    width: 100%;
    margin: 0 !important;
  }
}

@media (min-width: 801px) {
  .l-headerSearchBox__block__ward .l-headerSearchBox__submit input {
    height: auto;
  }
}

.l-headerSearchBox__block input {
  border-radius: 5px;
  height: 40px;
  margin: 0 2% 0 0;
}

.l-headerSearchBox__block input:first-child {
  margin: 0 10px 0 0;
}

.l-headerSearchBox__block input:last-child {
  margin: 0 2% 0;
}

.l-headerSearchBox__block__keyward input:last-child {
  width: 100%;
  margin: 0;
}

.l-headerSearchBox__submit input {
  height: auto;
}

@media (min-width: 801px) {
  .l-headerSearchBox__submit input {
    width: 100%;
  }
}

.l-cart__total--empty {
  background: #F0F1F3;
  padding: 20px 10px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-cart__total--empty {
    background: #fff;
  }
}

@media (min-width: 1200px) {
  .l-cart__total--empty {
    background: #fff;
    padding: 20px 0;
  }
}

.l-cart__total--empty > p {
  float: none;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .l-cart__total--empty > p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.desktop .l-cart > li {
  border-bottom: 1px solid #ddd;
}

.desktop .l-cart__wrap {
  background: #F0F1F3;
  display: table;
  width: 100%;
}

.desktop .l-cart__image {
  display: table-cell;
  width: 119px;
  background: url(//store-resources-disneyjp.akamaized.net/images/common/bg_cart.png) no-repeat;
  text-align: center;
  vertical-align: middle;
  padding: 5px 13px 5px 5px;
}

.desktop .l-cart__image img {
  width: 100px;
  height: 100px;
}

.desktop .l-cart__body {
  background: #F0F1F3;
  display: table-cell;
  vertical-align: middle;
}

.desktop .l-cart__body__inner {
  display: table;
  padding: 0 15px 0 20px;
  width: 100%;
}

.desktop .l-cart__text, .desktop .l-cart__text--item, .desktop .l-cart__text--count, .desktop .l-cart__text--price {
  color: #333;
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
}

.desktop .l-cart__text--item {
  line-height: 1.4;
  margin-bottom: 10px;
  width: 40%;
  padding-right: 5%;
}

.desktop .l-cart__text--count {
  color: #888;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
  width: 13%;
}

.desktop .l-cart__text--price {
  font-weight: bold;
  line-height: 1;
  width: 27%;
  padding-right: 10px;
  text-align: right;
}

.desktop .l-cart__btn {
  display: table-cell;
  vertical-align: middle;
}

.desktop .l-cart__btn input {
  height: 27px;
  width: 84px;
  border: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.desktop .l-cart__btn input:hover {
  opacity: 0.6;
}

.desktop .l-cart__total {
  background: #FFF;
  border-bottom: 1px solid #ddd;
  position: relative;
  height: 40px;
  line-height: 40px;
}

.desktop .l-cart__total--count {
  position: absolute;
  left: 0;
  top: 0;
}

.desktop .l-cart__total--price {
  text-align: right;
  font-weight: bold;
  margin-left: 5px;
  font-size: 1.6rem;
}

.desktop .l-cart__total > p {
  color: #333;
  padding: 0 8px;
  font-size: 14px;
  font-size: 1.4rem;
}

.desktop .l-cart__detail {
  color: #fff;
  text-align: center;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-size: 1.6rem;
}

.desktop .l-cart__detail a {
  background: #00B4B6;
  color: #FFF;
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.desktop .l-cart__detail a:hover {
  text-decoration: none;
  opacity: 0.6;
}

.desktop .l-cart-button {
  display: inline;
}

.tablet .l-cart > li {
  border-bottom: 1px solid #ddd;
}

.tablet .l-cart__wrap {
  display: table;
  width: 100%;
  background: #F0F1F3;
}

.tablet .l-cart__image {
  display: table-cell;
  width: 85px;
  background: #fff;
  padding: 10px 5px;
  vertical-align: middle;
}

.tablet .l-cart__body {
  padding: 15px 10px;
  background: #F0F1F3;
  position: relative;
  text-align: left;
}

.tablet .l-cart__text, .tablet .desktop .l-cart__text--count, .desktop .tablet .l-cart__text--count, .tablet .l-cart__text--item, .tablet .l-cart__text--price {
  color: #333;
}

.tablet .l-cart__text--item {
  line-height: 1.4;
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.tablet .l-cart__text--count {
  color: #888;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
  font-size: 11px;
  font-size: 1.1rem;
}

.tablet .l-cart__text--price {
  font-weight: bold;
  line-height: 1;
  font-size: 11px;
  font-size: 1.1rem;
}

.tablet .l-cart__btn {
  position: absolute;
  bottom: 15px;
  right: 10px;
  cursor: pointer;
}

.tablet .l-cart__btn input {
  height: 27px;
  width: 77px;
  border: none;
}

.tablet .l-cart__total {
  background: #FFF;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.tablet .l-cart__total p {
  color: #333;
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.tablet .l-cart__total p:first-child {
  float: left;
}

.tablet .l-cart__total p:last-child {
  float: right;
  font-weight: bold;
}

.tablet .l-cart__total p:last-child span {
  margin-left: 10px;
}

.tablet .l-cart__detail {
  background: #00B4B6;
  color: #fff;
  text-align: center;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-size: 1.4rem;
}

.tablet .l-cart__detail a {
  color: #FFF;
  display: block;
}

.tablet .l-cart__detail a:hover {
  text-decoration: none;
}

.tablet .l-cart__detail a:after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  vertical-align: text-top;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -177px;
  width: 14px;
  height: 14px;
  background-size: 271px 236px;
}

.tablet .l-cart-button {
  font-size: 0;
}

.tablet .l-cart-button i {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -220px -86px;
  width: 23px;
  height: 23px;
  background-size: 271px 236px;
}

.tablet .cart-active {
  display: none;
}

.mobile .l-cart > li {
  border-bottom: 1px solid #ddd;
}

.mobile .l-cart__wrap {
  display: table;
  width: 100%;
  background: #F0F1F3;
}

.mobile .l-cart__image {
  display: table-cell;
  width: 85px;
  background: #fff;
  padding: 10px 5px;
  vertical-align: middle;
}

.mobile .l-cart__body {
  padding: 15px 10px;
  background: #F0F1F3;
  position: relative;
  text-align: left;
}

.mobile .l-cart__text, .mobile .desktop .l-cart__text--count, .desktop .mobile .l-cart__text--count, .mobile .l-cart__text--item, .mobile .l-cart__text--price {
  color: #333;
}

.mobile .l-cart__text--item {
  line-height: 1.4;
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.mobile .l-cart__text--count {
  color: #888;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
  font-size: 11px;
  font-size: 1.1rem;
}

.mobile .l-cart__text--price {
  font-weight: bold;
  line-height: 1;
  font-size: 11px;
  font-size: 1.1rem;
}

.mobile .l-cart__btn {
  position: absolute;
  bottom: 15px;
  right: 10px;
  cursor: pointer;
}

.mobile .l-cart__btn input {
  height: 27px;
  width: 77px;
  border: none;
}

.mobile .l-cart__total {
  background: #FFF;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.mobile .l-cart__total p {
  color: #333;
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.mobile .l-cart__total p:first-child {
  float: left;
}

.mobile .l-cart__total p:last-child {
  float: right;
  font-weight: bold;
}

.mobile .l-cart__total p:last-child span {
  margin-left: 10px;
}

.mobile .l-cart__detail {
  background: #00B4B6;
  color: #fff;
  text-align: center;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-size: 1.4rem;
}

.mobile .l-cart__detail a {
  color: #FFF;
  display: block;
}

.mobile .l-cart__detail a:hover {
  text-decoration: none;
}

.mobile .l-cart__detail a:after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  vertical-align: text-top;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -177px;
  width: 14px;
  height: 14px;
  background-size: 271px 236px;
}

.mobile .l-cart-button i {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -220px -86px;
  width: 23px;
  height: 23px;
  background-size: 271px 236px;
}

.mobile .l-cart-text {
  display: none;
}

.mobile .cart-active {
  display: none;
}

.l-nav {
  background-color: #C30A31;
  position: relative;
}

@media (min-width: 801px) {
  .l-nav {
    min-height: 70px;
  }
}

.l-nav__inner {
  background-color: #C30A31;
}

@media (min-width: 1200px) {
  .l-nav__inner {
    width: 1200px;
        height:73px;
    margin: 0 auto;
    position: relative;
  }
}

.l-nav.headerFixed {
  height: 63px;
}

@media (min-width: 801px) {
  .l-nav.headerFixed {
    height: auto;
  }
}

.l-nav.headerFixed .l-nav__inner {
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #C30A31;
}

@media (min-width: 801px) {
  .l-nav.headerFixed .l-nav__inner {
    position: relative;
    width: auto;
    width: 1200px;
    margin: 0 auto;
    z-index: 100;
  }
}

.l-nav:after {
  content: '';
  display: block;
  clear: both;
}

.l-nav__main {
  display: none;
    position: fixed;
  top: 100%;
  left: 0;
  z-index: 11;
  width: 100%;
}

.l-nav__main.is-open {
    overflow-y: scroll !important;
  height: 100vh;
}

@media (max-width: 800px) {
    .l-nav__main.is-open {
        background:#fff;
    }
    .l-nav__main.is-open.is-visible {
        overflow:hidden !important;
    }
}

@media (min-width: 801px) {
  .l-nav__main.is-open {
    overflow: visible !important;
    height: auto;
  }
}

@media (min-width: 801px) and (max-width: 1100px) {
  .l-nav__main {
    display: block !important;
    position: static;
    top: auto;
    left: auto;
    background-color: transparent;
    float: left;
    width: 70%;
    height: 100%;
  }
}

@media (min-width: 1101px) {
  .l-nav__main {
    display: block !important;
    position: static;
    top: auto;
    left: auto;
    background-color: transparent;
    float: left;
    width: 80%;
    height: 100%;
  }
}

.l-nav__mainSP {
    padding: 0 0 200px;
}

@media (min-width: 801px) {
  .l-nav__mainSP {
    height: auto;
    overflow: auto;
    display: table;
    width: 100%;
    padding: 0;
  }
}

.l-nav__list {
  width: 100%;
}

@media (min-width: 801px) {
  .l-nav__list {
    display: table;
    height: 100%;
    padding: 0;
  }
}

@media (min-width: 801px) {
  .l-nav__list--main {
    padding: 20px 0;
  }
}

.l-nav__list--subSP .l-nav__link {
  background: url(https://store-resources-disneyjp.akamaized.net/images/common/bg_arrow_gray.png) no-repeat 96% center #fff;
  background-size: 8px;
  border-top: solid #D0D0D0 1px;
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: -1px;
}

.l-nav__list--subSP .l-nav__link--home:before {
    content: "";
    background: url(/images/common/bg_disneystoreclub.png) no-repeat center;
    background-size: contain;
    padding: 7px;
    margin-right: 3px;
}

.l-nav__list--subSP .l-nav__link--bookmark:before {
    content: "";
    background: url(/images/common/bg_bookmark.png) no-repeat center;
    background-size: contain;
    padding: 7px;
    margin-right: 3px;
}

.l-nav__list--subSP .l-nav__link--cart:before {
    content: "";
    background: url(/images/common/bg_carts.png) no-repeat center;
    background-size: contain;
    padding: 7px;
    margin-right: 3px;
}

.l-nav__list--subSP .l-nav__link--member:before {
    content: "";
    background: url(/images/common/bg_member.png) no-repeat center;
    background-size: contain;
    padding: 7px;
    margin-right: 3px;
}

.l-nav__list--subSP .l-nav__link--guide:before {
  content: "";
  background: url(../images/common/bg_guid.png) no-repeat center;
  background-size: contain;
  padding: 7px;
  margin-right: 3px;
}

.l-nav__list--subSP .l-nav__link--shop:before {
  content: "";
  background: url(../images/common/bg_shop.png) no-repeat center;
  background-size: contain;
  padding: 7px;
  margin-right: 3px;
}

.l-nav__list--subSP .l-nav__link--disneystore_club:before {
    content: "";
    background: url(/images/common/bg_disneystoreclub.png) no-repeat center;
  background-size: contain;
  padding: 7px;
  margin-right: 3px;
}

.l-nav__list--subSP .l-nav__link--lang:before {
  content: "";
  background: url(../images/common/bg_language.png) no-repeat center;
  background-size: contain;
  padding: 7px;
  margin-right: 3px;
}

.l-nav__list--subSP .l-nav__link--recruit {
    border-bottom: solid #D0D0D0 1px;
}

@media (min-width: 801px) {
  .l-nav__drop {
    padding: 5px 10px;
    position: relative;
  }
  .l-nav__drop:after {
    content: "";
    background: url(../images/common/bg_headnav_arrow02.jpg) no-repeat center;
    background-size: contain;
    padding: 6px;
    margin: 0 0 0 4px;
  }
  .l-nav__drop.is-childOpen:after {
    background: url(../images/common/bg_headnav_arrow04.jpg) no-repeat center;
    background-size: contain;
  }
  .l-nav__drop.is-childOpen:before {
    content: "";
    background: url(../images/common/bg_headnav_arrow03.jpg) no-repeat center;
    background-size: 20px;
    position: absolute;
    padding: 9px;
    bottom: -36px;
    left: 0;
    right: 0;
  }
}

@media (min-width: 801px) {
  .l-nav__item {
    height: 100%;
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
  }
}

.l-nav__item--main {
  border: solid #D0D0D0 1px;
  font-size: 1.3rem;
  font-weight: bold;
  background: #F0F1F3 url(..images/common/bg_arrow_gray.png) no-repeat 96% center;
  background-size: 8px;
  margin-top: -1px;
}

@media (min-width: 801px) {
  .l-nav__item--main {
    background: none;
    border: none;
    padding: 0 15px;
    border-right: 1px solid #FFFFFF;
    font-size: 1.1vw;
    font-weight: normal;
  }
}

@media (min-width: 1200px) {
  .l-nav__item--main {
    font-size: 14px;
  }
}

.l-nav__item--logo {
  width: 35%;
  float: left;
}

.l-nav__item--logo .l-nav__link {
  padding: 17px 0;
  margin: 0 0 0 10px;
}

.l-nav__item--home {
  display: none;
  position: relative;
}

@media (min-width: 801px) {
  .l-nav__item--home {
    display: block;
    border-right: none;
    padding: 3px 15px 0 45px;
    position: relative;
    font-size: 1.6rem;
  }
  .l-nav__item--home a.l-nav__link:before {
    content: "";
    top: 6px;
    left: 20px;
    position: absolute;
    background: url(/images/sprite/ico_home.png) no-repeat center;
    background-size: contain;
    width: 23px;
    height: 18px;
  }
}

.l-nav__link {
  color: #1F1F1F;
  padding: 13px 17px 13px 10px;
  display: inline-block;
  width: 100%;
}

@media (max-width: 320px) {
  .l-nav__link {
    padding: 9px 17px 9px 10px;
  }
}

@media (min-width: 801px) {
  .l-nav__link {
    padding: 17px 17px 17px 10px;
    color: #FFFFFF;
    padding: 0;
    width: auto;
  }
}

.l-nav__link > br {
  display: none;
}

@media (min-width: 801px) and (max-width: 1100px) {
  .l-nav__link > br {
    display: block;
  }
}

@media (min-width: 1101px) {
  .l-nav__link > br {
    display: none;
  }
}

@media (min-width: 801px) {
  .l-nav .l-nav-sub__link__open.is-open:before {
    content: "";
    background: url(../images/common/bg_headnav_arrow03.jpg) no-repeat center;
    background-size: 20px;
    position: absolute;
    padding: 9px;
    bottom: -4px;
    width: 10px;
    left: auto;
    right: 14.85%;
  }
}

.l-nav__langListWrap {
  background: url(../images/common/bg_headnav_arrowb2.jpg) no-repeat 96% 54% !important #fff;
}

.l-nav__langList {
  display: none;
  background: #fff;
}

.l-nav__langItem {
  border-bottom: 1px solid #CCCCCC;
  padding: 13px 17px 13px 24px;
  color: #333;
  font-weight: bold;
}

@media (max-width: 320px) {
  .l-nav__langItem {
    padding: 9px 17px 9px 24px;
  }
}

@media (min-width: 801px) {
  .l-nav__langItem {
    padding: 17px 17px 17px 24px;
  }
}

.l-nav__langItem a:before {
  background: none !important;
}

.l-nav-sub {
    padding:10px 0 5px;
}

@media (min-width: 801px) and (max-width: 1100px) {
  .l-nav-sub {
    float: right;
    width: 30%;
  }
}

@media (min-width: 801px) {
    .l-nav-sub {
        padding: 15px 0 13px;
    }
}

@media (min-width: 1101px) {
  .l-nav-sub {
    width: 20%;
    float: right;
  }
}

.l-nav-sub__list {
  width: 100%;
  display: table;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 10px;
}

@media (min-width: 801px) {
  .l-nav-sub__item .l-nav-sub__img {
    height: 30px;
  }
}

.l-nav-sub__item .l-nav-sub__img img {
  display: block;
  width: 100%;
}

.l-nav-sub__item--logo {
  width: 33.59375%;
  width: 120px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--logo {
    display: none;
  }
}

.l-nav-sub__item--bookmark {
  width: 11.71875%;
  width: 30px;
  position: relative;
  padding: 5px 0 0;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark {
    width: 33.33333%;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .l-nav-sub__img {
    padding: 0;
    width: 26px;
    margin: 0 auto;
  }
}

.l-nav-sub__item--bookmark .icon-favorite {
  position: relative;
}

.l-nav-sub__item--bookmark .icon-favorite span {
  position: absolute;
}

.l-nav-sub__item--bookmark .icon-favorite-new {
  position: absolute;
  background: url(/images/common/icon_new_fav.png) no-repeat center;
  background-size: contain;
  width: 40px;
  height: 20px;
  left: 50%;
  bottom: -16px;
  margin: 0 0 0 -22px;
  z-index: 1;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .icon-favorite-new {
    width: 40px;
    height: 22px;
    top: -10px;
    bottom: auto;
    left: -10px;
    margin: 0;
  }
}

.l-nav-sub__item--bookmark .icon-favorite-number {
  color: #fff;
  text-align: center;
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 22px;
  top: -8px;
  left: 65%;
  z-index: 1;
  font-size: 1rem;
  -webkit-border-radius: 50% 50%;
  border-radius: 50% 50%;
  background-color: #333333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#616161), to(#333333));
  background-image: -webkit-linear-gradient(top, #616161, #333333);
  background-image: -moz-linear-gradient(top, #616161, #333333);
  background-image: linear-gradient(#616161, #333333);
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .icon-favorite-number {
    width: 22px;
    height: 22px;
    top: -10px;
    right: 5px;
    left: auto;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro {
  display: none;
}

.l-nav-sub__item--bookmark .favorite--modal--intro.is-show {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 105;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  overflow-y: scroll;
}

.l-nav-sub__item--bookmark .favorite--modal--intro__inner {
  position: absolute;
  top: 80px;
  left: 2%;
  width: 96%;
  background: #fff;
  border-radius: 4px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__inner {
    width: 100%;
    max-width: 710px;
    top: 300px;
    left: 50%;
    margin: 0 0 0 -360px;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro span.close {
  right: 10px;
  top: 22px;
  position: absolute;
}

.l-nav-sub__item--bookmark .favorite--modal--intro span.close:after, .l-nav-sub__item--bookmark .favorite--modal--intro span.close:before {
  display: block;
  content: "";
  background: #fff;
  position: relative;
}

.l-nav-sub__item--bookmark .favorite--modal--intro span.close:after {
  width: 22px;
  height: 2px;
  transform: rotate(45deg);
}

.l-nav-sub__item--bookmark .favorite--modal--intro span.close:before {
  width: 22px;
  height: 2px;
  transform: rotate(135deg);
  margin: 0 0 -2px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro span.close {
    top: 250px;
    right: 5%;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__ttl {
  background: #c30a31;
  padding: 15px 1.5625%;
  color: #fff;
  border-radius: 4px 4px 0 0;
  font-size: 1.2rem;
  text-align: center;
}

@media (max-width: 320px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__ttl {
    font-size: 1.1rem;
  }
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__ttl {
    font-size: 2.1rem;
    padding: 30px 10px;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__ttl span {
  font-size: 1.4rem;
  display: block;
  margin: 0 0 0 -0.5rem;
}

@media (max-width: 320px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__ttl span {
    font-size: 1.2rem;
  }
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__ttl span {
    font-size: 2.2rem;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__ttl span:before, .l-nav-sub__item--bookmark .favorite--modal--intro__ttl span:after {
  content: "";
  background: url(/images/common/icon_heart_wihte.png) no-repeat center;
  background-size: contain;
  padding: 0.5rem 0.7rem;
  margin: 0 0.5rem;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__ttl span:before, .l-nav-sub__item--bookmark .favorite--modal--intro__ttl span:after {
    padding: 1rem 1rem;
    margin: 0 1rem 0 0;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__page {
  text-align: center;
  padding: 0 3.125% 10px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__page {
    padding: 0 40px 10px;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__page__ttl {
  color: #c30a31;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 20px 0 15px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__page__ttl {
    font-size: 2rem;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__page__ttl span {
  font-size: 1.5rem;
  display: block;
  position: relative;
  padding: 0 0 0 1rem;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__page__ttl span {
    font-size: 3rem;
    padding: 0 0 0 3rem;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageInner {
  border: solid 3px #f9e6ea;
  padding: 20px 0;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__pageInner {
    margin: 0 0 60px;
    padding: 30px 0;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageLead {
  padding: 0 4.6875% 20px;
  text-align: left;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__pageLead {
    font-size: 1.6rem;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageTtl {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: left;
  padding: 0 0 10px 0;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__pageTtl {
    font-size: 1.6rem;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageBox {
  padding: 0 4.6875% 30px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__pageBox {
    padding: 0 30px 30px;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageBox img {
  width: 100%;
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageBox:last-child {
  padding: 0 4.6875% 0;
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageBox.is-big {
  padding: 0 1.5625% 0 4.6875%;
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageBtm {
  background: url(/images/common/bg_suprise.png) no-repeat center bottom;
  padding: 10px 4.6875% 20px;
  background-size: contain;
}

@media (min-width: 481px) and (max-width: 800px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__pageBtm {
    padding: 10px 4.6875% 35px;
  }
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__pageBtm {
    margin: 0 0 30px;
    padding: 0 4.6875% 30px;
    background-size: 100%;
  }
}

@media (min-width: 481px) and (max-width: 800px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__pageBtm img {
    width: 90%;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageBtmTtl {
  font-size: 1.3rem;
  background: url(/images/common/bg_ribbon.png) no-repeat center;
  background-size: contain;
  padding: 5px 0 10px;
  margin: 0 0.78125% 13px;
  color: #fff;
}

@media (max-width: 320px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__pageBtmTtl {
    font-size: 1.1rem;
  }
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__pageBtmTtl {
    font-size: 2.3rem;
    background-size: contain;
    padding: 7px 0 15px;
    margin: 0 0 30px;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageList {
  padding: 0 4.6875% 0;
  margin: -15px 0 0;
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageList li {
  font-size: 1.3rem;
  text-align: left;
  position: relative;
  padding: 0 0 0 3rem;
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__pageList li {
    font-size: 1.6rem;
  }
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageList li:last-child {
  margin: 0;
}

.l-nav-sub__item--bookmark .favorite--modal--intro__pageList li span {
  color: #fff;
  background: #ff6d00;
  border-radius: 50%;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.2rem 0.7rem;
  position: absolute;
  left: 0;
}

@media (min-width: 801px) {
  .l-nav-sub__item--bookmark .favorite--modal--intro__pageList li span {
    font-size: 1.2rem;
  }
}

.l-nav-sub__item--member {
  width: 25px;
  padding: 7px 3px 0;
}

@media (min-width: 801px) {
  .l-nav-sub__item--member {
    width: 33.33333%;
    margin: 0;
    padding: 0;
  }
}

.l-nav-sub__item--member.is-nonlogin {
  width: 30px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--member.is-nonlogin {
    position: relative;
    width: 33.33333%;
    margin: 0;
  }
}

@media (min-width: 801px) {
  .l-nav-sub__item--member.is-nonlogin .l-nav-sub__img {
    width: 25px;
  }
}

.l-nav-sub__item--member.is-nonlogin .l-nav-sub__link {
  position: relative;
}

@media (min-width: 801px) {
  .l-nav-sub__item--member .l-nav-sub__img {
    padding: 0;
    width: 20px;
    margin: 0 auto;
  }
}

.l-nav-sub__item--member .l-nav-sub__img .icon-cart-number {
  top: -14px;
  left: 50%;
  margin: 0 0 0 0px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--member .l-nav-sub__img .icon-cart-number {
    top: -10px;
    right: -10px;
  }
}

.l-nav-sub__item--member__balloon {
  display: none;
  width: 100%;
  font-size: 1.3rem;
  position: absolute;
  top: 65px;
  left: 0;
  z-index: 10;
  background: #fff;
  padding: 20px;
  border: solid 1px #cccccc;
}

@media (min-width: 801px) {
  .l-nav-sub__item--member__balloon {
    display: block;
    top: 58px;
    width: 350px;
    margin: 0 0 0 -140px;
    font-size: 1.1rem;
  }
}

@media (min-width: 801px) {
  .l-nav-sub__item--member__balloon:before {
    position: absolute;
    top: -8px;
    left: 50%;
    margin: 0 0 0 -8px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
  }
}

.l-nav-sub__item--member__balloon .btn--purchase, .l-nav-sub__item--member__balloon .btn--purchase--process, .l-nav-sub__item--member__balloon .btn--purchase--login, .l-nav-sub__item--member__balloon .btn--purchase--login2, .l-nav-sub__item--member__balloon .btn--confirm {
  width: 100%;
}

.l-nav-sub__item--member__btnWrap li {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  padding: 0 0 10px;
}

.l-nav-sub__item--member__btnWrap li p {
  padding: 0 0 10px;
  line-height: 1;
}

.l-nav-sub__item--member__btnWrap li a {
  height: 40px;
  line-height: 40px;
}

.l-nav-sub__item--member__lead {
  padding: 0 0 5px;
}

.l-nav-sub__item--member__lead:last-child {
  padding: 0;
}

.l-nav-sub__item--member__lead a {
  text-decoration: underline;
}

.l-nav-sub__item--member__special {
  font-size: 1.2rem;
}

.l-nav-sub__item--member__special li {
  list-style-type: disc;
  margin: 0 0 0 1em;
}

.l-nav-sub__item--member__special div {
  float: left;
  width: 60px;
}

.l-nav-sub__item--member__special div:last-child {
  margin: 0 0 0 1em;
  width: 215px;
}

.l-nav-sub__item--member__special img {
  width: 100%;
}

.l-nav-sub__item--member__special a {
  font-size: 1.2rem;
  padding: 10px 0 0;
}

.l-nav-sub__item--cart {
  width: 11.71875%;
  width: 25px;
  padding: 5px 0 0;
}

@media (min-width: 801px) {
  .l-nav-sub__item--cart {
    width: 33.33333%;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 801px) {
  .l-nav-sub__item--cart .l-nav-sub__img {
    padding: 0;
    width: 22px;
    margin: 0 auto;
    padding-top: 3px;
  }
}

.l-nav-sub__item--cart .l-nav-sub__img .icon-cart-number {
  top: -13px;
  left: 50%;
  margin: 0 0 0 5px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--cart .l-nav-sub__img .icon-cart-number {
    top: -10px;
    right: 50%;
    margin: 0 -10px 0 0;
  }
}

.l-nav-sub__item--timeline {
  width: 17.96875%;
  width: 50px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--timeline {
    width: 25%;
    margin: -1px 0 0;
  }
}

.l-nav-sub__item--timeline .l-nav-sub__img {
  width: 23px;
  margin: 0 auto;
}

@media (min-width: 801px) {
  .l-nav-sub__item--timeline .l-nav-sub__img {
    padding: 0;
    width: 24px;
    margin: 0 auto;
  }
}

.l-nav-sub__item--timeline .l-nav-sub__link span {
  margin: 2px -10px 0;
  display: block;
  font-size: 1rem;
  transform: scale(0.8, 0.8);
}

@media (min-width: 801px) {
  .l-nav-sub__item--timeline .l-nav-sub__link span {
    transform: scale(1, 1);
  }
}

.l-nav-sub__item--menu {
  width: 13.28125%;
  width: 25px;
    position:relative;
    top:3px;
}

@media (min-width: 801px) {
  .l-nav-sub__item--menu {
    display: none;
  }
}

.l-nav-sub__item--menu .l-nav-sub__link:hover {
  text-decoration: none;
}

.l-nav-sub__item--menu .l-nav-sub__link span {
  text-align: center;
  display: block;
  font-size: 1rem;
  transform: scale(0.9, 0.9);
    margin: 3px -5px 0;
}

@media (min-width: 801px) {
  .l-nav-sub__item--menu .l-nav-sub__link span {
    margin: 2px -5px 0;
  }
}

.l-nav-sub__link {
  display: block;
}

.l-nav-sub__link:hover {
  color: #fff;
}

.l-nav-sub__link > span {
  text-align: center;
  display: none;
  color: #fff;
}

@media (min-width: 801px) {
  .l-nav-sub__link > span {
    display: block;
    font-size: 1rem;
  }
}

.l-nav-sub__link > span.has-tri:after {
  content: '';
  margin: 0 0 0 2px;
  display: inline-block;
  vertical-align: baseline;
  border-top: 7px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.l-nav-sub__img {
  position: relative;
}

.l-nav-sub__number {
  display: block;
}

@media (min-width: 801px) {
  .l-nav-sub__number {
    top: 0;
    right: -5px;
  }
}

.favorite--modal {
  display: none;
  position: absolute;
  z-index: 11;
  width: 100vw;
  left: 0px;
  top: 63px;
}

@media (min-width: 801px) {
  .favorite--modal {
    width: 400px;
    left: auto;
    right: 0;
    margin: 0 0 0 205px;
    top: 75px;
  }
}

.favorite--modal.is-show {
  display: block;
  z-index: 101;
  margin: -10px 0 0 173px;
}

.favorite--modal__inner {
  position: relative;
}

.favorite--modal__inner:before {
  content: "";
  background: url(/images/common/icon_mikey_in_haert.png) no-repeat center;
  background-size: contain;
  padding: 1.8rem;
  position: absolute;
}

.favorite--modal__inner p {
  padding: 0 0 0 4.5rem;
}

@media (min-width: 801px) {
  .favorite--modal__inner p {
    padding: 0 0 0 5rem;
  }
}

.favorite--modal__inner p:after {
  content: "＞＞";
  color: #00b4b6;
}

.favorite--modal__comment {
  background: #fff;
  border: solid 1px #cccccc;
}

.favorite--modal__comment__inner {
  padding: 20px 10px;
  color: #000;
  text-align: left;
  font-size: 1.2rem;
}

@media (min-width: 801px) {
  .favorite--modal__comment__inner {
    padding: 40px 20px;
    font-size: 1.4rem;
  }
}

.favorite--modal__link {
  background: #00b4b6;
}

.favorite--modal__link__inner {
  color: #fff;
  font-size: 1.2rem;
  padding: 20px 0;
  line-height: 0;
  text-align: center;
}

.modal_arrow {
  background: #fff;
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  left: 30%;
  bottom: -24px;
  position: absolute;
  display: none;
  z-index: 12;
}

@media (min-width: 801px) {
  .modal_arrow {
    left: 44%;
    bottom: -19px;
  }
}

.l-ddMenu {
    position: absolute;
  top: 0;
  left: 100%;
  z-index: 1000;
  width: 100%;
  height: 100%;
    overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  transition: 0.3s;
}

.l-ddMenu.is-show {
  left: 0;
}

@media (min-width: 801px) {
  .l-ddMenu {
    transition: 0s;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 11;
    width: 100%;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-top: none;
    padding: 30px 20px 0;
  }
}

@media (max-width: 800px) {
    .l-ddMenu {
        overflow-y: scroll !important;
        padding-bottom:150px;
        margin-bottom:1px;
    }
}

.l-ddMenu--mypage__inner {
  font-size: 1.4rem;
  font-weight: bold;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__inner {
    font-size: 13px;
  }
}

.l-ddMenu--mypage__mypage {
  width: 100%;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__mypage {
    width: 21%;
    float: left;
    position: relative;
    padding: 0 0 0 15px;
    margin: 0 115px 0 40px;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__mypage:before {
    border-top: 2px solid #1794ce;
    border-right: 2px solid #1794ce;
    margin-top: -3px;
    height: 6px;
    width: 6px;
    position: absolute;
    top: 1rem;
    left: 15px;
    content: "";
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.l-ddMenu--mypage__name {
  padding: 14px 17px;
  border: solid 1px #DEDEDE;
  margin: 0 0 -1px;
}

@media (max-width: 320px) {
  .l-ddMenu--mypage__name {
    padding: 10px 17px;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__name {
    border: none;
    padding: 0 17px 20px;
    font-size: 2rem;
  }
}

.l-ddMenu--mypage__ttl {
  padding: 14px 17px;
  border: solid 1px #DEDEDE;
  margin: 0 0 -1px;
  background: url(https://store-resources-disneyjp.akamaized.net/images/common/bg_arrow_gray.png) no-repeat 96% center;
  background-size: 8px;
}

@media (max-width: 320px) {
  .l-ddMenu--mypage__ttl {
    padding: 10px 17px;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__ttl {
    padding: 0 17px 30px;
    border: none;
    font-size: 15px;
    background: none;
  }
}

.l-ddMenu--mypage__ttl:before {
  content: "";
  background: url(/images/common/icon_mypageTop.png) no-repeat center;
  background-size: contain;
  padding: 1rem;
  margin: 0 15px 0 0;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__ttl:before {
    content: none;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list {
    width: 24%;
    float: left;
  }
}

.l-ddMenu--mypage__list li {
  padding: 14px 17px 14px 17px;
  border: solid 1px #DDDDDD;
  margin: 0 0 -1px;
  background: #F0F1F3 url(https://store-resources-disneyjp.akamaized.net/images/common/bg_arrow_gray.png) no-repeat 96% center;
  background-size: 8px;
  position: relative;
}

@media (max-width: 320px) {
  .l-ddMenu--mypage__list li {
    padding: 11px 17px 11px 17px;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li {
    border: none;
    font-weight: normal;
    padding: 0 10px 20px 20px;
    background: none;
    text-align: left;
    position: relative;
    width: auto;
  }
}

.l-ddMenu--mypage__list li:before {
  content: "";
  padding: 1rem;
  margin-right: 15px;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li:before {
    border-top: 2px solid #1794ce;
    border-right: 2px solid #1794ce;
    margin-top: -3px;
    padding: 0;
    height: 6px;
    width: 6px;
    position: absolute;
    margin-right: 0;
    top: 1rem;
    left: 0;
    content: "";
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.l-ddMenu--mypage__list li.is-mytimeline:before {
  content: "";
  background: url(/images/common/icon_mypageTimeline.png) no-repeat center;
  background-size: contain;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-mytimeline:before {
    background: none;
  }
}

.l-ddMenu--mypage__list li.is-fav:before {
  content: "";
  background: url(/images/common/icon_mypageFav.png) no-repeat center;
  background-size: contain;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-fav:before {
    background: none;
  }
}

.l-ddMenu--mypage__list li.is-secret:before {
  content: "";
  background: url(/images/common/icon_mypageSeacret.png) no-repeat center;
  background-size: contain;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-secret:before {
    background: none;
  }
}

.l-ddMenu--mypage__list li.is-recommend:before {
  content: "";
  background: url(/images/common/icon_mypageRec.png) no-repeat center;
  background-size: contain;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-recommend:before {
    background: none;
  }
}

.l-ddMenu--mypage__list li.is-infomation:before {
  content: "";
  background: url(/images/common/icon_mypageNews.png) no-repeat center;
  background-size: contain;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-infomation:before {
    background: none;
  }
}

.l-ddMenu--mypage__list li.is-timelinesetting:before {
  content: "";
  background: url(/images/common/icon_mypageSetting.png) no-repeat center;
  background-size: contain;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-timelinesetting:before {
    background: none;
  }
}

.l-ddMenu--mypage__list li.is-timelinesetting--chara:before {
  content: "";
  background: url(/images/common/icon_mypageChara.png) no-repeat center;
  background-size: contain;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-timelinesetting--chara:before {
    background: none;
  }
}

.l-ddMenu--mypage__list li.is-history:before {
  content: "";
  background: url(/images/common/icon_mypageBuy.png) no-repeat center;
  background-size: contain;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-history:before {
    background: none;
  }
}

.l-ddMenu--mypage__list li.is-account {
  position: relative;
}

.l-ddMenu--mypage__list li.is-account a {
  padding-left: 35px;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-account a {
    padding-left: 0;
  }
}

.l-ddMenu--mypage__list li.is-account:before {
  content: "";
  background: url(/images/common/icon_mypageAcount.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 14px;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-account:before {
    background: none;
    left: 0;
  }
}

.l-ddMenu--mypage__list li.is-custdest:before {
  content: "";
  background: url(/images/common/icon_mypageAddNew.png) no-repeat center;
  background-size: contain;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-custdest:before {
    background: none;
  }
}

.l-ddMenu--mypage__list li.is-custdest_delete:before {
  content: "";
  background: url(/images/common/icon_mypageAddDele.png) no-repeat center;
  background-size: contain;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-custdest_delete:before {
    background: none;
  }
}

.l-ddMenu--mypage__list li.is-cardedit:before {
  content: "";
  background: url(/images/common/icon_mypageCard.png) no-repeat center;
  background-size: contain;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li.is-cardedit:before {
    background: none;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list li a {
    font-size: 1.4rem;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list.is-wide {
    width: 31%;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list.is-wide li {
    width: 100%;
  }
}

.l-ddMenu--mypage__logout {
  color: #05B2B2;
  padding: 14px 17px;
  border: solid 1px #DEDEDE;
  background: url(https://store-resources-disneyjp.akamaized.net/images/common/bg_arrow_gray.png) no-repeat 96% center;
  display: block;
}

@media (max-width: 320px) {
  .l-ddMenu--mypage__logout {
    padding: 11px 17px;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__logout {
    font-size: 14px;
    border: none;
    background: none;
    clear: both;
  }
}

.l-ddMenu--mypage__logout:before {
  content: "";
  background: url(/images/common/icon_mypageLogOut.png) no-repeat center;
  background-size: contain;
  padding: 1rem;
  margin: 0 15px 0 0;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__logout:before {
    content: none;
  }
}

.l-ddMenu__title {
    padding:10px;
  font-weight: normal;
  font-size: 1.6rem;
  border-bottom: 1px solid #CCCCCC;
  position: relative;
  text-align: center;
    background:#fff;
    height:45px;
}

.l-ddMenu__title .js-ddMenuClose {
  display: block;
  position: absolute;
    top: 50%;
    right: 3%;
    width:30px;
    height:30px;
    margin-top:-15px;
    z-index:1;
}

.l-ddMenu__title .js-ddMenuClose:before,.l-ddMenu__title .js-ddMenuClose:after {
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 47%;
    left: 15%;
    width: 70%;;
    height: 6%;
  content: "";
    background-color: #333;
    transition: all 0.8s ease-in-out;
}

.l-ddMenu__title .js-ddMenuClose:before {
    transform: rotate(-315deg);
}

.l-ddMenu__title .js-ddMenuClose:after {
    transform: rotate(315deg);
}

@media (min-width: 481px) {
  .l-ddMenu__title a:before {
    top: 5%;
  }
}

.l-ddMenu__inner:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 801px) {
  .l-ddMenu--category__col {
    width: 20.5%;
    float: left;
    margin-right: 6%;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--category__col:last-child {
    margin-right: 0;
  }
}

.l-ddMenu--category__block {
  text-align: left;
}

@media (min-width: 801px) {
  .l-ddMenu--category__block {
    margin: 0 0 40px;
  }
}

.l-ddMenu--category a {
  display: block;
}

.l-ddMenu--category > :after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
  padding: 7px;
}

.l-ddMenu--category__ttl {
  font-weight: bold;
  background-color: #f1f1f1;
  border-bottom: 1px solid #CCCCCC;
  padding: 17px 1.5%;
  position: relative;
}

.l-ddMenu--category__ttl:after {
  content: "";
  position: absolute;
  background: url(/images/common/bg_search_toopen.png) no-repeat center;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 5%;
  padding: 7px;
}

@media (min-width: 801px) {
  .l-ddMenu--category__ttl:after {
    content: none;
  }
}

.l-ddMenu--category__ttl.is-open:after {
  content: "";
  position: absolute;
  background: url(/images/common/bg_search_toclose.png) no-repeat center;
  top: 0;
  bottom: 0;
  right: 5%;
  padding: 7px;
}

@media (min-width: 801px) {
  .l-ddMenu--category__ttl.is-open:after {
    content: none;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--category__ttl {
    font-size: 1.5rem;
    margin: 0 0 25px;
    background-color: transparent;
    border-bottom: none;
    padding: 0;
    content: none;
  }
  .l-ddMenu--category__ttl.is-open {
    background-color: transparent;
  }
}

.l-ddMenu--category__ttl.is-open {
  color: #FFF;
  background-color: #333;
  border-bottom: none;
}

@media (min-width: 801px) {
  .l-ddMenu--category__ttl.is-open {
    background: none;
    color: #000;
  }
}

.l-ddMenu--category__list {
  display: none;
}

@media (min-width: 801px) {
  .l-ddMenu--category__list {
    display: block !important;
  }
}

.l-ddMenu--category__item {
  font-weight: normal;
  padding: 17px 8% 17px 1.5%;
  border: solid #D0D0D0 1px;
  background: url(https://store-resources-disneyjp.akamaized.net/images/common/bg_arrow_gray.png) no-repeat 96% center;
  background-size: 8px;
  margin-top: -1px;
}

@media (min-width: 801px) {
  .l-ddMenu--category__item {
    border: none;
    background: none;
    margin: 0 0 10px;
    padding: 0;
  }
  .l-ddMenu--category__item a {
    position: relative;
    padding-left: 18px;
  }
  .l-ddMenu--category__item a:before {
    content: "";
    left: 3px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #0093d0;
    border-right: 2px solid #0093d0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0.6rem 0 0 0;
    vertical-align: top;
  }
}

.l-ddMenu--character__inner {
  padding: 0 20px;
  position: relative;
}

.l-ddMenu--character__slider {
  width: 87%;
  margin: 0 auto;
  padding: 30px 0 25px;
}

@media (min-width: 801px) {
  .l-ddMenu--character__slider {
    padding: 0 0 10px;
    width: 84%;
  }
}

.l-ddMenu--character__slider .slick-prev--chara {
  top: 50%;
  left: -8%;
  background: url(/images/common/btn_slick_prev02.jpg) no-repeat;
}

@media (min-width: 801px) {
  .l-ddMenu--character__slider .slick-prev--chara {
    top: 50%;
    left: -8%;
  }
}

.l-ddMenu--character__slider .slick-next--chara {
  top: 50%;
  left: 103%;
  background: url(/images/common/btn_slick_next02.jpg) no-repeat;
}

@media (min-width: 801px) {
  .l-ddMenu--character__slider .slick-next--chara {
    top: 50%;
    left: 105%;
  }
}

.l-ddMenu--character__list:after {
  content: '';
  display: block;
  clear: both;
}

.l-ddMenu--character__item {
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding: 0 3%;
  margin: 0 0 10px;
  text-align: center;
}

.l-ddMenu--character__item > a {
  line-height: 1.1;
  color: #878787;
}

@media (min-width: 481px) {
  .l-ddMenu--character__item > a {
    line-height: 1;
  }
}

@media (min-width: 481px) {
  .l-ddMenu--character__item {
    padding: 0 6% 20px;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--character__item {
    padding: 0 5px;
    margin: 0 0 37px;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--character__item img {
    padding: 0 10px 20px;
  }
}

.l-ddMenu--character__item:nth-of-type(4n+1) {
  clear: both;
}

@media (min-width: 801px) {
  .l-ddMenu--character__item {
    width: 12.5%;
  }
  .l-ddMenu--character__item:nth-of-type(4n+1) {
    clear: none;
  }
  .l-ddMenu--character__item:nth-of-type(8n+1) {
    clear: both;
  }
}

.l-ddMenu--character__img {
  display: block;
  width: 100%;
}

.l-ddMenu--character__name {
  font-size: 1rem;
  line-height: 1.3;
}

@media (min-width: 801px) {
  .l-ddMenu--character__name {
    display: block;
    color: #878787;
    font-size: 1vw;
  }
}

@media (min-width: 1200px) {
  .l-ddMenu--character__name {
    font-size: 12px;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--character__nameSmall {
    font-size: 10px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    width: 200%;
    position: relative;
    left: -50%;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--character__bottom {
    border: none;
    padding: 0 0 20px;
    text-align: right;
    margin: -60px -20px 0;
  }
}

@media (min-width: 801px) and (min-width: 801px) {
  .l-ddMenu--character__bottom a {
    padding: 10px 1%;
    color: #0AB4B4;
    font-weight: bold;
    margin: 0;
  }
}

.l-ddMenu--character__bottom a {
  display: block;
  padding: 10px 20px;
  position: relative;
  margin: 0 -20px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

@media (min-width: 801px) {
  .l-ddMenu--character__bottom a {
    border-top: none;
    border-bottom: none;
  }
}

.l-ddMenu--character__bottom a:before {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 2px solid #a0a0a0;
  border-right: 2px solid #a0a0a0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 30%;
  left: 90%;
  margin: 0.6rem 0 0 0;
  vertical-align: top;
}

@media (min-width: 801px) {
  .l-ddMenu--character__bottom a:before {
    content: none;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--special__col {
    width: 50%;
    float: left;
    margin: 0;
  }
}

.l-ddMenu--special__bottom {
  clear: both;
  text-align: right;
  padding: 0 10px 20px;
}

.l-ddMenu--special__bnrs {
  padding: 10px;
}

@media (min-width: 801px) {
  .l-ddMenu--special__bnrs {
    padding: 0 10px;
  }
}

.l-ddMenu--special__bnrs:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 801px) {
  .l-ddMenu--special__bnrs {
    width: 100%;
  }
}

.l-ddMenu--special__bnr {
  float: left;
  width: 50%;
  padding: 0 5px;
  margin: 0 0 10px;
  text-align: center;
}

@media (min-width: 801px) {
  .l-ddMenu--special__bnr {
    width: 33%;
    padding: 0 20px 0 0;
    margin: 0;
  }
}

.l-ddMenu--special__bnr img {
  display: block;
  width: 100%;
  margin: 0 0 5px;
}

@media (min-width: 801px) {
  .l-ddMenu--special__bnr img {
    margin: 0 0 10px;
  }
}

.l-ddMenu--special__bnr span {
  font-size: 1.5rem;
  color: #858585;
  text-align: center;
  display: block;
}

@media (min-width: 801px) {
  .l-ddMenu--special__bnr span {
    color: #000;
    font-size: 1.3rem;
  }
}

.l-ddMenu--special__list {
  text-align: left;
  border-top: 1px solid #CCCCCC;
}

@media (min-width: 801px) {
  .l-ddMenu--special__list {
    border-top: none;
  }
}

.l-ddMenu--special__item {
  border: solid #D0D0D0 1px;
  font-size: 1.3rem;
  font-weight: bold;
  background: #F0F1F3 url(https://store-resources-disneyjp.akamaized.net/images/common/bg_arrow_gray.png) no-repeat 96% center;
  background-size: 8px;
  margin-top: -1px;
}

@media (min-width: 801px) {
  .l-ddMenu--special__item {
    margin: 0 0 10px;
    border-bottom: none;
    background: none;
    border: none;
    font-size: 1.3rem;
    font-weight: normal;
    position: relative;
  }
  .l-ddMenu--special__item:before {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 2px solid #0093d0;
    border-right: 2px solid #0093d0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0.6rem 0 0 0;
    vertical-align: top;
  }
}

.l-ddMenu--special__item a {
  display: block;
  color: #1F1F1F;
  width: 100%;
  padding: 10px 40px 10px 15px;
}

@media (min-width: 801px) {
  .l-ddMenu--special__item a {
    display: inline;
  }
}

.l-ddMenu--special__bottom {
  margin: 0 -20px;
  border-bottom: 1px solid #CCCCCC;
}

@media (min-width: 801px) {
  .l-ddMenu--special__bottom {
    border: none;
    padding: 0 10px 10px;
    text-align: right;
  }
}

@media (max-width: 800px) {
    .l-ddMenu--special__bottom {
        text-align:left;
        padding-bottom:0;
    }
}

.l-ddMenu--special__bottom a {
  display: block;
  padding: 10px 7.3%;
  position: relative;
}

@media (min-width: 801px) {
  .l-ddMenu--special__bottom a {
    padding: 0 1% 10px 1%;
    color: #0AB4B4;
    font-weight: bold;
  }
}

.l-ddMenu--special__bottom a:before {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 2px solid #a0a0a0;
  border-right: 2px solid #a0a0a0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 30%;
  left: 90%;
  margin: 0.6rem 0 0 0;
  vertical-align: top;
}

@media (min-width: 801px) {
  .l-ddMenu--special__bottom a:before {
    content: none;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--sale__col {
    width: 50%;
    float: left;
    margin: 0 0 20px;
  }
}

.l-ddMenu--sale__bottom {
  clear: both;
  text-align: right;
  padding: 0 10px 20px;
}

.l-ddMenu--sale__bnrs {
  padding: 10px;
}

@media (min-width: 801px) {
  .l-ddMenu--sale__bnrs {
    padding: 0 10px;
  }
}

.l-ddMenu--sale__bnrs:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 801px) {
  .l-ddMenu--sale__bnrs {
    width: 100%;
  }
}

.l-ddMenu--sale__bnr {
  float: left;
  width: 50%;
  padding: 0 5px;
  margin: 0 0 10px;
  text-align: center;
}

@media (min-width: 801px) {
  .l-ddMenu--sale__bnr {
    width: 33%;
    padding: 0 20px 0 0;
    margin: 0;
  }
}

.l-ddMenu--sale__bnr img {
  display: block;
  width: 100%;
  margin: 0 0 5px;
}

@media (min-width: 801px) {
  .l-ddMenu--sale__bnr img {
    margin: 0 0 10px;
  }
}

.l-ddMenu--sale__bnr span {
  font-size: 1.5rem;
  color: #858585;
  text-align: center;
  display: block;
}

@media (min-width: 801px) {
  .l-ddMenu--sale__bnr span {
    color: #000;
    font-size: 1.3rem;
  }
}

.l-ddMenu--sale__list {
  text-align: left;
  border-top: 1px solid #CCCCCC;
}

@media (min-width: 801px) {
  .l-ddMenu--sale__list {
    border-top: none;
  }
}

.l-ddMenu--sale__item {
  border: solid #D0D0D0 1px;
  font-size: 1.3rem;
  font-weight: bold;
  background: #F0F1F3 url(https://store-resources-disneyjp.akamaized.net/images/common/bg_arrow_gray.png) no-repeat 96% center;
  background-size: 8px;
  margin-top: -1px;
}

@media (min-width: 801px) {
  .l-ddMenu--sale__item {
    margin: 0 0 10px;
    border-bottom: none;
    background: none;
    border: none;
    font-size: 1.3rem;
    font-weight: normal;
    position: relative;
  }
  .l-ddMenu--sale__item:before {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 2px solid #0093d0;
    border-right: 2px solid #0093d0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0.6rem 0 0 0;
    vertical-align: top;
  }
}

.l-ddMenu--sale__item a {
  display: block;
  color: #1F1F1F;
  width: 100%;
  padding: 10px 40px 10px 15px;
}

@media (min-width: 801px) {
  .l-ddMenu--sale__item a {
    display: inline;
  }
}

.l-ddMenu--mypage {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  height: auto;
  transition: 0s;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__namePC {
    width: 120px;
    background: #fff;
    color: #000;
    position: absolute;
    height: 33px;
    top: 19px;
    line-height: 33px;
    font-size: 10px;
  }
  .l-ddMenu--mypage__namePC:after {
    content: "";
    background: url(/images/common/bg_headnav_arrowb2.jpg) no-repeat center;
    background-size: contain;
    padding: 6px;
    margin: 0 0 0 4px;
  }
  .l-ddMenu--mypage__namePC.is-open:after {
    background: url(/images/common/bg_headnav_arrowb1.jpg) no-repeat center;
    background-size: contain;
  }
}

@media (min-width: 801px) and (max-width: 1100px) {
  .l-ddMenu--mypage__namePC {
    left: 70%;
    margin: 0 0 0 -2px;
    line-height: 35px;
    height: 35px;
    padding: 0;
  }
}

@media (min-width: 1101px) {
  .l-ddMenu--mypage__namePC {
    left: 77%;
    left: 0;
    left: 50%;
    margin: 0 0 0 322px;
    padding: 0 0.4em;
  }
}

.l-ddMenu--mypage__fixdeWrap {
  overflow: scroll;
  height: 100vh;
  padding-bottom: 140px;
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__fixdeWrap {
    height: auto;
    padding-bottom: 0;
    overflow: auto;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__inner {
    text-align: left;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__list:before, .l-ddMenu--mypage__list:after {
    content: "";
    display: table;
  }
  .l-ddMenu--mypage__list:after {
    clear: both;
  }
}

@media (min-width: 801px) and (max-width: 1000px) {
  .l-ddMenu--mypage__item {
    padding: 20px 0;
    text-align: center;
  }
}

@media (min-width: 1001px) {
  .l-ddMenu--mypage__item {
    padding: 20px 0;
    text-align: center;
  }
}

@media (min-width: 801px) {
  .l-ddMenu--mypage__logout {
    text-align: left;
    text-align: right;
    padding-right: 0;
  }
}

.l-ddMenu--cart {
  display: none;
  position: static;
  transition: 0s;
  position: absolute;
  top: 100%;
  left: auto;
  right: 0;
  z-index: 100;
  height: auto;
  padding: 0;
}

@media (min-width: 801px) {
  .l-ddMenu--cart {
    position: absolute;
    top: 100%;
    left: auto;
    right: 0;
    z-index: 100;
    height: auto;
    width: 56%;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .l-ddMenu--cart {
    position: absolute;
    top: 100%;
    right: auto;
    left: 50%;
    width: 718px;
    margin: 0 0 0 -118px;
    padding: 0;
  }
}

.content {
  width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 481px) {
  .content {
    padding: 0 20px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .content {
    padding: 0 10px;
  }
}

@media (min-width: 1200px) {
  .content {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
  }
}

.content .content {
  padding: 0;
}

.pagetop {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 30px;
  z-index: 10;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: 0px -165px;
  width: 45px;
  height: 45px;
  background-size: 271px 236px;
}

@media (min-width: 481px) {
  .pagetop {
    display: none;
  }
}

.l-footer {
  padding: 0 10px;
}

@media (min-width: 1200px) {
  .l-footer {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 0;
  }
}

.l-footer__language__title {
  display: inline-block;
  color: #333333;
  background-image: url("//store-resources-disneyjp.akamaized.net/images/common/bg_language.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  padding: 5px 20px;
  margin: 0 0 20px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

@media (min-width: 481px) {
  .l-footer__language__title {
    padding: 5px 18px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .l-footer__language__title {
    padding: 5px 18px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.l-footer__language {
  display: inline-block;
}

.l-footer__language > li {
  line-height: 1;
  display: inline-block;
  color: #333333;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 15px 0 0;
  margin: 0 15px 0 0;
  border-right: 1px solid #333333;
}

.l-footer__language > li:last-child {
  border-right: none;
}

@media (min-width: 481px) {
  .l-footer__language > li {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .l-footer__language > li {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.l-footer__top {
  background: #FFF;
  margin-bottom: 10px;
}

@media (min-width: 481px) {
  .l-footer__top {
    padding: 0 10px;
  }
}

@media (min-width: 1200px) {
  .l-footer__top {
    padding: 0;
  }
}

.l-footer__top > li {
  display: inline-block;
  border-right: 1px solid #999;
  padding-right: 10px;
  margin: 0 10px 7px 0;
  line-height: 1;
  font-size: 11px;
  font-size: 1.1rem;
}

.l-footer__top > li:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

@media (min-width: 481px) {
  .l-footer__top > li {
    margin: 0 10px 12px 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.l-footer__top > li a {
  color: #999;
}

.l-footer__btm {
  background: #FFF;
}

@media (min-width: 481px) {
  .l-footer__btm {
    padding: 0 10px;
  }
}

@media (min-width: 1200px) {
  .l-footer__btm {
    padding: 0;
  }
}

.l-footer-nav {
  margin: 50px 0;
}

@media (min-width: 801px) {
  .l-footer-nav {
    display: none;
  }
}

.l-footer-nav__list {
  border: 1px solid #ccc;
}

.l-footer-nav__item {
  border-bottom: 1px solid #ccc;
}

.l-footer-nav__item:last-child {
  border-bottom: none;
}

.l-footer-nav__link {
  display: block;
  font-size: 12px;
  padding: 20px 15px;
  position: relative;
}

.l-footer-nav__link:after {
  border-top: 2px solid #a2a2a2;
  border-left: 2px solid #a2a2a2;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (min-width: 801px) {
  .l-footer-nav__link:after {
    display: none;
  }
}

@media (min-width: 481px) {
  .l-footer-nav__link {
    font-size: 14px;
  }
}

.l-footer-nav__link.no-arrow:after {
  display: none;
}

.l-footer-menu {
  margin: 0 0 50px;
}

@media (min-width: 801px) {
  .l-footer-menu {
    margin: 0 0 40px;
    padding: 0;
  }
}

.l-footer-menu__heading {
  display: block;
  padding: 20px 15px;
  position: relative;
}

@media (min-width: 481px) {
  .l-footer-menu__heading {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .l-footer-menu__heading {
    display: none;
  }
}

.l-footer-menu__heading:after {
  border-top: 2px solid #a2a2a2;
  border-right: 2px solid #a2a2a2;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (min-width: 801px) {
  .l-footer-menu__heading:after {
    display: none;
  }
}

.l-footer-menu__heading.is-open:after {
  border: none;
  border-bottom: 2px solid #a2a2a2;
  border-left: 2px solid #a2a2a2;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (min-width: 801px) {
  .l-footer-menu__heading.is-open:after {
    display: none;
  }
}

.l-footer-menu__contents {
  display: none;
  padding: 0 15px 20px;
}

.l-footer-menu__contents.is-show {
  display: block;
  border-bottom: 1px solid #ccc;
}

@media (min-width: 801px) {
  .l-footer-menu__contents {
    padding: 30px 20px;
  }
}

.l-footer-menu__btns {
  display: none;
}

@media (min-width: 801px) {
  .l-footer-menu__btns {
    display: table;
    width: 100%;
    border-top: 1px solid #ccc;
  }
}

.l-footer-menu__btn {
  width: 25%;
  display: table-cell;
  border-right: 1px solid #ccc;
  vertical-align: middle;
}

.l-footer-menu__btn:last-child {
  border-right: none;
}

.l-footer-menu__btn a {
  display: inline-block;
  padding: 22px 20px;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #ccc;
}

.l-footer-menu__btn a:before {
  border-top: 2px solid #a2a2a2;
  margin-top: 0px;
  height: 14px;
  width: 14px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
}

.l-footer-menu__btn a:after {
  border-right: 2px solid #a2a2a2;
  margin-top: -6px;
  margin-right: 6px;
  height: 14px;
  width: 14px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
}

.l-footer-menu__btn a.is-open {
  border-bottom: 1px solid #fff;
}

.l-footer-menu__btn a.is-open:after {
  display: none;
}

.l-footer-menu__main {
  border: 1px solid #ccc;
}

@media (min-width: 801px) {
  .l-footer-menu__main {
    border: none;
  }
}

.l-footer-menu__item {
  border-bottom: 1px solid #ccc;
}

.l-footer-menu__item:last-child {
  border-bottom: none;
}

@media (min-width: 801px) {
  .l-footer-menu__item {
    border-bottom: none;
  }
}

.l-footer-menu__title {
  font-weight: bold;
  margin: 0 0 5px;
}

.l-footer-menu__list li {
  margin: 0 0 10px;
  padding: 0 0 0 20px;
  text-indent: -20px;
}

@media (min-width: 801px) {
  .l-footer-menu__list li {
    margin: 0 0 10px;
  }
  .l-footer-menu__list li:last-child {
    margin: 0;
  }
}

.l-footer-menu__list li i {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -536px -430px;
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

.l-footer-menu__table {
  margin: 20px 0 0;
  width: 100%;
  border: 1px solid #E1E1E2;
  border-collapse: collapse;
}

.l-footer-menu__table td {
  background-color: #F5F7F8;
  border: 1px solid #E1E1E2;
  padding: 10px 20px;
  text-align: left;
  width: 50%;
}

.l-footer-menu__table td span {
  float: right;
}

.l-footer-menu__table td:empty {
  background-color: transparent;
}

.l-footer-menu__text {
  margin: 0 0 10px;
}

.l-footer-menu__block {
  margin: 0 0 25px;
}

.l-footer-info {
  margin: 0 0 40px;
  background-color: #f6f7f9;
  border: 1px solid #ccc;
  font-size: 12px;
}

@media (min-width: 481px) {
  .l-footer-info {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .l-footer-info {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 40px;
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .l-footer-info__img {
    border: 1px solid #ccc;
    display: table-cell;
    width: 50%;
    vertical-align: top;
  }
}

.l-footer-info__img img {
  max-width: none;
  width: 100%;
  vertical-align: top;
}

.l-footer-info__text {
  padding: 15px 20px;
  line-height: 1.6;
  border-bottom: 1px solid #ccc;
}

@media (min-width: 801px) {
  .l-footer-info__text {
    border: 1px solid #ccc;
    width: 30%;
    display: table-cell;
    vertical-align: top;
    padding: 30px;
  }
}

.l-footer-info__text__logo {
  width: 128px;
  margin: 0 0 5px;
}

@media (min-width: 801px) {
  .l-footer-info__text__logo {
    width: auto;
    margin: 0 0 15px;
  }
}

.l-footer-info__text__title {
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .l-footer-info__text__title {
    margin: 0 0 20px;
  }
}

.l-footer-info__menu {
  padding: 15px 20px;
}

@media (min-width: 801px) {
  .l-footer-info__menu {
    display: table-cell;
    width: 20%;
    vertical-align: top;
    border: 1px solid #ccc;
    padding: 30px;
  }
}

.l-footer-info__menu__title {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px;
}

@media (min-width: 481px) {
  .l-footer-info__menu__title {
    font-size: 16px;
  }
}

@media (min-width: 801px) {
  .l-footer-info__menu__title {
    font-size: 22px;
    margin: 30px 0 22px;
  }
}

.l-footer-info__menu__list li {
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .l-footer-info__menu__list li {
    margin: 0 0 20px;
  }
}

.l-footer-info__menu__list li:last-child {
  margin: 0;
}

.l-footer-info__menu__list li i {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -536px -430px;
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.ico-footer01:before, .ico-footer02:before, .ico-footer03:before, .ico-footer04:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -8px;
}

@media (min-width: 481px) {
  .ico-footer01:before, .ico-footer02:before, .ico-footer03:before, .ico-footer04:before {
    left: 0;
    top: 4px;
    margin-top: 0;
  }
}

.ico-footer01:before {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -32px -215px;
  width: 27px;
  height: 17px;
  background-size: 271px 236px;
}

.ico-footer02:before {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: 0px -215px;
  width: 27px;
  height: 21px;
  background-size: 271px 236px;
}

.ico-footer03:before {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -64px -215px;
  width: 27px;
  height: 17px;
  background-size: 271px 236px;
}

.ico-footer04:before {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -96px -215px;
  width: 27px;
  height: 14px;
  background-size: 271px 236px;
}

.l-row > div,
.l-row > li {
  float: left;
}

.l-row .col2 {
  width: 48%;
  margin: 0 2% 0 0;
}

.l-row .col2:nth-child(even) {
  margin-right: 0;
}

.l-row .col3 {
  width: 32%;
  margin-right: 2%;
}

.l-row .col3:nth-child(3n) {
  margin-right: 0;
}

.l-inner {
  padding: 0 10px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-inner {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .l-inner {
    padding: 0;
  }
}

hr {
  border-top: 1px solid #dcdcdc;
  border-bottom: none;
  border-right: none;
  border-left: none;
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  hr {
    margin-bottom: 30px;
  }
}

.l-ranking {
  margin-bottom: 40px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-ranking {
    border: 1px solid #dcdcdc;
    border-width: 0 1px 1px 1px;
    margin-bottom: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (min-width: 1200px) {
  .l-ranking {
    border: 1px solid #dcdcdc;
    margin-bottom: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.l-ranking__left, .l-ranking__left--cate {
  display: block;
  margin: 0 0 30px;
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 0 1px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-ranking__left, .l-ranking__left--cate {
    border-width: 1px 0 0 0;
    float: left;
    width: 25%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (min-width: 1200px) {
  .l-ranking__left, .l-ranking__left--cate {
    border: none;
    float: left;
    width: 25%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.l-ranking__left--cate {
  border-right: 1px solid #dcdcdc;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-ranking__left--cate {
    border-top: 1px solid #dcdcdc;
  }
}

.l-ranking__right {
  display: block;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-ranking__right {
    float: left;
    width: 75%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (min-width: 1200px) {
  .l-ranking__right {
    float: left;
    width: 75%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.l-feature__wrap {
  margin: 0 10px 40px;
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 0 1px;
}

@media (min-width: 1200px) {
  .l-feature__wrap {
    margin: 0 0 60px 0;
  }
}

.l-feature__col2, .l-feature__col2--top {
  display: block;
  border-bottom: 1px solid #dcdcdc;
}

@media (min-width: 481px) {
  .l-feature__col2, .l-feature__col2--top {
    float: left;
    width: 50%;
  }
  .l-feature__col2:first-child, .l-feature__col2--top:first-child {
    border-right: 1px solid #dcdcdc;
  }
}

@media (min-width: 481px) {
  .l-feature__col2--top {
    width: 100%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-feature__col2--top {
    float: left;
    width: 50%;
  }
  .l-feature__col2--top:first-child {
    border-right: 1px solid #dcdcdc;
  }
}

@media (min-width: 1200px) {
  .l-feature__col2--top {
    float: left;
    width: 50%;
  }
  .l-feature__col2--top:first-child {
    border-right: 1px solid #dcdcdc;
  }
}

.l-feature__col3 {
  display: block;
  border-bottom: 1px solid #dcdcdc;
}

@media (min-width: 481px) {
  .l-feature__col3:last-child {
    border-right: none;
  }
}

@media (min-width: 481px) {
  .l-feature__col3 {
    border-right: 1px solid #dcdcdc;
    float: left;
    width: 33.33333%;
  }
}

.l-feature__inner {
  margin-top: -1px;
}

.l-feature__inner li {
  border-bottom: 1px solid #dcdcdc;
}

.l-feature__inner li:last-child {
  border-bottom: none;
}

@media (min-width: 481px) {
  .l-feature__inner li {
    border-right: 1px solid #dcdcdc;
    float: left;
    width: 50%;
  }
  .l-feature__inner li:nth-child(even) {
    border-right: none;
  }
}

@media (min-width: 1200px) {
  .l-feature__inner li {
    border: 1px solid #dcdcdc;
    border-width: 1px 1px 0 0;
  }
}

.l-temp {
  margin-bottom: 30px;
}

.l-temp__list {
  border-top: 1px solid #dcdcdc;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-temp__list {
    border: none;
  }
}

@media (min-width: 1200px) {
  .l-temp__list {
    border: none;
  }
}

.l-temp__item {
  background: #FFF;
}

.l-list-col3 > li {
  float: left;
  width: 50%;
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 1px 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l-list-col3 > li:nth-child(1) {
  border-width: 0px 1px 1px 1px;
}

@media (max-width: 480px) {
  .l-list-col3 > li:nth-child(even) {
    border-top-width: 0;
    border-left-width: 0;
  }
  .l-list-col3 > li:nth-child(odd) {
    border-top-width: 0;
  }
  .l-list-col3 > li:nth-child(1) {
    border-width: 0px 1px 1px 1px;
  }
  .l-list-col3 > li:nth-child(2) {
    border-width: 0px 1px 1px 0px;
  }
}

@media (min-width: 481px) {
  .l-list-col3 > li:nth-child(even) {
    border-top-width: 0;
    border-left-width: 0;
  }
  .l-list-col3 > li:nth-child(odd) {
    border-top-width: 0;
  }
  .l-list-col3 > li:nth-child(1) {
    border-width: 0px 1px 1px 1px;
  }
  .l-list-col3 > li:nth-child(2) {
    border-width: 0px 1px 1px 0px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-list-col3 > li {
    width: 33.33333%;
  }
  .l-list-col3 > li:nth-child(3n+3), .l-list-col3 > li:nth-child(3n+2) {
    border-left-width: 0px;
    border-top-width: 0px;
  }
  .l-list-col3 > li:nth-child(3n+1) {
    border-top-width: 0px;
    border-left-width: 1px;
  }
  .l-list-col3 > li:nth-child(1) {
    border-width: 1px 1px 1px 1px;
  }
  .l-list-col3 > li:nth-child(2), .l-list-col3 > li:nth-child(3) {
    border-width: 1px 1px 1px 0;
  }
}

@media (min-width: 1200px) {
  .l-list-col3 > li {
    width: 33.33333%;
  }
  .l-list-col3 > li:nth-child(3n+3), .l-list-col3 > li:nth-child(3n+2) {
    border-left-width: 0px;
    border-top-width: 0px;
  }
  .l-list-col3 > li:nth-child(3n+1) {
    border-top-width: 0px;
    border-left-width: 1px;
  }
  .l-list-col3 > li:nth-child(1) {
    border-width: 1px 1px 1px 1px;
  }
  .l-list-col3 > li:nth-child(2), .l-list-col3 > li:nth-child(3) {
    border-width: 1px 1px 1px 0;
  }
}

@media (max-width: 480px) {
  .l-list-col3 > li .btn--cart--xs {
    width: 100%;
  }
}

.l-list-col4 > li {
  float: left;
  width: 50%;
  border: 1px solid #dcdcdc;
  border-width: 0 1px 1px 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 480px) {
  .l-list-col4 > li:nth-child(even) {
    border-width: 0px 1px 1px 1px;
  }
  .l-list-col4 > li:nth-child(even) {
    border-width: 0px 1px 1px 0px;
  }
}

@media (min-width: 481px) {
  .l-list-col4 > li:nth-child(even) {
    border-width: 0px 1px 1px 1px;
  }
  .l-list-col4 > li:nth-child(even) {
    border-width: 0px 1px 1px 0px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-list-col4 > li {
    width: 25%;
    border-width: 0 1px 1px 0;
  }
  .l-list-col4 > li:nth-child(4n+1) {
    border-left-width: 1px;
  }
  .l-list-col4 > li:nth-child(1), .l-list-col4 > li:nth-child(2), .l-list-col4 > li:nth-child(3), .l-list-col4 > li:nth-child(4) {
    border-top-width: 1px;
  }
}

@media (min-width: 1200px) {
  .l-list-col4 > li {
    width: 25%;
    border-width: 0 1px 1px 0;
  }
  .l-list-col4 > li:nth-child(4n+1) {
    border-left-width: 1px;
  }
  .l-list-col4 > li:nth-child(1), .l-list-col4 > li:nth-child(2), .l-list-col4 > li:nth-child(3), .l-list-col4 > li:nth-child(4) {
    border-top-width: 1px;
  }
}

@media (max-width: 480px) {
  .l-list-col4 > li .btn--cart--xs {
    width: 100%;
  }
}

.l-tsum {
  border: 1px solid #dcdcdc;
  border-width: 0 0 0 1px;
  margin-bottom: 30px;
}

.l-tsum > li {
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 1px 0;
  float: left;
  margin-top: -1px;
}

.l-tsum-col4 > li {
  width: 100%;
}

@media (min-width: 481px) {
  .l-tsum-col4 > li {
    width: 50%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-tsum-col4 > li {
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .l-tsum-col4 > li {
    width: 25%;
  }
}

.l-tsum-col5 > li {
  width: 100%;
}

@media (min-width: 481px) {
  .l-tsum-col5 > li {
    width: 33.33333%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-tsum-col5 > li {
    width: 20%;
  }
}

@media (min-width: 1200px) {
  .l-tsum-col5 > li {
    width: 20%;
  }
}

.l-tsum-col6 > li {
  width: 100%;
}

@media (min-width: 481px) {
  .l-tsum-col6 > li {
    width: 25%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-tsum-col6 > li {
    width: 16.66667%;
  }
}

@media (min-width: 1200px) {
  .l-tsum-col6 > li {
    width: 16.66667%;
  }
}

.l-tsum-chara > li {
  width: 50%;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-tsum-chara > li {
    width: 16.66667%;
  }
}

@media (min-width: 1200px) {
  .l-tsum-chara > li {
    width: 16.66667%;
  }
}

@media (max-width: 480px) {
  .l-tsum-chara > li .btn--cart--xs {
    width: 100%;
  }
}

.l-sale {
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 0 1px;
}

.l-sale__heading {
  border-bottom: 1px solid #dcdcdc;
  padding: 25px 20px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-sale__heading {
    padding: 45px 40px;
  }
}

@media (min-width: 1200px) {
  .l-sale__heading {
    padding: 45px 40px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-sale__body {
    display: table;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .l-sale__body {
    display: table;
    width: 100%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-sale__body--text {
    display: table-cell;
    vertical-align: top;
    width: 41.6%;
  }
}

@media (min-width: 1200px) {
  .l-sale__body--text {
    display: table-cell;
    vertical-align: top;
    width: 41.6%;
  }
}

.l-sale__body--image {
  padding: 25px 15px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-sale__body--image {
    padding: 30px 60px;
    display: table-cell;
    vertical-align: top;
  }
}

@media (min-width: 1200px) {
  .l-sale__body--image {
    padding: 30px 60px;
    display: table-cell;
    vertical-align: top;
  }
}

@media (min-width: 481px) {
  .l-sale__body--image > p {
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .l-sale__body--image > p {
    text-align: left;
  }
}

.l-sale__body--image > p img {
  width: 100%;
  height: auto;
}

.l-free {
  margin-bottom: 40px;
}

@media (min-width: 1200px) {
  .l-free {
    margin-bottom: 60px;
  }
}

.l-guide, .l-guide--news {
  margin-bottom: 20px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-guide, .l-guide--news {
    display: table;
    width: 100%;
    border: 1px solid #dcdcdc;
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .l-guide, .l-guide--news {
    display: table;
    width: 100%;
    border: 1px solid #dcdcdc;
    margin-bottom: 40px;
  }
}

.l-guide--news {
  padding: 40px 30px;
}

.l-guide__nav, .l-guide__nav--term {
  margin-bottom: 20px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-guide__nav, .l-guide__nav--term {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .l-guide__nav, .l-guide__nav--term {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    margin-bottom: 0;
  }
}

.l-guide__nav--term {
  margin-bottom: 0;
}

.l-guide__nav__heading {
  font-weight: normal;
  padding: 20px 25px;
  border: 1px solid #dcdcdc;
  font-size: 20px;
  font-size: 2rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-guide__nav__heading {
    border: none;
    padding: 40px 40px 0 40px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

@media (min-width: 1200px) {
  .l-guide__nav__heading {
    border: none;
    padding: 40px 40px 0 40px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.l-guide__btn {
  border: 1px solid #dcdcdc;
  padding: 15px 45px 15px 25px;
  cursor: pointer;
  color: #666;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-guide__btn {
    display: none;
  }
}

@media (min-width: 1200px) {
  .l-guide__btn {
    display: none;
  }
}

.l-guide__menu {
  border: 1px solid #dcdcdc;
  border-width: 0 1px;
  display: none;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-guide__menu {
    border-width: 0;
    margin-bottom: 0;
    display: block;
  }
}

@media (min-width: 1200px) {
  .l-guide__menu {
    border-width: 0;
    margin-bottom: 0;
    display: block;
  }
}

.l-guide__menu > li {
  border-bottom: 1px solid #dcdcdc;
}

.l-guide__menu > li a {
  display: block;
  padding: 15px 45px 15px 25px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-guide__menu > li a {
    padding: 20px 60px 20px 40px;
  }
}

@media (min-width: 1200px) {
  .l-guide__menu > li a {
    padding: 20px 60px 20px 40px;
  }
}

.l-guide__menu > li a:hover {
  color: #0093d0 !important;
}

.l-guide__menu > li a.active {
  color: #0093d0;
}

.l-guide__body, .l-guide__body--term {
  padding: 40px 30px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-guide__body, .l-guide__body--term {
    border-left: 1px solid #dcdcdc;
    vertical-align: top;
    display: table-cell;
    padding: 50px 40px;
  }
}

@media (min-width: 1200px) {
  .l-guide__body, .l-guide__body--term {
    border-left: 1px solid #dcdcdc;
    vertical-align: top;
    display: table-cell;
    padding: 50px 40px;
  }
}

.l-guide__body--term {
  border: 1px solid #dcdcdc;
  border-width: 0 1px 1px 1px;
  padding: 20px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .l-guide__body--term {
    border-width: 0 0 0 1px;
    padding: 40px;
  }
}

@media (min-width: 1200px) {
  .l-guide__body--term {
    border-width: 0 0 0 1px;
    padding: 40px;
  }
}

.l-guide__body--term > p {
  margin-bottom: 20px;
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .l-guide__body--term > p {
    margin-bottom: 40px;
  }
}

.c-box-alert {
  border: 1px solid #C5012C;
  padding: 15px;
  margin-bottom: 20px;
}

.c-box-alert > p {
  margin-bottom: 5px;
}

.c-box-alert > p:last-child {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .c-box-alert {
    padding: 15px 30px;
    margin-bottom: 30px;
  }
}

.c-box-default {
  border: 1px solid #dcdcdc;
  padding: 15px;
}

@media (min-width: 1200px) {
  .c-box-default {
    padding: 30px;
  }
}

.c-box-result, .c-box-result--temporary {
  border: 1px solid #dcdcdc;
  margin: 20px 0 0 0;
  padding: 30px 20px;
}

@media (min-width: 1200px) {
  .c-box-result, .c-box-result--temporary {
    margin: 30px 0 0 0;
    padding: 50px 0;
  }
}

.c-box-result--temporary {
  margin: 10px 0 0 0;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-box-result--temporary {
    margin: 60px 0 0 0;
  }
}

@media (min-width: 1200px) {
  .c-box-result--temporary {
    margin: 60px 0 0 0;
  }
}

.c-box-result2 {
  border: 1px solid #dcdcdc;
  padding: 30px 20px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-box-result2 {
    padding: 10px 10px 30px;
  }
}

@media (min-width: 1200px) {
  .c-box-result2 {
    padding: 10px 10px 30px;
  }
}

@media (min-width: 481px) {
  .c-box-login {
    width: 400px;
    margin: 0 auto;
  }
  .c-box-login .btn--confirm, .c-box-login .btn-lg {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .c-box-login {
    width: 500px;
  }
  .c-box-login .btn--confirm .btn-lg {
    width: 100%;
  }
}

@media (min-width: 481px) {
  .c-box-login2 {
    width: 90%;
    margin: 0 auto;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-box-login2 {
    width: 600px;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .c-box-login2 {
    width: 600px;
    margin: 0 auto;
  }
}

.c-box-message {
  position: relative;
}

.btn--default, .btn--default--input, .btn--card, .btn--dismiss, .btn--dismiss--lg, .btn--dismiss--centered, .btn--dismiss--all, .btn--cart, .btn--cart--xs, .btn--cart--lg, .btn--cart--pwp, .btn--cart--special, .btn--cart--special-lg, .btn--cart--detail, .btn--cart--temp, .btn--review, .btn--review--lg, .btn--fav, .btn--fav--active, .btn--purchase, .btn--purchase--process, .btn--purchase--login, .btn--purchase--login2, .btn--confirm, .btn--history, .btn--detail, .btn--detail-lv2, .btn--top a, .btn--disabled, .btn--prev, .btn--prev--cart, .btn--logout, .btn--modify, .btn--cancel, .c-btn-agree, .c-btn-cancel, .c-modalbtn-cancel, .c-modalbtn-login, .c-btn-wakugreen, .btn-error, .c-form-coupon__btn, .modal-login__btn--cancel, .modal-login__btn--login {
  position: relative;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.btn--default:hover, .btn--default--input:hover, .btn--card:hover, .btn--dismiss:hover, .btn--dismiss--lg:hover, .btn--dismiss--centered:hover, .btn--dismiss--all:hover, .btn--cart:hover, .btn--cart--xs:hover, .btn--cart--lg:hover, .btn--cart--pwp:hover, .btn--cart--special:hover, .btn--cart--special-lg:hover, .btn--cart--detail:hover, .btn--cart--temp:hover, .btn--review:hover, .btn--review--lg:hover, .btn--fav:hover, .btn--fav--active:hover, .btn--purchase:hover, .btn--purchase--process:hover, .btn--purchase--login:hover, .btn--purchase--login2:hover, .btn--confirm:hover, .btn--history:hover, .btn--detail:hover, .btn--detail-lv2:hover, .btn--top a:hover, .btn--disabled:hover, .btn--prev:hover, .btn--prev--cart:hover, .btn--logout:hover, .btn--modify:hover, .btn--cancel:hover, .c-btn-agree:hover, .c-btn-cancel:hover, .c-modalbtn-cancel:hover, .c-modalbtn-login:hover, .c-btn-wakugreen:hover, .btn-error:hover, .c-form-coupon__btn:hover, .modal-login__btn--cancel:hover, .modal-login__btn--login:hover {
  text-decoration: none;
  opacity: 0.6;
}

.btn--default, .btn--default--input, .btn--card, .btn--top a, .btn--prev, .btn--prev--cart, .btn--modify, .btn--cancel, .btn--review, .btn--review--lg, .c-btn-cancel, .c-modalbtn-cancel {
  border: 1px solid #dcdcdc;
  background-color: #E7E9EC;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFBFB), to(#E7E9EC));
  background-image: -webkit-linear-gradient(top, #FAFBFB, #E7E9EC);
  background-image: -moz-linear-gradient(top, #FAFBFB, #E7E9EC);
  background-image: linear-gradient(#FAFBFB, #E7E9EC);
}

.btn--purchase, .btn--purchase--process, .btn--purchase--login, .btn--purchase--login2, .btn--confirm, .c-btn-agree, .c-modalbtn-login {
  background-color: #00B4B6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#16C4C9), to(#00B4B6));
  background-image: -webkit-linear-gradient(top, #16C4C9, #00B4B6);
  background-image: -moz-linear-gradient(top, #16C4C9, #00B4B6);
  background-image: linear-gradient(#16C4C9, #00B4B6);
}

.btn--purchase--login, .btn--purchase--login2, .btn--confirm, .btn--history {
  background: #00ADEF;
}

.btn-lg {
  width: 100%;
}

@media (min-width: 481px) {
  .btn-lg {
    width: 270px;
  }
}

@media (min-width: 1200px) {
  .btn-lg {
    width: 400px;
  }
}

.btn-max {
  width: 100% !important;
}

.btn-wrap, .btn-wrap--single {
  margin: 0 auto 20px;
}

@media (min-width: 1200px) {
  .btn-wrap, .btn-wrap--single {
    margin: 0 auto 40px;
  }
}

.btn-wrap--single {
  width: 100%;
}

@media (min-width: 481px) {
  .btn-wrap--single {
    width: 400px;
  }
}

@media (min-width: 481px) {
  .btn-wrap--double {
    overflow: hidden;
    position: relative;
  }
}

@media (min-width: 481px) {
  .btn-wrap--double > ul {
    position: relative;
    left: 50%;
    float: left;
  }
}

.btn-wrap--double > ul li {
  display: block;
}

.btn-wrap--double > ul li:first-child {
  margin: 0 auto 30px;
}

@media (min-width: 481px) {
  .btn-wrap--double > ul li:first-child {
    margin: 0 15px 0 0;
  }
}

@media (min-width: 481px) {
  .btn-wrap--double > ul li {
    position: relative;
    left: -50%;
    float: left;
  }
}

.btn-wrap-history {
  margin: 30px auto 0;
}

.btn-wrap-history--single {
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 481px) {
  .btn-wrap-history--single {
    width: 270px;
  }
}

@media (min-width: 1200px) {
  .btn-wrap-history--single {
    width: 400px;
  }
}

@media (min-width: 481px) {
  .btn-wrap-history {
    overflow: hidden;
    position: relative;
    margin: 50px auto 0;
  }
}

@media (min-width: 481px) {
  .btn-wrap-history > ul {
    position: relative;
    left: 50%;
    float: left;
  }
}

.btn-wrap-history > ul li {
  display: block;
}

.btn-wrap-history > ul li:first-child {
  margin-bottom: 30px;
}

@media (min-width: 481px) {
  .btn-wrap-history > ul li {
    position: relative;
    left: -50%;
    float: left;
  }
  .btn-wrap-history > ul li:first-child {
    margin: 0 15px 0 0;
  }
}

.btn--default, .btn--default--input, .btn--card {
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 100%;
}

.btn--default:after, .btn--default--input:after, .btn--card:after {
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 1200px) {
  .btn--default, .btn--default--input, .btn--card {
    height: 45px;
    line-height: 45px;
  }
}

.btn--default--input {
  background-color: #E7E9EC;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_arrow_gray.png);
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_arrow_gray.png), -webkit-gradient(linear, left top, left bottom, from(#FAFBFB), to(#E7E9EC));
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_arrow_gray.png), -webkit-linear-gradient(top, #FAFBFB, #E7E9EC);
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_arrow_gray.png), -moz-linear-gradient(top, #FAFBFB, #E7E9EC);
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_arrow_gray.png), linear-gradient(top, #FAFBFB, #E7E9EC);
  background-repeat: no-repeat;
  background-position: 97% center;
  border: 1px solid #dcdcdc !important;
  color: #555;
  text-align: left;
  padding-left: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .btn--default--input {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.btn--dismiss, .btn--dismiss--lg, .btn--dismiss--centered, .btn--dismiss--all {
  background-color: #E7E9EC;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_dismiss.png);
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_dismiss.png), -webkit-gradient(linear, left top, left bottom, from(#FAFBFB), to(#E7E9EC));
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_dismiss.png), -webkit-linear-gradient(top, #FAFBFB, #E7E9EC);
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_dismiss.png), -moz-linear-gradient(top, #FAFBFB, #E7E9EC);
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_dismiss.png), linear-gradient(top, #FAFBFB, #E7E9EC);
  background-repeat: no-repeat;
  background-position: 90% center;
  border: 1px solid #dcdcdc !important;
  color: #555;
  text-align: center;
  width: 77px;
  padding-right: 10px;
  height: 30px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  @inlcude box-sizing(border-box);
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .btn--dismiss, .btn--dismiss--lg, .btn--dismiss--centered, .btn--dismiss--all {
    width: 84px;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.btn--dismiss--lg {
  background-position: 95% center;
  width: 190px;
  height: 35px;
}

.btn--dismiss--centered {
  background-position: 78% center;
}

@media (min-width: 481px) {
  .btn--dismiss--centered {
    text-align: left !important;
    padding-left: 28px !important;
    background-position: 77% center;
  }
}

.btn--dismiss--all {
  font-size: 1.3rem;
  width: 18rem;
  padding-right: 20px;
  line-height: 30px;
}

.btn--cart, .btn--cart--xs, .btn--cart--lg, .btn--cart--pwp, .btn--cart--special, .btn--cart--special-lg, .btn--cart--detail, .btn--cart--temp {
  background: #00B4B5;
  text-align: center;
  font-weight: bold;
  color: #FFF;
  width: 135px;
  line-height: 1;
  padding: 9px 0 7px;
  margin: 15px auto 0;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn--cart:after, .btn--cart--xs:after, .btn--cart--lg:after, .btn--cart--pwp:after, .btn--cart--special:after, .btn--cart--special-lg:after, .btn--cart--detail:after, .btn--cart--temp:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  vertical-align: -1px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -177px;
  width: 14px;
  height: 14px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .btn--cart, .btn--cart--xs, .btn--cart--lg, .btn--cart--pwp, .btn--cart--special, .btn--cart--special-lg, .btn--cart--detail, .btn--cart--temp {
    margin: 20px auto 0;
    width: 152px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.btn--cart--xs {
  margin-top: 0;
}

@media (min-width: 1200px) {
  .btn--cart--xs {
    margin: 0 auto 0;
    width: 152px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.btn--cart--lg {
  width: 100%;
  height: 70px;
  line-height: 70px;
  padding: 0;
  margin: 0 auto;
  font-size: 17px;
  font-size: 1.7rem;
}

.btn--cart--lg:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  vertical-align: -2px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -117px;
  width: 18px;
  height: 17px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .btn--cart--lg {
    width: 530px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.btn--cart--pwp {
  margin: 0;
}

@media (min-width: 481px) {
  .btn--cart--pwp {
    width: 250px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0 auto;
    font-size: 17px;
    font-size: 1.7rem;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .btn--cart--pwp {
    width: 430px;
  }
}

@media (min-width: 1200px) {
  .btn--cart--pwp {
    width: 430px;
  }
}

.btn--cart--special {
  display: block;
  margin: 15px 0 0 0;
}

@media (min-width: 481px) {
  .btn--cart--special {
    width: 170px;
  }
}

.btn--cart--special-lg {
  display: block;
  margin: 15px 0 0 0;
}

@media (min-width: 481px) {
  .btn--cart--special-lg {
    width: 152px;
  }
}

@media (min-width: 1200px) {
  .btn--cart--special-lg {
    width: 200px;
  }
}

.btn--cart--detail {
  margin: 0;
  width: 170px;
}

.btn--cart--temp {
  margin: 0;
  max-width: 140px;
  width: 100%;
}

@media (min-width: 481px) {
  .btn--cart--temp {
    max-width: 135px;
  }
}

@media (min-width: 1200px) {
  .btn--cart--temp {
    max-width: 140px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.btn--review, .btn--review--lg {
  border: 1px solid #DEDEDE;
  color: #86868B;
  height: 50px;
  line-height: 50px;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .btn--review, .btn--review--lg {
    width: 156px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .btn--review--lg {
    width: 530px;
  }
}

.btn--fav, .btn--fav--active {
  background: #F5F7F8;
  border: 1px solid #CCC;
  color: #666;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 160px;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .btn--fav, .btn--fav--active {
    height: 46px;
    line-height: 46px;
    width: 334px;
    padding: 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.btn--fav:after, .btn--fav--active:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -220px -189px;
  width: 21px;
  height: 18px;
  background-size: 271px 236px;
  height: 22px;
}

.btn--fav--active {
  border: 1px solid #B9B9B9;
  background: #EBEFF1;
}

@media (min-width: 1200px) {
  .btn--fav--active {
    text-align: center;
  }
}

.btn--fav--active:after {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -220px -166px;
  width: 21px;
  height: 18px;
  background-size: 271px 236px;
  height: 22px;
}

.btn--purchase, .btn--purchase--process, .btn--purchase--login, .btn--purchase--login2, .btn--confirm {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_arrow.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  -webkit-background-size: 8px 13px;
  -o-background-size: 8px 13px;
  background-size: 8px 13px;
  text-align: center;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  color: #FFF;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .btn--purchase, .btn--purchase--process, .btn--purchase--login, .btn--purchase--login2, .btn--confirm {
    width: 400px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .btn--purchase--process {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .btn--purchase--login {
    width: 100%;
  }
}

.btn--purchase--login2 {
  background-color: #00B4B3;
}

@media (min-width: 1200px) {
  .btn--purchase--login2 {
    width: 100%;
  }
}

.btn--history {
  text-align: center;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .btn--history {
    width: 270px;
  }
}

@media (min-width: 1200px) {
  .btn--history {
    font-size: 16px;
    font-size: 1.6rem;
    width: 400px;
  }
}

.btn--history a {
  color: #FFF;
  display: block;
  position: relative;
}

.btn--history a:hover {
  text-decoration: none;
}

.btn--history a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -3px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  height: 6px;
  width: 6px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn--detail, .btn--detail-lv2 {
  background: #FFF;
  border: 1px solid #00b4b5;
  color: #00b4b5;
  height: 31px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  position: relative;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}

.btn--detail:after, .btn--detail-lv2:after {
  border-top: 2px solid #00b4b5;
  border-right: 2px solid #00b4b5;
  margin-top: -3px;
  margin-left: 5px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn--detail-lv2 {
  border: none;
  height: 1rem;
  line-height: 1;
}

.btn--detail-lv2:after {
  margin-top: -0.2rem;
}

.btn--top {
  margin: 0 auto 40px;
  width: 100%;
  height: 50px;
  line-height: 50px;
}

@media (min-width: 481px) {
  .btn--top {
    margin-bottom: 50px;
    width: 330px;
    height: 44px;
    line-height: 44px;
  }
}

.btn--top a {
  color: #535353;
  display: block;
  text-align: center;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .btn--top a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.btn--top a:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 5px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -203px -125px;
  width: 12px;
  height: 12px;
  background-size: 271px 236px;
}

.btn--disabled {
  background: #FFF2F6;
  border: 1px solid #E47890;
  color: #C60026;
  text-align: center;
  height: 50px;
}

@media (min-width: 1200px) {
  .btn--disabled {
    width: 400px;
  }
}

.btn--disabled img {
  width: 188px;
  height: 15px;
  margin-top: 17px;
}

@media (min-width: 1200px) {
  .btn--disabled img {
    width: 267px;
    height: auto;
    margin-top: 13px;
  }
}

.btn--prev, .btn--prev--cart {
  height: 50px;
  width: 75px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.btn--prev a, .btn--prev--cart a {
  color: #545454;
  display: block;
  position: relative;
}

.btn--prev a:hover, .btn--prev--cart a:hover {
  text-decoration: none;
}

.btn--prev a:after, .btn--prev--cart a:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 5px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -203px -125px;
  width: 12px;
  height: 12px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .btn--prev a:after, .btn--prev--cart a:after {
    margin: 0 0 0 10px;
  }
}

.btn--prev.is-wideSP, .is-wideSP.btn--prev--cart {
  width: 204px;
}

@media (min-width: 801px) {
  .btn--prev.is-wideSP, .is-wideSP.btn--prev--cart {
    width: 145px;
  }
}

.btn--prev.is-wide, .is-wide.btn--prev--cart {
  width: 204px;
}

.btn--prev--cart {
  width: 100%;
}

@media (min-width: 481px) {
  .btn--prev--cart {
    width: 80px;
  }
}

.btn--prev--cart a:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 5px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -203px -125px;
  width: 12px;
  height: 12px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .btn--prev, .btn--prev--cart {
    border: 1px solid #dcdcdc;
    width: 80px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.btn--logout {
  background: #F9E5E9;
  color: #C70026;
  display: block;
  text-align: center;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .btn--logout {
    height: 50px;
    line-height: 50px;
    margin: 0 auto 10px;
    width: 320px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.btn--logout i {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -159px;
  width: 18px;
  height: 13px;
  background-size: 271px 236px;
}

.btn--modify {
  height: 50px;
  width: 100%;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.btn--modify a {
  color: #545454;
  display: block;
  position: relative;
}

.btn--modify a:hover {
  text-decoration: none;
}

.btn--modify a:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 5px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -203px -125px;
  width: 12px;
  height: 12px;
  background-size: 271px 236px;
}

@media (min-width: 481px) {
  .btn--modify {
    border: 1px solid #dcdcdc;
    width: 120px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.btn--cancel {
  text-align: center;
  width: 50%;
  margin: 0 auto 20px;
  color: #86868B;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 481px) {
  .btn--cancel {
    width: 150px;
    margin: 0 15px 0 0;
  }
}

@media (min-width: 1200px) {
  .btn--cancel {
    margin: 0 20px 0 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.btn--cancel a:hover {
  text-decoration: none;
}

.btn--review, .btn--review--lg {
  text-align: center;
  width: 55%;
  margin: 0 auto 20px;
  color: #86868B;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 481px) {
  .btn--review, .btn--review--lg {
    width: 205px;
    margin: 0 15px 0 0;
  }
}

@media (min-width: 1200px) {
  .btn--review, .btn--review--lg {
    margin: 0 20px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    height: 40px;
    line-height: 40px;
  }
}

.btn--review a:hover, .btn--review--lg a:hover {
  text-decoration: none;
}

.btn--card {
  border-color: #E47E91;
  background: #fffbfc;
  background: -moz-linear-gradient(top, #fffbfc 0%, #fedddf 100%);
  background: -webkit-linear-gradient(top, #fffbfc 0%, #fedddf 100%);
  background: linear-gradient(to bottom, #fffbfc 0%, #fedddf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbfc', endColorstr='#fedddf',GradientType=0 );
  color: #C5012C;
  font-size: 14px;
  font-size: 1.4rem;
}

.btn--label {
  background: #F5F7F8;
  border: 1px solid #CCC;
  font-size: 1.2rem;
  padding: 5px 10px;
  line-height: 1;
}

.btn--label:hover {
  text-decoration: none;
}

.c-btn-more, .c-btn-more__hide {
  background: #F5F7F8;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  margin: 0 0 40px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}

.c-btn-more i, .c-btn-more__hide i {
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  margin-left: 10px;
  margin-top: -5px;
  content: "";
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (min-width: 481px) {
  .c-btn-more, .c-btn-more__hide {
    border-top: 1px solid #dcdcdc;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    margin: -30px 0 50px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.c-btn-more.type2, .type2.c-btn-more__hide {
  margin: 30px 0 40px;
}

@media (min-width: 481px) {
  .c-btn-more.type2, .type2.c-btn-more__hide {
    margin: 30px 0 50px;
  }
}

.c-btn__moreWrapCtr {
  max-width: 500px;
}

@media (min-width: 801px) {
  .c-btn__moreWrapCtr {
    margin: 0 auto 30px;
  }
}

.c-btn__moreWrapCtr.is-wide {
  max-width: 100%;
}

.c-btn__moreWrapCtr .c-btn-more, .c-btn__moreWrapCtr .c-btn-more__hide {
  margin: 0 auto 20px;
}

@media (min-width: 801px) {
  .c-btn__moreWrapCtr .c-btn-more, .c-btn__moreWrapCtr .c-btn-more__hide {
    margin: 0 auto;
  }
}

.c-btn-agree {
  text-align: center;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  width: 100%;
  color: #FFF;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .c-btn-agree {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.c-btn-cancel {
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 100%;
  color: #545454;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .c-btn-cancel {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.c-modalbtn-cancel {
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  color: #545454;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .c-modalbtn-cancel {
    width: 130px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.c-modalbtn-login {
  position: relative;
  text-align: center;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  width: 100%;
  color: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
}

.c-modalbtn-login:hover {
  text-decoration: none;
}

.c-modalbtn-login:after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 1200px) {
  .c-modalbtn-login {
    width: 300px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.c-btn-wakugreen {
  border: 1px solid #00b4b5;
  background-color: #fff;
  color: #00b4b5;
  padding: 10px 0;
  width: 200px;
  border-radius: 3px;
}

@media (min-width: 801px) {
  .c-btn-wakugreen {
    padding: 5px 0;
    width: 145px;
  }
}

.btn-center {
  width: 50%;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .btn-center {
    width: 600px;
  }
}

.disabled {
  opacity: 0.3;
  cursor: default;
}

.disabled:hover {
  opacity: 0.3;
}

@media (min-width: 481px) {
  ul.c-btn-reverse li {
    float: right;
  }
  ul.c-btn-reverse li:last-child {
    margin-right: 15px;
  }
}

.btn-error {
  background: #FFF2F6;
  border: 1px solid #E47890;
  color: #C60026;
  text-align: center;
  height: 50px;
  width: 100%;
}

@media (min-width: 1200px) {
  .btn-error {
    width: 400px;
  }
}

.btn-error img {
  width: 188px;
  height: 15px;
  margin-top: 17px;
}

@media (min-width: 1200px) {
  .btn-error img {
    width: 267px;
    height: auto;
    margin-top: 13px;
  }
}

.c-btn-mypage__normal {
  position: relative;
  background-color: #f5f7f8;
  padding: 12px 0;
  text-align: center;
  border: solid 1px #ccc;
  border-radius: 5px;
  width: 204px;
  margin: 0 auto;
}

@media (min-width: 801px) {
  .c-btn-mypage__normal {
    width: 240px;
  }
}

.c-btn-mypage__normal:after {
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  margin-top: -0.6rem;
  margin-left: 5px;
  height: 0.6rem;
  width: 0.6rem;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 801px) {
  .c-btn-mypage__normal:after {
    right: auto;
  }
}

.c-btn-mypage__normal a {
  font-size: 1.3rem;
  background: none;
}

@media (min-width: 801px) {
  .c-btn-mypage__normal a {
    font-size: 1.4rem;
  }
}

.c-heading-wrap {
  width: 100%;
  position: relative;
}

.c-heading-link {
  display: block;
  color: #0093d0;
  text-align: center;
  text-decoration: none;
  margin: -10px 0 30px;
  font-size: 14px;
  font-size: 1.4rem;
}

.c-heading-link:hover {
  text-decoration: underline;
}

@media (min-width: 1200px) {
  .c-heading-link {
    position: absolute;
    top: 10px;
    right: 0;
    text-align: right;
    margin: 0;
  }
}

.c-heading01, .c-heading01--login {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .c-heading01, .c-heading01--login {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.c-heading01--login {
  font-size: 17px;
  font-size: 1.7rem;
  padding: 20px 0 0;
}

@media (min-width: 1200px) {
  .c-heading01--login {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.c-heading02 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
  padding: 20px 0 0 0;
}

@media (min-width: 1200px) {
  .c-heading02 {
    font-weight: normal;
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.c-heading03, .c-heading03--default {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 15px;
  padding-top: 15px;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
}

.c-heading03:before, .c-heading03--default:before {
  content: "";
  display: inline-block;
  margin: 0 10px 0 0;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -196px;
  width: 14px;
  height: 14px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .c-heading03, .c-heading03--default {
    margin-bottom: 20px;
    padding-top: 35px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.c-heading03--default:before {
  content: none;
}

.c-heading04 {
  line-height: 1.2;
  color: #85858B;
  margin-bottom: 20px;
  padding-left: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (min-width: 1200px) {
  .c-heading04 {
    padding-left: 0;
    font-size: 20px;
    font-size: 2rem;
  }
}

.c-heading05, .c-heading05--btm {
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 10px;
  padding: 20px 10px 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.c-heading05--btm {
  padding-top: 0;
  margin: 10px 0 0 0;
}

@media (min-width: 1200px) {
  .c-heading05, .c-heading05--btm {
    padding: 30px 0 0 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) and (min-width: 1200px) {
  .c-heading05--btm {
    padding-top: 0;
    margin: 10px 0 0 0;
  }
}

.c-heading-label {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .c-heading-label {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.c-heading-slanting {
  font-size: 1.6rem;
  text-align: center;
  margin: 0 6.66667% 5px;
  position: relative;
  padding: 0 0 10px;
}

@media (min-width: 801px) {
  .c-heading-slanting {
    font-size: 2.4rem;
    margin: 0 0 5px;
  }
}

.c-heading-slanting:before, .c-heading-slanting:after {
  content: "";
  padding: 0 25px 4rem;
  position: absolute;
  top: 1rem;
}

@media (min-width: 801px) {
  .c-heading-slanting:before, .c-heading-slanting:after {
    padding: 0 1.5rem 4rem;
    top: 2.5rem;
  }
}

.c-heading-slanting:before {
  background: url(/images/common/bg_addhash_ttl_before.png) no-repeat right center;
  right: 80%;
}

@media (min-width: 801px) {
  .c-heading-slanting:before {
    left: 12%;
    right: auto;
  }
}

.c-heading-slanting:after {
  background: url(/images/common/bg_addhash_ttl_after.png) no-repeat left center;
  left: 80%;
}

@media (min-width: 801px) {
  .c-heading-slanting:after {
    right: 12%;
    left: auto;
  }
}

.c-heading-borderBtm {
  border-bottom: solid 1px #cccccc;
  padding: 0 0 10px;
  font-size: 1.4rem;
  font-weight: bold;
}

@media (min-width: 801px) {
  .c-heading-borderBtm {
    padding: 0 0 20px;
    font-size: 2rem;
    font-weight: normal;
  }
}

.icon-link, .icon-link--review, .icon-link--xs {
  position: relative;
}

.icon-link:after, .icon-link--review:after, .icon-link--xs:after {
  border-top: 2px solid #a2a2a2;
  border-right: 2px solid #a2a2a2;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.icon-link--review:after {
  border-top: 2px solid #333;
  border-right: 2px solid #333;
}

.icon-link--xs:after {
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  height: 4px;
  margin-top: -2px;
  width: 4px;
  right: 15px;
}

.icon-link-down, .icon-link-down--xs {
  position: relative;
}

.icon-link-down:after, .icon-link-down--xs:after {
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.icon-link-down--xs:after {
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  height: 4px;
  margin-top: -2px;
  width: 4px;
  right: 15px;
}

.icon-arrow {
  position: relative;
}

.icon-arrow:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 20px;
  background-color: #0093d0;
}

.icon-arrow:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  height: 5px;
  width: 5px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.icon-bullet-down:after {
  border-top: 2px solid #a2a2a2;
  border-right: 2px solid #a2a2a2;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (min-width: 481px) {
  .icon-bullet-down:after {
    display: none;
  }
}

.icon-bullet-up:after {
  border-bottom: 2px solid #a2a2a2;
  border-left: 2px solid #a2a2a2;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (min-width: 481px) {
  .icon-bullet-up:after {
    display: none;
  }
}

.mobile .icon-toggle-close:after,
.tablet .icon-toggle-close:after {
  border-top: 5px solid #333;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #333;
  margin-top: -3px;
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
}

.mobile .icon-toggle-open:after,
.tablet .icon-toggle-open:after {
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
  color: #333;
  margin-top: -5px;
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
}

.desktop .icon-toggle-close:after, .desktop .icon-toggle-close--black:after, .icon-toggle-close--lg:after {
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #333;
  display: inline-block;
  margin-left: 10px;
  vertical-align: -4px;
  height: 0;
  width: 0;
  content: "";
}

.desktop .icon-toggle-close:after {
  border-top: 8px solid #fff;
}

.desktop .icon-toggle-close--black:after {
  border-top: 8px solid #333;
  margin-left: 0;
}

.desktop .icon-toggle-open:after, .desktop .icon-toggle-open--black:after {
  border-right: 5px solid transparent;
  border-bottom: 8px solid #fff;
  border-left: 5px solid transparent;
  color: #333;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  height: 0;
  width: 0;
  content: "";
}

.desktop .icon-toggle-open:after {
  border-top: 8px solid transparent;
}

.desktop .icon-toggle-open--black:after {
  border-bottom: 8px solid #333;
  vertical-align: middle;
  margin-left: 0;
  margin-bottom: 5px;
}

.icon-toggle-close--lg:after {
  border-top: 10px solid #333;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  right: 30px;
  position: absolute;
  top: 25px;
}

.desktop .icon-cart {
  position: relative;
}

.desktop .icon-cart i {
  position: absolute;
  left: 0;
  top: 1px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -426px -430px;
  width: 22px;
  height: 22px;
}

.icon-cart {
  position: relative;
}

.icon-cart-number {
  color: #fff;
  text-align: center;
  -webkit-border-radius: 50% 50%;
  border-radius: 50% 50%;
  display: inline-block;
  position: absolute;
  z-index: 1;
  font-size: 10px;
  font-size: 1rem;
  background-color: #333333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#616161), to(#333333));
  background-image: -webkit-linear-gradient(top, #616161, #333333);
  background-image: -moz-linear-gradient(top, #616161, #333333);
  background-image: linear-gradient(#616161, #333333);
}

.mobile .icon-cart-number {
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: -7px;
  left: 20px;
}

.tablet .icon-cart-number {
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: 0;
  left: 30px;
}

.desktop .icon-cart-number {
  width: 22px;
  height: 22px;
  line-height: 22px;
  top: -14px;
  left: 10px;
  z-index: 1;
  font-size: 10px;
  font-size: 1rem;
  background-color: #333333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#616161), to(#333333));
  background-image: -webkit-linear-gradient(top, #616161, #333333);
  background-image: -moz-linear-gradient(top, #616161, #333333);
  background-image: linear-gradient(#616161, #333333);
}

.mobile .ico_login:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -94px;
  width: 20px;
  height: 18px;
  background-size: 271px 236px;
}

.tablet .ico_login:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -94px;
  width: 20px;
  height: 18px;
  background-size: 271px 236px;
}

.icon-category:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px 0px;
  width: 21px;
  height: 18px;
  background-size: 271px 236px;
}

/* .icon-c-cate:before{
	content:"";
	display: inline-block;
	margin: -7px 5px 0 0;
	@include r-sprite($sprite_ico_c_cate);
}

.icon-c-chara:before{
	content:"";
	display: inline-block;
	margin: -7px 5px 0 0;
	@include r-sprite($sprite_ico_c_chara);
} */
.icon-arrow02:before {
  content: "";
  display: inline-block;
  vertical-align: -4px;
  margin: 0 7px 0 0;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -47px;
  width: 19px;
  height: 19px;
  background-size: 271px 236px;
}

.icon-grid {
  cursor: pointer;
  display: block;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -173px -125px;
  width: 25px;
  height: 25px;
  background-size: 271px 236px;
}

@media (min-width: 801px) {
  .icon-grid {
    background-position: -253px -184px;
    width: 40px;
    height: 40px;
    background-size: 1000%;
  }
}

.active {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -146px -165px;
  width: 25px;
  height: 25px;
  background-size: 271px 236px;
}

@media (min-width: 801px) {
  .active {
    background-position: -214px -243px;
    width: 40px;
    height: 40px;
    background-size: 1000%;
  }
}

.icon-list {
  display: block;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -220px 0px;
  width: 25px;
  height: 25px;
  background-size: 271px 236px;
}

@media (min-width: 801px) {
  .icon-list {
    background-position: -323px 0;
    width: 40px;
    height: 40px;
    background-size: 1000%;
  }
}

.icon-list.active {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -176px -165px;
  width: 25px;
  height: 25px;
  background-size: 271px 236px;
}

@media (min-width: 801px) {
  .icon-list.active {
    background-position: -258px -591px;
    width: 40px;
    height: 40px;
    background-size: 1000%;
  }
}

.ico-panel01 {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -117px 0px;
  width: 51px;
  height: 50px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .ico-panel01 {
    background: url(//store-resources-disneyjp.akamaized.net/images/mypage/bg_panel01.png) no-repeat;
    width: 76px;
    height: 76px;
  }
}

.ico-panel02 {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: 0px 0px;
  width: 55px;
  height: 50px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .ico-panel02 {
    background: url(//store-resources-disneyjp.akamaized.net/images/mypage/bg_panel02.png) no-repeat;
    width: 82px;
    height: 76px;
  }
}

.ico-panel03 {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: 0px -55px;
  width: 52px;
  height: 50px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .ico-panel03 {
    background: url(//store-resources-disneyjp.akamaized.net/images/mypage/bg_panel03.png) no-repeat;
    width: 78px;
    height: 74px;
  }
}

.ico-panel04 {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -57px -55px;
  width: 51px;
  height: 50px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .ico-panel04 {
    background: url(//store-resources-disneyjp.akamaized.net/images/mypage/bg_panel04.png) no-repeat;
    width: 76px;
    height: 74px;
  }
}

.ico-panel05 {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -173px 0px;
  width: 42px;
  height: 50px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .ico-panel05 {
    background: url(//store-resources-disneyjp.akamaized.net/images/mypage/bg_panel05.png) no-repeat;
    width: 76px;
    height: 74px;
  }
}

.ico-panel06 {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -60px 0px;
  width: 52px;
  height: 50px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .ico-panel06 {
    background: url(//store-resources-disneyjp.akamaized.net/images/mypage/bg_panel06.png) no-repeat;
    width: 76px;
    height: 74px;
  }
}

.ico-panel07 {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -56px -110px;
  width: 50px;
  height: 50px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .ico-panel07 {
    background: url(//store-resources-disneyjp.akamaized.net/images/contact/bg_panel07.png) no-repeat;
    width: 74px;
    height: 75px;
  }
}

.ico-panel08 {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -117px -55px;
  width: 51px;
  height: 50px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .ico-panel08 {
    background: url(//store-resources-disneyjp.akamaized.net/images/contact/bg_panel08.png) no-repeat;
    width: 76px;
    height: 75px;
  }
}

.ico-panel09 {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: 0px -110px;
  width: 51px;
  height: 50px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .ico-panel09 {
    background: url(//store-resources-disneyjp.akamaized.net/images/contact/bg_panel09.png) no-repeat;
    width: 76px;
    height: 75px;
  }
}

.ico-panel10 {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -111px -110px;
  width: 50px;
  height: 50px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .ico-panel10 {
    background: url(//store-resources-disneyjp.akamaized.net/images/contact/bg_panel10.png) no-repeat;
    width: 74px;
    height: 75px;
  }
}

.icon-guide:after {
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  margin-top: -5px;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 50%;
  right: 30px;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.icon-inquiry {
  position: relative;
}

.icon-inquiry:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -500px -430px;
  width: 26px;
  height: 26px;
}

.icon-envelop {
  position: relative;
}

.icon-envelop:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -328px -390px;
  width: 24px;
  height: 24px;
}

.icon-tel {
  position: relative;
}

.icon-tel:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -362px -390px;
  width: 24px;
  height: 24px;
}

.icon-tv {
  position: relative;
}

.icon-tv:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -292px -390px;
  width: 26px;
  height: 24px;
}

.c-icon-txt_word {
  padding: 4px;
  width: 100%;
  max-width: 100%;
  font-size: 1rem;
}

@media (max-width: 320px) {
  .c-icon-txt_word {
    font-size: 10px;
  }
}

@media (min-width: 801px) {
  .c-icon-txt_word {
    font-size: 12px;
    padding: 2px 10px;
  }
}

.c-icon-txt_word.is-red {
  background: #FCF2F2;
  border: solid 1px #E999A1;
  color: #C71B41;
}

.c-icon-txt_word.is-blue {
  background: #F2F9FC;
  border: solid 1px #BDE1F2;
  color: #2C9BD1;
}

.c-icon-txt_word.is-gray {
  background: #F5F7F8;
  border: solid 1px #BBBBBB;
  color: #898A8A;
}

.c-icon-txt_word.is-orange {
  background: #FBE1CE;
  border: solid 1px #FC6820;
  color: #FC6820;
}

.c-icon-txt_word-pt2 {
  padding: 1px 8px;
  font-size: 10px;
  display: inline-block;
  margin: 0 5px 0 0;
}

@media (min-width: 801px) {
  .c-icon-txt_word-pt2 {
    font-size: 12px;
    padding: 4px 10px;
    line-height: 1;
  }
}

@media (max-width: 320px) {
  .c-icon-txt_word-pt2 {
    font-size: 10px;
  }
}

.c-icon-txt_word-pt2.is-red {
  background: #c30931;
  color: #fff;
}

img.hover {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

img.hover:hover {
  opacity: 0.6;
}

.c-artwork {
  margin-bottom: 40px;
  text-align: center;
}

.c-artwork a {
  display: block;
}

.c-artwork .bnr-left {
  margin: 0 auto 20px;
}

@media (min-width: 481px) {
  .c-artwork .bnr-left {
    margin: 0 auto 20px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-artwork:after {
    content: '';
    display: block;
    clear: both;
  }
  .c-artwork a {
    display: block;
    width: 49.25%;
  }
  .c-artwork .bnr-left {
    float: left;
    margin: 0;
  }
  .c-artwork .bnr-right {
    float: right;
  }
}

@media (min-width: 1200px) {
  .c-artwork {
    margin-bottom: 60px;
  }
  .c-artwork:after {
    content: '';
    display: block;
    clear: both;
  }
  .c-artwork .bnr-left {
    display: block;
    float: left;
    margin: 0;
  }
  .c-artwork .bnr-right {
    display: block;
    float: right;
  }
}

.c-image--complete {
  position: relative;
  height: 236px;
}

@media (min-width: 481px) {
  .c-image--complete {
    height: 282px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-image--complete {
    height: 416px;
  }
}

@media (min-width: 1200px) {
  .c-image--complete {
    height: 420px;
  }
}

.c-image--complete img {
  width: 250px;
  height: auto;
}

@media (min-width: 481px) {
  .c-image--complete img {
    width: 300px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-image--complete img {
    width: 446px;
  }
}

@media (min-width: 1200px) {
  .c-image--complete img {
    width: 446px;
  }
}

.c-image-icon {
  height: 23px;
}

.c-bred-nav {
  padding: 10px 0;
  border-bottom: 1px solid #DEDEDE;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-bred-nav {
    border: none;
    background: #FFF;
    padding: 20px 0 0 0;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .c-bred-nav {
    border: none;
    background: #FFF;
    padding: 20px 0 0 0;
    margin-bottom: 0;
  }
}

.c-bred-nav li {
  display: inline;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 0 0 1.5em;
  position: relative;
  color: #666;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-bred-nav li {
    width: auto;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    float: none;
    padding: 0 0 0 2em;
  }
}

@media (min-width: 1200px) {
  .c-bred-nav li {
    width: auto;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    float: none;
    padding: 0 0 0 2em;
  }
}

.c-bred-nav li:first-child {
  padding: 0;
  width: 1em;
}

.c-bred-nav li:first-child:before {
  display: none;
}

.c-bred-nav li:first-child img {
  width: 12px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-bred-nav li:first-child {
    width: auto;
  }
  .c-bred-nav li:first-child img {
    width: 20px;
    top: 0;
  }
}

@media (min-width: 1200px) {
  .c-bred-nav li:first-child {
    width: auto;
  }
  .c-bred-nav li:first-child img {
    width: 20px;
    top: 0;
  }
}

.c-bred-nav li:before {
  content: '>';
  display: inline-block;
  width: 1.5em;
  position: absolute;
  top: -4px;
  left: 0;
  text-align: center;
  color: #BBBBBB;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-bred-nav li:before {
    display: inline;
    width: 2em;
    top: 4px;
    line-height: 1;
  }
}

@media (min-width: 1200px) {
  .c-bred-nav li:before {
    display: inline;
    width: 2em;
    top: 4px;
    line-height: 1;
  }
}

.c-bred-nav li a {
  color: inherit;
  display: inline;
}

.list-inline > li {
  display: inline-block;
}

.list-block > li {
  display: block;
}

@media (min-width: 1200px) {
  .list-block > li {
    display: inline-block;
  }
}

.c-list-vertival > li {
  margin-bottom: 20px;
}

.c-list-vertival > li:last-child {
  margin-bottom: 0;
}

.c-list-gift, .c-list-gift--horizontal {
  margin: 5px 0 10px;
}

@media (min-width: 481px) {
  .c-list-gift, .c-list-gift--horizontal {
    margin: 5px 0 0 0;
  }
}

.c-list-gift li, .c-list-gift--horizontal li {
  margin: 0 0 5px 0;
}

.c-list-gift li:last-child, .c-list-gift--horizontal li:last-child {
  margin-bottom: 0;
}

.c-list-gift--horizontal {
  margin: 0;
}

@media (min-width: 481px) {
  .c-list-gift--horizontal {
    margin: 5px 0 0 0;
  }
}

.c-list-gift--horizontal li {
  float: left;
  margin: 0 5px 5px 0;
}

.c-list-gift--horizontal li:last-child {
  margin: 0;
}

.c-list-gift.is-inline, .is-inline.c-list-gift--horizontal {
  text-align: left;
}

.c-list-gift.is-inline li, .is-inline.c-list-gift--horizontal li {
  display: inline-block;
}

@media (max-width: 800px) {
  .c-list-gift__foricon li {
    display: inline-block;
  }
}

.c-item-releated {
  padding: 0 10px;
}

@media (min-width: 1200px) {
  .c-item-releated {
    padding: 0;
  }
}

.c-item-releated__heading {
  color: #666;
  font-weight: normal;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 1200px) {
  .c-item-releated__heading {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.c-item-releated__list {
  padding: 0;
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .c-item-releated__list {
    margin-bottom: 40px;
  }
}

.c-item-releated__list ul li {
  color: #797979;
  display: inline-block;
  margin-right: 10px;
  line-height: 2;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .c-item-releated__list ul li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.c-item-releated__list ul li + li:before {
  content: ">";
  margin-right: 10px;
}

.c-item-releated__list ul li a {
  color: #333;
  font-weight: bold;
}

@media (min-width: 1200px) {
  .c-list-input {
    width: 600px;
  }
}

.c-list-input li {
  display: block;
  width: 100%;
}

@media (min-width: 481px) {
  .c-list-input li {
    width: 49%;
    float: left;
    margin-bottom: 0;
  }
  .c-list-input li input {
    width: 100%;
  }
}

.c-list-input li:first-child {
  margin: 0 0 10px 0;
}

@media (min-width: 481px) {
  .c-list-input li:first-child {
    margin: 0 2% 0 0;
  }
}

.c-list-contact {
  margin-bottom: 20px;
  padding: 0 10px;
}

@media (min-width: 1200px) {
  .c-list-contact {
    margin-bottom: 30px;
    padding: 0;
  }
}

.c-list-contact > li {
  margin-bottom: 5px;
  line-height: 1.2;
}

.c-form--product01, .c-form--product02, .c-form--product05, .c-form-input, .c-form-name, .c-form-text, .c-form-text--sml, .p-navbar__select > select {
  display: inline-block;
  color: #666;
  border: 1px solid #b6b6b6;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .c-form--product01, .c-form--product02, .c-form--product05, .c-form-input, .c-form-name, .c-form-text, .c-form-text--sml, .p-navbar__select > select {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.c-cartform-text, .c-cartform-text--code, .c-cartform-text--card, .c-cartform-text--sml, .c-cartform-select, .c-cartform-select--xs, .c-cartform-select--month, .c-cartform-select--year, .c-cartform-textarea {
  display: inline-block;
  color: #666;
  border: 1px solid #cecece;
  height: 35px;
  padding: 0 10px;
  font-weight: normal;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.2);
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .c-cartform-text, .c-cartform-text--code, .c-cartform-text--card, .c-cartform-text--sml, .c-cartform-select, .c-cartform-select--xs, .c-cartform-select--month, .c-cartform-select--year, .c-cartform-textarea {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

::-webkit-input-placeholder {
  color: #bbb;
}

:-moz-placeholder {
  color: #bbb;
}

::-moz-placeholder {
  color: #bbb;
}

:-ms-input-placeholder {
  color: #bbb;
}

input[type="submit"] {
  border: none;
  outline: none;
}

input[type="image"] {
  border: none;
  outline: none;
}

.easy-select-box {
  display: inline-block;
  position: relative;
  outline: none;
}

.easy-select-box .esb-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99;
  display: none;
  outline: none;
  overflow-y: scroll !important;
}

.c-form-wrap {
  position: relative;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .c-form-wrap {
    margin-bottom: 30px;
  }
}

.c-form--product01 {
  height: 40px;
  width: 100%;
}

.c-form--product01 + .easy-select-box .esb-displayer {
  height: 30px;
  line-height: 30px;
  padding-right: 49px;
}

.c-form--product01 + .easy-select-box .esb-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 1200px) {
  .c-form--product01 + .easy-select-box .esb-item {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

@media (min-width: 1200px) {
  .c-form--product01 {
    height: 50px;
  }
}

.c-form--product02 {
  height: 40px;
  width: 70px;
  vertical-align: middle;
  display: inline-block;
}

.c-form--product02 + .easy-select-box .esb-displayer {
  height: 30px;
  line-height: 30px;
  padding-right: 20px;
  text-align: center;
  -webkit-background-size: 20px auto;
  -o-background-size: 20px auto;
  -ms-background-size: 20px auto;
  background-size: 20px auto;
}

.c-form--product02 + .easy-select-box .esb-item {
  padding: 10px;
  text-align: right;
}

@media (min-width: 1200px) {
  .c-form--product02 + .easy-select-box .esb-item {
    padding: 5px 5px 5px 0;
  }
}

@media (min-width: 1200px) {
  .c-form--product02 {
    height: 50px;
  }
}

@media (max-width: 480px) {
  .c-form--product03 {
    width: 120px;
    height: 44px;
    line-height: 44px;
  }
}

@media (max-width: 480px) {
  .c-form--product04 {
    width: 140px;
    height: 44px;
    line-height: 44px;
  }
}

.c-form--product05 {
  height: 44px;
  width: 100%;
}

@media (min-width: 1200px) {
  .c-form--product05 + .easy-select-box {
    width: 600px;
  }
}

.c-form--product05 + .easy-select-box .esb-displayer {
  height: 40px;
  line-height: 40px;
  padding-right: 49px;
}

.c-form--product05 + .easy-select-box .esb-item {
  padding-top: 10px;
  padding-bottom: 10px;
  /*
				@include breakpoint(desktop) {
					padding-top: 5px;
					padding-bottom: 5px;
				}
			*/
}

.c-form-group, .c-form-group--col2 {
  margin-bottom: 15px;
  line-height: 1;
}

@media (min-width: 1200px) {
  .c-form-group, .c-form-group--col2 {
    margin: 0 30px 0 0;
    float: left;
    width: 350px;
  }
}

.c-form-group .easy-select-box, .c-form-group--col2 .easy-select-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .c-form-group .easy-select-box, .c-form-group--col2 .easy-select-box {
    width: 350px;
  }
}

.c-form-group .easy-select-box .esb-displayer, .c-form-group--col2 .easy-select-box .esb-displayer {
  height: auto;
  line-height: 1.3;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 20px;
  text-indent: 0;
}

@media (min-width: 1200px) {
  .c-form-group--col2:last-child {
    margin-left: 3%;
  }
}

@media (min-width: 1200px) {
  .c-form-group--col2 {
    width: 48.5%;
    margin: 0;
  }
}

.c-form-group--col2 .easy-select-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .c-form-group--col2 .easy-select-box {
    width: 100%;
  }
}

.c-form-input {
  height: 45px;
  line-height: 45px;
  width: 40%;
  width: 35% !important;
  padding: 0 1em;
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .c-form-input {
    height: 52px;
    line-height: 52px;
    width: 140px;
  }
}

.c-form-name {
  height: 45px;
  line-height: 45px;
  width: 100%;
  padding: 0 1em;
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .c-form-name {
    height: 50px;
    line-height: 50px;
  }
}

.tilde {
  display: inline-block;
  margin: 0 7px;
  vertical-align: middle;
}

.c-form-text, .c-form-text--sml {
  width: 100%;
  height: 35px;
}

@media (min-width: 1200px) {
  .c-form-text, .c-form-text--sml {
    width: 600px;
  }
}

.c-form-text--sml {
  width: 40%;
}

@media (min-width: 1200px) {
  .c-form-text--sml {
    width: 200px;
  }
}

.c-form-btn {
  margin-top: 25px;
}

@media (min-width: 1200px) {
  .c-form-btn {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

input[type=checkbox],
input[type=radio] {
  margin: 2px 0 0;
  line-height: normal;
  position: absolute;
  margin-left: -32px;
}

.c-radio,
.c-check {
  position: relative;
  display: block;
}

.c-check-inline,
.c-radio-inline {
  display: inline-block;
  padding-left: 32px;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: pointer;
}

input[type=radio].c-input-datetime {
  margin-left: 0;
}

.c-form-submit, .c-form-submit--name {
  background: url(//store-resources-disneyjp.akamaized.net/images/common/bg_search.png) no-repeat 90% center #fff;
  -webkit-background-size: 6px 8px;
  -o-background-size: 6px 8px;
  background-size: 6px 8px;
  border: 1px solid #818182 !important;
  cursor: pointer;
  font-weight: bold;
  padding: 12px 15px;
  text-align: left;
  width: 100%;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .c-form-submit, .c-form-submit--name {
    -webkit-background-size: auto auto;
    -o-background-size: auto auto;
    background-size: auto auto;
    width: 200px;
    padding: 15px 15px 15px 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .c-form-submit:hover, .c-form-submit--name:hover {
    text-decoration: underline;
  }
}

.c-form-submit--name {
  background: url(//store-resources-disneyjp.akamaized.net/images/common/bg_search.png) no-repeat 95% center #fff;
  font-weight: normal;
}

@media (min-width: 1200px) {
  .c-form-submit--name {
    padding: 8px 15px;
    width: 210px;
  }
}

.c-form-submit--name:after {
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  height: 4px;
  width: 4px;
  right: 10px;
}

.c-form-submit--name:hover {
  text-decoration: none;
}

.c-form-block-wrap {
  margin-bottom: 40px;
  border-bottom: 1px solid #dcdcdc;
}

@media (min-width: 1200px) {
  .c-form-block-wrap {
    margin-bottom: 60px;
  }
}

.c-form-block-wrap.destblock {
  display: none;
  overflow: visible !important;
}

.c-form-block, .c-form-block--check {
  width: 100%;
}

@media (min-width: 481px) {
  .c-form-block, .c-form-block--check {
    display: table;
    border-top: 1px solid #dcdcdc;
  }
}

.c-form-block--check {
  background: #F5F7F8;
  border: 1px solid #dcdcdc;
  color: #666;
  padding: 15px 25px 15px 10px;
  margin-bottom: 10px;
}

.c-form-block--check > label {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .c-form-block--check > label {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.c-form-block--check > label span {
  font-weight: normal;
  display: block;
  margin-right: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .c-form-block--check > label span {
    display: inline-block;
    margin-left: 40px;
  }
}

.c-form-block__label {
  background: #F5F7F8;
  border: 1px solid #dcdcdc;
  display: block;
  font-weight: bold;
  vertical-align: middle;
  padding: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .c-form-block__label {
    display: table-cell;
    font-weight: normal;
    width: 25%;
    border: none;
    overflow: hidden;
    padding: 38px 30px;
  }
}

.c-form-block__label span {
  background: #BBB;
  display: inline-block;
  color: #FFF;
  height: 20px;
  padding: 0 5px;
  font-weight: bold;
  line-height: 20px;
  margin-left: 15px;
  font-size: 13px;
  font-size: 1.3rem;
}

.c-form-block__label span.require {
  background: #C5012C;
}

@media (min-width: 481px) {
  .c-form-block__label span {
    margin-left: 0;
    float: right;
  }
}

.c-form-block__body {
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  display: block;
  vertical-align: middle;
  padding: 15px 20px;
}

@media (min-width: 481px) {
  .c-form-block__body {
    border: none;
    display: table-cell;
    padding: 15px 40px;
  }
}

.c-form-block__body select {
  height: 44px;
  line-height: 44px;
}

.c-form-block__inner {
  float: left;
  width: 49%;
}

.c-form-block__inner:first-child {
  margin-right: 2%;
}

@media (min-width: 481px) {
  .c-form-block__inner:first-child {
    width: 200px;
    margin-right: 30px;
  }
}

.c-form-list {
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  margin-bottom: 45px;
}

@media (min-width: 1200px) {
  .c-form-list {
    border-right: none;
    border-left: none;
  }
}

.c-form-list > li {
  border-bottom: 1px solid #dcdcdc;
  padding: 15px;
}

@media (min-width: 1200px) {
  .c-form-list > li {
    padding: 30px;
  }
}

.c-form-list > li select {
  margin-top: 10px;
  height: 44px;
  width: 50%;
}

@media (min-width: 1200px) {
  .c-form-list__wrap {
    display: table;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .c-form-list__left {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (min-width: 1200px) {
  .c-form-list__right {
    display: table-cell;
    vertical-align: middle;
    width: 300px;
  }
}

.c-form-list__label, .c-form-list__label--select {
  color: #666;
  font-weight: bold;
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
}

.c-form-list__label--select {
  padding-left: 32px;
}

@media (min-width: 481px) {
  .c-form-list__label--select {
    padding-left: 0;
  }
}

.c-form-list__text {
  color: #666;
  line-height: 1.5;
  font-size: 11px;
  font-size: 1.1rem;
}

@media (min-width: 1200px) {
  .c-form-list__text {
    padding-left: 32px;
    line-height: 1.7;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.c-form-list__info01 {
  margin: 15px 0 10px;
}

@media (min-width: 1200px) {
  .c-form-list__info01 {
    margin: 0;
    float: right;
  }
}

.c-form-list__info02 {
  margin-top: 15px;
}

@media (min-width: 481px) {
  .c-form-list__info02 {
    margin-top: 0;
    float: right;
  }
}

.c-form-list .easy-select-box {
  margin-top: 10px;
}

@media (min-width: 481px) {
  .c-form-list .easy-select-box {
    margin-top: 10px;
    width: 240px;
    vertical-align: middle;
  }
}

@media (min-width: 1200px) {
  .c-form-list .easy-select-box {
    margin-top: 0;
  }
}

.c-form-box {
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  margin-bottom: 45px;
}

.c-form-box > li {
  border-bottom: 1px solid #dcdcdc;
  padding: 15px;
}

@media (min-width: 1200px) {
  .c-form-box > li {
    padding: 30px;
    display: table;
    width: 100%;
  }
}

.c-form-box__left {
  color: #666;
}

.c-form-box__left ul {
  margin: 10px 0;
}

@media (min-width: 1200px) {
  .c-form-box__left ul {
    margin: 0;
  }
}

.c-form-box__left li {
  font-weight: normal;
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .c-form-box__left {
    display: table-cell;
    vertical-align: middle;
  }
  .c-form-box__left p {
    line-height: 2;
  }
}

@media (min-width: 481px) {
  .c-form-box__right {
    display: block;
    width: 250px;
  }
}

@media (min-width: 1200px) {
  .c-form-box__right {
    display: table-cell;
    width: 200px;
    vertical-align: middle;
  }
}

.c-cartform-text, .c-cartform-text--code, .c-cartform-text--card, .c-cartform-text--sml, .c-cartform-select, .c-cartform-select--xs, .c-cartform-select--month, .c-cartform-select--year {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .c-cartform-text, .c-cartform-text--code, .c-cartform-text--card, .c-cartform-text--sml, .c-cartform-select, .c-cartform-select--xs, .c-cartform-select--month, .c-cartform-select--year {
    width: 600px;
  }
}

.c-cartform-text--code {
  width: 100%;
}

@media (min-width: 1200px) {
  .c-cartform-text--code {
    width: 230px;
  }
}

.c-cartform-text--card {
  width: 100%;
}

@media (min-width: 1200px) {
  .c-cartform-text--card {
    width: 340px;
  }
}

.c-cartform-text--sml {
  width: 100%;
}

@media (min-width: 481px) {
  .c-cartform-text--sml {
    width: 200px;
  }
}

.c-cartform-select, .c-cartform-select--xs, .c-cartform-select--month, .c-cartform-select--year {
  background: #FFF;
  color: #666;
  width: 225px;
}

.c-cartform-select--xs {
  width: 80px;
}

.c-cartform-select--month {
  width: 75px;
}

.c-cartform-select--year {
  width: 90px;
}

.c-cartform-textarea {
  height: 100px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .c-cartform-textarea {
    width: 600px;
  }
}

.c-form-coupon {
  display: table;
}

@media (min-width: 481px) {
  .c-form-coupon {
    width: 100%;
  }
}

.c-form-coupon__input {
  display: table-cell;
  width: 60%;
  vertical-align: middle;
}

.c-form-coupon > p {
  width: 60%;
  display: table-cell;
  vertical-align: middle;
}

.c-form-coupon__btn {
  border: 1px solid #dcdcdc !important;
  height: 35px;
  line-height: 35px;
  width: 90px;
  margin-left: 2%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #E7E9EC;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFBFB), to(#E7E9EC));
  background-image: -webkit-linear-gradient(top, #FAFBFB, #E7E9EC);
  background-image: -moz-linear-gradient(top, #FAFBFB, #E7E9EC);
  background-image: linear-gradient(#FAFBFB, #E7E9EC);
}

@media (min-width: 481px) {
  .c-form-coupon__btn {
    margin-left: 25px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.c-form-header {
  position: relative;
}

.form-default {
  width: 100%;
}

@media (min-width: 1200px) {
  .form-default {
    width: 345px;
  }
}

.form-sml {
  width: 100%;
  height: 44px;
  line-height: 44px;
}

@media (min-width: 1200px) {
  .form-sml {
    width: 320px;
  }
}

.form-lg {
  width: 100%;
  height: 44px;
  line-height: 44px;
}

@media (min-width: 1200px) {
  .form-lg {
    width: 420px;
  }
}

@media (min-width: 1200px) {
  .c-gutter-vertival {
    padding-top: 15px;
  }
}

.c-gutter-list {
  padding-left: 15px;
}

@media (min-width: 1200px) {
  .c-gutter-list {
    padding-left: 0;
  }
}

.c-gutter-horizontal {
  margin-right: 20px;
}

@media (min-width: 1200px) {
  .c-gutter-horizontal {
    margin-right: 30px;
  }
}

.c-gutter-horizontal-xs {
  margin: 0 0 15px 0;
}

@media (min-width: 1200px) {
  .c-gutter-horizontal-xs {
    margin: 0 20px 0 0;
  }
}

.c-input-radio {
  display: inline-block;
  margin-right: 15px !important;
}

@media (min-width: 481px) {
  .c-input-radio {
    position: relative !important;
  }
}

.c-form-default,
.c-form-category-large,
.c-form-category-middle,
.c-form-redirect {
  height: 44px;
  width: 100%;
}

.c-form-cart-item {
  height: 30px;
}

.c-form-stock > li {
  display: block;
  margin: 0 0 15px 0;
}

.c-form-stock > li:last-child {
  margin-bottom: 0;
}

@media (min-width: 481px) {
  .c-form-stock > li {
    display: inline-block;
  }
  .c-form-stock > li:first-child {
    margin-right: 30px;
  }
}

.c-form-bar__birthday {
  width: 60px;
  margin-left: 0%;
  display: inline-block;
}

.c-form-bar__birthday select {
  width: 100%;
}

.c-form-bar__birthday:first-child {
  width: 75px;
  margin-left: 0%;
}

.c-form-bar__birthday .esb-displayer {
  padding-right: 35px;
}

@media (min-width: 481px) {
  .c-form-bar__birthday {
    display: inline-block;
    /*margin-left: 15px;*/
  }
  .c-form-bar__birthday:first-child {
    margin-left: 0%;
  }
}

@media (min-width: 1200px) {
  .c-form-bar__birthday {
    width: 125px;
    display: inline-block;
    margin-left: 15px;
  }
  .c-form-bar__birthday:first-child {
    width: 125px;
    margin-left: 0%;
  }
}

.c-form-bar__radio {
  display: inline-block;
  padding-left: 35px;
  margin-right: 50px;
}

.c-form-login {
  margin: 0 auto 20px;
}

@media (min-width: 481px) {
  .c-form-login:after {
    content: '';
    display: block;
    clear: both;
  }
}

.c-form-login dt {
  clear: both;
  float: left;
  width: 40%;
  margin: 0 auto 15px;
  padding: 7px 0 0;
}

@media (min-width: 481px) {
  .c-form-login dt {
    width: 30%;
  }
}

.c-form-login dd {
  float: right;
  width: 58%;
  margin: 0 auto 15px;
}

@media (min-width: 481px) {
  .c-form-login dd {
    width: 65%;
  }
}

.c-form-login dd input {
  width: 100%;
  display: block;
  margin: 0;
}

.c-form-login dd .js-valError {
  display: none;
}

.c-search, .c-search--conditional {
  position: relative;
}

.c-search > input, .c-search--conditional > input {
  color: #333;
  padding: 7px 15px 7px 45px;
  width: 100%;
  background: url(//store-resources-disneyjp.akamaized.net/images/common/ico_input.png) no-repeat 15px center #fff;
  -webkit-background-size: 17px 17px;
  -o-background-size: 17px 17px;
  background-size: 17px 17px;
  -webkit-border-radius: 4em;
  border-radius: 4em;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-search > input, .c-search--conditional > input {
    padding: 10px 15px 10px 45px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

@media (min-width: 1200px) {
  .c-search > input, .c-search--conditional > input {
    padding: 10px 15px 10px 45px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.c-search--conditional {
  width: 100%;
}

@media (min-width: 1200px) {
  .c-search--conditional {
    width: 350px;
  }
}

.c-search--conditional > input {
  border: 1px solid #b6b6b6;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.searchBtn {
  display: none;
}

.mobile #header-carousel01-wrapper {
  padding: 20px 0 0 0;
  position: relative;
  width: 300px;
  margin: 0 auto;
}

.mobile #header-carousel01-wrapper .slick-list {
  width: 300px;
  margin: 0 auto;
}

.mobile .character-item-group {
  overflow: hidden;
  width: 300px;
  margin: 60px auto 0;
}

.mobile .character-item-group > .character-item {
  float: left;
  width: 55px;
  text-align: center;
  margin: 0 26px 30px 0;
}

.mobile .character-item-group > .character-item:nth-child(4n) {
  margin-right: 0;
}

.mobile .character-item-group > .character-item:nth-child(5) {
  clear: both;
}

.mobile .character-item-group > .character-item > a {
  display: block;
}

.mobile .character-item-group > .character-item img {
  width: 55px;
  height: 55px;
  margin-bottom: 10px;
  -webkit-border-radius: 50% 50%;
  border-radius: 50% 50%;
}

.mobile .character-item-group > .character-item p {
  color: #878787;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}

.mobile .dc-prev-btn {
  display: block;
  position: absolute;
  top: 0;
  left: 102px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -50px -165px;
  width: 43px;
  height: 43px;
  background-size: 271px 236px;
}

.mobile .dc-next-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 102px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -98px -165px;
  width: 43px;
  height: 43px;
  background-size: 271px 236px;
}

.desktop #header-carousel02-wrapper {
  position: relative;
  margin-bottom: 15px;
  margin-top: -18px;
}

.desktop #header-carousel02 {
  padding: 0 60px;
}

.desktop #header-carousel02 > .slick-list {
  padding-left: 15px;
}

.desktop .character-item, .desktop .character-item--lsize {
  display: inline-block;
}

.desktop .character-item img, .desktop .character-item--lsize img {
  border: 8px solid #fff;
  -webkit-border-radius: 50% 50%;
  border-radius: 50% 50%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .desktop .character-item img, .desktop .character-item--lsize img {
    border: 5px solid #fff;
  }
}

.desktop .character-item img:hover, .desktop .character-item--lsize img:hover {
  border: 8px solid #E2E9ED;
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

@media (min-width: 801px) and (max-width: 1199px) {
  .desktop .character-item img:hover, .desktop .character-item--lsize img:hover {
    border: 5px solid #E2E9ED;
  }
}

.desktop .character-item p, .desktop .character-item--lsize p {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  /* 			&:hover{
				color: #0093D0;
			} */
}

.desktop .character-item {
  padding: 10px 5px 0 5px;
  margin-right: 15px;
}

.desktop .character-item a {
  color: #333;
}

.desktop .character-item a:hover {
  text-decoration: underline;
  color: #0093D0;
}

.desktop .character-item img {
  width: 96px;
  height: 96px;
  margin-bottom: 17px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .desktop .character-item img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
  }
}

.desktop .dc-prev-btn {
  display: block;
  position: absolute;
  top: 50px;
  left: 0;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -346px -180px;
  width: 60px;
  height: 60px;
}

.desktop .dc-next-btn {
  display: block;
  position: absolute;
  top: 50px;
  right: 0;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -346px -110px;
  width: 60px;
  height: 60px;
}

.tablet #header-carousel01-wrapper {
  position: relative;
  padding: 20px 0;
}

.tablet #header-carousel01-wrapper .slick-list {
  width: 490px;
  margin: 0 auto;
}

.tablet .character-item-group {
  display: inline-block;
}

.tablet .character-item-group > .character-item {
  display: inline-block;
  padding: 10px 5px 0 5px;
  margin-right: 15px;
  width: 106px;
  vertical-align: top;
}

.tablet .character-item-group > .character-item:nth-child(4n) {
  margin-right: 0;
}

.tablet .character-item-group > .character-item img {
  border: 8px solid #fff;
  width: 96px;
  height: 96px;
  margin-bottom: 17px;
  -webkit-border-radius: 50% 50%;
  border-radius: 50% 50%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.tablet .character-item-group > .character-item img:hover {
  border: 8px solid #E2E9ED;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.tablet .character-item-group > .character-item p {
  color: #878787;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}

.tablet .character-item-group > .character-item p:hover {
  text-decoration: none;
}

.tablet .dc-prev-btn {
  display: block;
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: -30px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -50px -165px;
  width: 43px;
  height: 43px;
  background-size: 271px 236px;
}

.tablet .dc-next-btn {
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -30px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -98px -165px;
  width: 43px;
  height: 43px;
  background-size: 271px 236px;
}

/* .desktop #slider-pc{
	display: block;
}

.desktop #slider-sp{
	display: none;
}

.tablet #slider-pc{
	display: block;
}

.tablet #slider-sp{
	display: none;
}

.mobile #slider-pc{
	display: none;
}

.mobile #slider-sp{
	display: block;
} */
.c-carousel__main, .c-carousel__main--pc, .c-carousel__main--sp {
  margin-bottom: 30px;
}

.c-carousel__main > div, .c-carousel__main--pc > div, .c-carousel__main--sp > div {
  float: left;
}

.c-carousel__recommend {
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #dcdcdc;
}

@media (min-width: 1200px) {
  .c-carousel__recommend {
    padding-bottom: 0;
    border-bottom: none;
  }
}

@media (min-width: 1200px) {
  .c-carousel__recommend__inner {
    overflow: hidden;
  }
}

.c-carousel__recommend a:hover p {
  text-decoration: underline;
}

.c-carousel__recommend a img {
  width: 95%;
  height: auto;
  margin: 0 auto 10px;
}

@media (min-width: 481px) {
  .c-carousel__recommend a img {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .c-carousel__recommend a img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

.c-carousel__recommend a p {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .c-carousel__recommend a p {
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .c-carousel__recommend button {
    display: none;
  }
}

.c-carousel__recommend-item > div {
  text-align: center;
}

@media (min-width: 481px) {
  .c-carousel__recommend-item > div {
    margin: 0 10px;
  }
}

@media (min-width: 1200px) {
  .c-carousel__recommend-item > div {
    text-align: left;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .c-carousel__recommend-item {
    float: left;
    text-align: left;
  }
  .c-carousel__recommend-item:nth-child(2) > div {
    margin-left: 6px;
  }
  .c-carousel__recommend-item:nth-child(3) > div {
    margin-left: 13px;
  }
  .c-carousel__recommend-item:last-child > div {
    margin-left: 19px;
  }
}

.c-carousel__recommend-item a:hover {
  text-decoration: none;
}

@media (min-width: 1200px) {
  .c-carousel__chara {
    margin: -20px 0 40px;
  }
}

.c-carousel__chara__inner {
  position: relative;
  padding: 0 10px;
  width: 300px;
  margin: 0 auto;
}

@media (min-width: 481px) {
  .c-carousel__chara__inner {
    padding: 0 60px;
    width: 460px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-carousel__chara__inner {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .c-carousel__chara__inner {
    width: 100%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-carousel__chara__inner > .slick-list {
    padding: 11px 0 0 10px;
  }
}

@media (min-width: 1200px) {
  .c-carousel__chara__inner > .slick-list {
    padding: 0 0 0 22px;
  }
}

.c-carousel__box {
  margin: 0;
  overflow: hidden;
  position: relative;
  border: 1px solid #dcdcdc;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-carousel__box {
    border-width: 1px 1px 1px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (min-width: 1200px) {
  .c-carousel__box {
    border-width: 1px 1px 1px 0;
    width: 1200px;
  }
}

.c-carousel__box .goods-item {
  width: 100%;
  padding: 20px;
  position: relative;
  border: 1px solid #dcdcdc;
  border-width: 0 0 0 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-carousel__box .goods-item {
    padding: 30px 50px;
  }
}

@media (min-width: 1200px) {
  .c-carousel__box .goods-item {
    padding: 30px 50px;
  }
}

.c-carousel__box .goods-item > div {
  padding: 0 3px;
}

.c-carousel__box .goods-item a {
  text-align: center;
  display: block;
}

@media (min-width: 1200px) {
  .c-carousel__box .goods-item a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.c-carousel__box .goods-item a > img {
  max-width: none;
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
}

@media (min-width: 1200px) {
  .c-carousel__box .goods-item a > img {
    width: 200px;
    max-width: 200px;
    height: 200px;
  }
}

.c-carousel__detail {
  margin: 0;
  overflow: hidden;
  position: relative;
  border: 1px solid #dcdcdc;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-carousel__detail {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .c-carousel__detail {
    width: 1200px;
  }
}

.c-carousel__detail .goods-item {
  float: left;
  width: 50%;
  padding: 10px 15px 7px;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}

.c-carousel__detail .goods-item:nth-of-type(1), .c-carousel__detail .goods-item:nth-of-type(2) {
  border-top: none;
}

.c-carousel__detail .goods-item:nth-of-type(even) {
  border-right: none;
}

.c-carousel__detail .goods-item.is-hidden {
  display: none;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-carousel__detail .goods-item.is-hidden {
    display: block;
  }
}

@media (min-width: 1200px) {
  .c-carousel__detail .goods-item.is-hidden {
    display: block;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-carousel__detail .goods-item {
    width: 245px;
    box-sizing: border-box;
    border: none;
    border-left: 1px solid #dcdcdc;
    padding: 30px;
  }
}

@media (min-width: 1200px) {
  .c-carousel__detail .goods-item {
    width: 245px;
    box-sizing: border-box;
    border: none;
    border-left: 1px solid #dcdcdc;
    padding: 30px;
  }
}

.c-carousel__detail .goods-item a {
  text-align: center;
  display: block;
}

.c-carousel__detail .goods-item a > img {
  max-width: none;
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
}

.c-carousel__detail .slick-prev {
  width: 35px;
  height: 70px;
  left: -1px;
  border: 1px solid #dcdcdc;
  background-position: 10px;
  border-radius: 0 4px 4px 0;
  background-color: #fff;
}

.c-carousel__detail .slick-next {
  width: 35px;
  height: 70px;
  right: -1px;
  border: 1px solid #dcdcdc;
  background-position: 10px;
  border-radius: 4px 0 0 4px;
  background-color: #fff;
}

.c-carousel__detail2 {
  margin: 0;
  overflow: hidden;
  position: relative;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-carousel__detail2 {
    border: 1px solid #dcdcdc;
    border-right: none;
  }
}

@media (min-width: 1200px) {
  .c-carousel__detail2 {
    border: 1px solid #dcdcdc;
    border-right: none;
  }
}

.c-carousel__detail2 .goods-item {
  float: left;
  width: 50%;
  padding: 10px 15px 7px;
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-carousel__detail2 .goods-item {
    width: 25%;
    box-sizing: border-box;
    border: none;
    border-right: 1px solid #dcdcdc;
    padding: 30px;
  }
}

@media (min-width: 1200px) {
  .c-carousel__detail2 .goods-item {
    width: 25%;
    box-sizing: border-box;
    border: none;
    border-right: 1px solid #dcdcdc;
    padding: 30px;
  }
}

.c-carousel__detail2 .goods-item a {
  text-align: center;
  display: block;
}

.c-carousel__detail2 .goods-item a > img {
  max-width: none;
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
}

.c-carousel__cate {
  margin: 0;
  overflow: hidden;
  position: relative;
  border: 1px solid #dcdcdc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-carousel__cate {
    border-width: 1px 1px 1px 0;
  }
}

@media (min-width: 1200px) {
  .c-carousel__cate {
    border-width: 1px 1px 1px 0;
  }
}

.c-carousel__cate .bnr-item {
  text-align: center;
  border: 1px solid #dcdcdc;
  border-width: 0 0 0 1px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-carousel__cate .bnr-item {
    float: left;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .c-carousel__cate .bnr-item {
    float: left;
    text-align: left;
  }
}

.c-carousel__cate .bnr-item a {
  display: block;
}

.c-carousel__cate .bnr-item p {
  padding: 30px 12% 20px;
  font-size: 14px;
  color: #777777;
  line-height: 1.4;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-carousel__cate .bnr-item p {
    padding: 30px 25px 20px;
  }
}

@media (min-width: 1200px) {
  .c-carousel__cate .bnr-item p {
    padding: 30px 25px 20px;
  }
}

.c-carousel__cate img {
  height: auto;
  width: 100%;
  margin: 0 auto;
}

.c-carousel__caption {
  text-align: left;
}

.c-carousel__caption__title {
  line-height: 1.2;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .c-carousel__caption__title {
    margin-bottom: 2px;
  }
}

.c-carousel__caption__price {
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .c-carousel__caption__price {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.c-carousel__caption__price span {
  margin-left: 1em;
  color: #C5002C;
}

.c-carousel__caption__price span.out-of-stock {
  color: #999;
  margin: 0 1em 0 0;
  display: block;
}

@media (min-width: 481px) {
  .c-carousel__caption__price span.out-of-stock {
    display: inline-block;
  }
}

.character-item--lsize {
  float: left;
  width: 55px;
  text-align: center;
  margin: 0 20px 30px 0;
}

.character-item--lsize:nth-child(4n) {
  margin-right: 0;
}

.character-item--lsize:nth-child(5) {
  clear: both;
}

.character-item--lsize > a {
  color: #333;
  display: block;
}

.character-item--lsize > a:hover {
  text-decoration: underline;
  color: #333;
}

.character-item--lsize img {
  width: 55px;
  height: 55px;
  margin-bottom: 10px;
  -webkit-border-radius: 50% 50%;
  border-radius: 50% 50%;
}

.character-item--lsize p {
  font-size: 11px;
  font-size: 1.1rem;
}

@media (min-width: 481px) {
  .character-item--lsize p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

@media (min-width: 481px) {
  .character-item--lsize {
    width: 70px;
  }
  .character-item--lsize img {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .character-item--lsize {
    padding: 10px 5px 0 10px;
    margin-right: 5px;
    width: 11.5%;
  }
  .character-item--lsize:nth-child(4n) {
    margin-right: 10px;
  }
  .character-item--lsize:nth-child(5) {
    clear: none;
  }
  .character-item--lsize:nth-child(8n) {
    margin-right: 10px;
  }
  .character-item--lsize img {
    margin: 0 auto 7px;
    width: 100%;
    height: auto;
  }
}

@media (min-width: 1200px) {
  .character-item--lsize {
    padding: 10px 5px 0 10px;
    margin-right: 10px;
    width: auto;
  }
  .character-item--lsize:nth-child(4n) {
    margin-right: 10px;
  }
  .character-item--lsize:nth-child(5) {
    clear: none;
  }
  .character-item--lsize:nth-child(8n) {
    margin-right: 10px;
  }
  .character-item--lsize img {
    width: 105px;
    height: 105px;
    margin: 0 auto 7px;
  }
}

.slick-prev, .slick-prev--chara, .slick-next, .slick-next--chara {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  z-index: 2;
  font-size: 0;
  line-height: 0;
  border: none;
  background-color: transparent;
}

@media (min-width: 1200px) {
  .slick-prev, .slick-prev--chara, .slick-next, .slick-next--chara {
    cursor: pointer;
    height: 17px;
    width: 11px;
  }
}

.slick-prev {
  left: 0;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  -webkit-background-size: 11px 17px;
  -o-background-size: 11px 17px;
  background-size: 11px 17px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/btn_slick_prev.png);
  background-repeat: no-repeat;
  background-position: 10px;
  outline: none;
}

@media (min-width: 1200px) {
  .slick-prev {
    width: 60px;
    height: 60px;
    left: -10px;
    margin-top: -30px;
    background-position: 20px;
    -webkit-background-size: 12px 19px;
    -o-background-size: 12px 19px;
    background-size: 12px 19px;
  }
}

.c-carousel__cate .slick-prev,
.c-carousel__recommend .slick-prev {
  background-position: 0px;
  width: 30px;
  padding: 0;
}

.c-carousel__cate .slick-next,
.c-carousel__recommend .slick-next {
  background-position: 20px;
  width: 30px;
  padding: 0;
}

.slick-prev--chara {
  top: 10px;
  left: 30%;
  outline: none;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -50px -165px;
  width: 43px;
  height: 43px;
  background-size: 271px 236px;
}

@media (min-width: 481px) {
  .slick-prev--chara {
    top: 50%;
    margin-top: -30px;
    left: 0;
  }
}

@media (min-width: 1200px) {
  .slick-prev--chara {
    margin-top: -43px;
    width: 60px;
    height: 60px;
    -webkit-background-size: 60px;
    -o-background-size: 60px;
    -ms-background-size: 60px;
    background-size: 60px;
    background-position: 0;
    background-image: url(//store-resources-disneyjp.akamaized.net/images/common/btn_item-prev.png);
  }
}

.slick-next {
  right: 0;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  -webkit-background-size: 11px 17px;
  -o-background-size: 11px 17px;
  background-size: 11px 17px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/btn_slick_next.png);
  background-repeat: no-repeat;
  background-position: 10px;
  outline: none;
}

@media (min-width: 1200px) {
  .slick-next {
    width: 60px;
    height: 60px;
    right: -10px;
    margin-top: -30px;
    background-position: 20px;
    -webkit-background-size: 12px 19px;
    -o-background-size: 12px 19px;
    background-size: 12px 19px;
  }
}

.slick-next--chara {
  top: 10px;
  right: 30%;
  outline: none;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -98px -165px;
  width: 43px;
  height: 43px;
  background-size: 271px 236px;
}

@media (min-width: 481px) {
  .slick-next--chara {
    top: 50%;
    margin-top: -30px;
    right: 0;
  }
}

@media (min-width: 1200px) {
  .slick-next--chara {
    margin-top: -43px;
    width: 60px;
    height: 60px;
    -webkit-background-size: 60px;
    -o-background-size: 60px;
    -ms-background-size: 60px;
    background-size: 60px;
    background-position: 0;
    background-image: url(//store-resources-disneyjp.akamaized.net/images/common/btn_item-next.png);
  }
}

.item-prev {
  background: url(//store-resources-disneyjp.akamaized.net/images/common/btn_item-prev.png) no-repeat;
  left: 0;
}

.item-next {
  background: url(//store-resources-disneyjp.akamaized.net/images/common/btn_item-next.png) no-repeat;
  right: 0;
}

.goods-item a:hover,
.grid-item a:hover, .grid-item--min a:hover {
  text-decoration: none;
}

.goods-item a:hover .c-carousel__caption__title,
.grid-item a:hover .c-carousel__caption__title, .grid-item--min a:hover .c-carousel__caption__title {
  text-decoration: underline;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  z-index: 10;
  *zoom: 1;
}

/*
.bx-wrapper img {
	width: 100%;
	max-width: 100%;
	display: block;
} */
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  /*	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;*/
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.desktop.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
}

.desktop .bx-wrapper .bx-pager.bx-default-pager a {
  width: 15px;
  height: 15px;
  margin: 0 3px;
  outline: 0;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.tablet .bx-wrapper .bx-pager.bx-default-pager a {
  width: 15px;
  height: 15px;
  margin: 0 3px;
  outline: 0;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.mobile .bx-wrapper .bx-pager.bx-default-pager a {
  width: 13px;
  height: 13px;
  margin: 0 2px;
  outline: 0;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 5px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/btn_slick_prev.png);
}

@media (min-width: 801px) and (max-width: 1199px) {
  .bx-wrapper .bx-prev {
    left: 50%;
    margin-left: -120px;
  }
}

@media (min-width: 1200px) {
  .bx-wrapper .bx-prev {
    left: 50%;
    margin-left: -140px;
  }
}

.bx-wrapper .bx-next {
  right: 5px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/btn_slick_next.png);
}

@media (min-width: 801px) and (max-width: 1199px) {
  .bx-wrapper .bx-next {
    right: 50%;
    margin-right: -120px;
  }
}

@media (min-width: 1200px) {
  .bx-wrapper .bx-next {
    right: 50%;
    margin-right: -140px;
  }
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  bottom: -10px;
  outline: 0;
  text-indent: -9999px;
  z-index: 9999;
  width: 43px;
  height: 43px;
  background-size: 100%;
  background-size: 12px 19px;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .bx-wrapper .bx-controls-direction a {
    bottom: -10px;
  }
}

@media (min-width: 1200px) {
  .bx-wrapper .bx-controls-direction a {
    width: 60px;
    height: 60px;
    bottom: -18px;
  }
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

.mobile .slider-pc-pager {
  display: block;
}

.desktop .slider-sp-pager,
.tablet .slider-sp-pager {
  display: none;
}

.bx-pager {
  text-align: center;
  margin-top: 20px;
}

.modal {
  background: #FFF;
  display: none;
  position: relative;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.57);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.57);
}

.modal__header, .modal__header--card, .modal__header--login, .modal__header--member {
  background: #F7F7F7;
  border-bottom: 1px solid #dcdcdc;
  padding: 20px 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

@media (min-width: 1200px) {
  .modal__header, .modal__header--card, .modal__header--login, .modal__header--member {
    padding: 30px 0;
  }
}

.modal__header--card {
  background: #FFF;
}

.modal__header--card .modal__heading {
  text-align: center;
}

.modal__header--login {
  background: #FFF;
  border-bottom: none;
  position: relative;
  padding: 20px 0 0 0;
}

@media (min-width: 1200px) {
  .modal__header--login {
    padding: 30px 0 10px;
  }
}

@media (min-width: 1200px) {
  .modal__header--login .modal__heading {
    margin-left: 20px;
    text-align: left;
  }
}

.modal__header--login img {
  text-align: center;
  width: 215px;
  height: auto;
  margin: 20px auto 6px;
  display: block;
}

@media (min-width: 1200px) {
  .modal__header--login img {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 200px;
    height: auto;
    margin: 0;
  }
}

.modal__header--member {
  background: #FFF;
  border-bottom: none;
  padding: 20px 0;
}

@media (min-width: 1200px) {
  .modal__header--member {
    padding: 30px 0 10px;
  }
}

.modal__heading {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 1200px) {
  .modal__heading {
    font-weight: normal;
    font-size: 26px;
    font-size: 2.6rem;
  }
}

.modal__body, .modal__body--card, .modal__body--login, .modal__body--input {
  padding: 20px 15px;
}

@media (min-width: 1200px) {
  .modal__body, .modal__body--card, .modal__body--login, .modal__body--input {
    padding: 30px;
  }
}

.modal__body--card {
  background: #F5F7F8;
  overflow: hidden;
}

.modal__body--login {
  background: #F5F7F8;
  border: 1px solid #dcdcdc;
  border-width: 1px 0 0 0;
  padding: 20px 0;
}

@media (min-width: 1200px) {
  .modal__body--login {
    border-width: 1px;
    padding: 20px 0 0 0;
    margin: 5px 20px 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
}

.modal__body--input {
  background: #F5F7F8;
  padding: 20px 0;
}

.c-modal__info {
  margin-bottom: 10px;
}

.c-modal__heading {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 15px;
  font-size: 1.5rem;
}

@media (min-width: 1200px) {
  .c-modal__heading {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.c-modal__text {
  line-height: 1.4;
  margin-bottom: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}

@media (min-width: 1200px) {
  .c-modal__text {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.c-modal__unit {
  text-align: center;
  width: 50%;
}

.c-modal__table {
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  .c-modal__table {
    margin-bottom: 50px;
  }
}

.c-modal__table th {
  padding: 7px 0;
  background: #F7F7F7;
  vertical-align: middle;
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
}

@media (min-width: 1200px) {
  .c-modal__table th {
    padding: 10px 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.c-modal__table td {
  border-bottom: 1px solid #dcdcdc;
  padding: 7px 0;
  color: #666;
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
}

.c-modal__table td span:first-child {
  float: left;
}

.c-modal__table td span:last-child {
  float: right;
}

@media (min-width: 1200px) {
  .c-modal__table td {
    padding: 10px 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.lightBox-close {
  position: absolute;
  right: -5px;
  top: -5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -220px -114px;
  width: 22px;
  height: 22px;
  background-size: 271px 236px;
}

.c-order-modalheading {
  color: #666;
  line-height: 1.4;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .c-order-modalheading {
    margin-bottom: 30px;
  }
}

.c-card-body--left {
  margin: 0 0 15px 0;
}

@media (min-width: 1200px) {
  .c-card-body--left {
    float: left;
    margin: 0 70px 0 0;
  }
}

@media (min-width: 1200px) {
  .c-card-body--right {
    float: left;
  }
}

.c-card-body__heading {
  margin-bottom: 15px;
  font-size: 13px;
  font-size: 1.3rem;
}

@media (min-width: 1200px) {
  .c-card-body__heading {
    margin-bottom: 30px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.c-card-body__text {
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .c-card-body__text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.c-card-body__image01 {
  text-align: center;
  width: 278px;
  height: auto;
}

@media (min-width: 1200px) {
  .c-card-body__image01 {
    width: 430px;
    height: 150px;
  }
}

.c-card-body__image02 {
  width: 137px;
  height: auto;
}

@media (min-width: 1200px) {
  .c-card-body__image02 {
    width: 206px;
    height: 150px;
  }
}

@media (min-width: 1200px) {
  .modal-login {
    padding-bottom: 20px;
  }
}

.modal-login__header {
  padding: 10px 20px;
  border-bottom: 1px solid #dcdcdc;
}

.modal-login__header p {
  line-height: 1.4;
  font-size: 13px;
  font-size: 1.3rem;
}

@media (min-width: 1200px) {
  .modal-login__header p {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.modal-login .modal-title {
  margin: 25px 0 10px;
  font-size: 15px;
  font-size: 1.5rem;
}

@media (min-width: 1200px) {
  .modal-login .modal-title {
    margin: 30px 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.modal-login__body {
  padding: 20px 12px 0;
}

@media (min-width: 1200px) {
  .modal-login__body {
    padding: 25px 20px;
  }
}

.modal-login__input {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .modal-login__input {
    margin-bottom: 25px;
  }
}

.modal-login__input > label {
  margin-bottom: 5px;
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
}

@media (min-width: 1200px) {
  .modal-login__input > label {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.modal-login__status {
  line-height: 1.4;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .modal-login__status {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.modal-login__status:nth-child(2) {
  margin-bottom: 0;
}

.modal-login__status dt, .modal-login__status dd {
  display: inline-block;
}

.modal-login__status dt {
  margin-right: 15px;
}

@media (min-width: 1200px) {
  .modal-login__status dt {
    margin-right: 40px;
  }
}

.modal-login__point input {
  width: 70%;
}

@media (min-width: 1200px) {
  .modal-login__point input {
    width: 540px;
  }
}

.modal-login__point span {
  margin-left: 15px;
}

.modal-login__btn {
  margin: 20px 0;
  width: 100%;
}

@media (min-width: 1200px) {
  .modal-login__btn {
    margin: 30px auto 40px;
    width: 455px;
  }
}

.modal-login__btn li {
  float: left;
}

.modal-login__btn li:first-child {
  margin-right: 6%;
  width: 28%;
}

@media (min-width: 1200px) {
  .modal-login__btn li:first-child {
    margin-right: 25px;
  }
}

.modal-login__btn li:last-child {
  width: 66%;
}

.modal-login__btn--cancel {
  border: 1px solid #dcdcdc;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 100%;
  color: #545454;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #E7E9EC;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFBFB), to(#E7E9EC));
  background-image: -webkit-linear-gradient(top, #FAFBFB, #E7E9EC);
  background-image: -moz-linear-gradient(top, #FAFBFB, #E7E9EC);
  background-image: linear-gradient(#FAFBFB, #E7E9EC);
}

@media (min-width: 1200px) {
  .modal-login__btn--cancel {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.modal-login__btn--login {
  text-align: center;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  width: 100%;
  color: #FFF;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #00B4B6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#16C4C9), to(#00B4B6));
  background-image: -webkit-linear-gradient(top, #16C4C9, #00B4B6);
  background-image: -moz-linear-gradient(top, #16C4C9, #00B4B6);
  background-image: linear-gradient(#16C4C9, #00B4B6);
}

@media (min-width: 1200px) {
  .modal-login__btn--login {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .modal-point {
    padding-bottom: 20px;
  }
}

.modal-point__header {
  padding: 0 12px;
  margin-bottom: 20px;
}

.modal-point__body {
  padding: 0 12px 20px;
}

.modal-point__body > p {
  color: #666;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

.modal-point__input {
  display: table;
  width: 100%;
}

.modal-point__input > input {
  display: table-cell;
  vertical-align: middle;
}

.modal-point__input > p {
  color: #666;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  width: 5em;
}

.modal-Contents {
  padding: 110px 40px 40px 40px;
  margin: auto;
  max-width: 800px;
}

.c-badge-ranking, .c-badge-ranking--num01, .c-badge-ranking--num02, .c-badge-ranking--num03 {
  color: #fff;
  position: absolute;
  text-align: center;
  width: 42px;
  height: 42px;
  top: 10px;
  left: 10px;
  font-weight: bold;
  line-height: 1.3;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 16px;
  font-size: 1.6rem;
}

.c-badge-ranking i, .c-badge-ranking--num01 i, .c-badge-ranking--num02 i, .c-badge-ranking--num03 i {
  content: "";
  display: block;
  vertical-align: middle;
  margin: 5px auto 0;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -139px;
  width: 16px;
  height: 15px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .c-badge-ranking, .c-badge-ranking--num01, .c-badge-ranking--num02, .c-badge-ranking--num03 {
    font-weight: normal;
    height: 56px;
    width: 56px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.c-badge-ranking--num01 {
  background: #DAC193;
}

.c-badge-ranking--num02 {
  background: #BFBEBD;
}

.c-badge-ranking--num03 {
  background: #D49B9B;
}

.c-badge-ranking--nml {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #666;
  text-align: center;
  font-weight: bold;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #F5F7F8;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 1200px) {
  .c-badge-ranking--nml {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    font-size: 2rem;
  }
}

.loading, .loading_bookmark {
  display: none;
  padding: 20px 0;
  text-align: center;
}

.loading i, .loading_bookmark i {
  display: inline-block;
  height: 60px;
  width: 60px;
  background: url(//store-resources-disneyjp.akamaized.net/images/common/img_loading.png) 0 0 no-repeat;
}

.loading.is-move, .loading_bookmark.is-move {
  display: block;
}

.c-nav__heading {
  color: #85858B;
  font-weight: bold;
  background: #F5F7F8;
  border-bottom: 1px solid #dcdcdc;
  padding: 15px 20px 15px 5px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}

.c-nav__heading:after {
  border-top: 5px solid #333;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #333;
  margin-top: -3px;
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
}

@media (min-width: 1200px) {
  .c-nav__heading:after {
    display: none;
  }
}

@media (min-width: 1200px) {
  .c-nav__heading {
    color: #333;
    font-weight: normal;
    padding: 0 5px;
    height: 60px;
    line-height: 60px;
  }
}

.c-nav__link > ul {
  display: none;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-nav__link > ul {
    display: block;
  }
}

@media (min-width: 1200px) {
  .c-nav__link > ul {
    display: block;
  }
}

.c-nav__link > ul li {
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-nav__link > ul li.c-nav-link-last {
    border-bottom: none;
  }
}

@media (min-width: 1200px) {
  .c-nav__link > ul li.c-nav-link-last {
    border-bottom: none;
  }
}

.c-nav__link > ul li a {
  display: block;
  padding: 15px 20px 15px 15px;
  position: relative;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .c-nav__link > ul li a {
    padding: 20px 40px 20px 15px;
  }
}

.c-nav__link > ul li a.active {
  color: #00B3B6;
}

.c-nav__link > ul li a:after {
  border-top: 2px solid #777;
  border-right: 2px solid #777;
  right: 10px;
}

@media (min-width: 1200px) {
  .c-nav__link > ul li a:after {
    right: 30px;
  }
}

.c-nav__btn:after {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.c-nav__btn.c-nav-current {
  border-bottom: 1px solid #dcdcdc;
}

.c-nav__btn.c-nav-current:after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.c-nav__inner {
  display: none;
}

.c-nav__inner > li {
  border-bottom: 1px solid #dcdcdc;
}

.c-nav__inner > li:last-child {
  border-bottom: none;
}

.c-nav__inner > li a {
  padding-left: 60px !important;
}

.c-breadcrumb {
  padding: 10px 0;
  border-bottom: 1px solid #DEDEDE;
}

.c-breadcrumb--bottom {
  width: 100%;
  border-bottom: none;
  padding: 10px 0 0;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb--bottom {
    padding: 25px 0 0 !important;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb--bottom {
    padding: 25px 0 0 !important;
  }
}

.c-breadcrumb--bottom .c-breadcrumb__list {
  margin: 0 0 10px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb--bottom .c-breadcrumb__list {
    margin: 0 0 10px !important;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb--bottom .c-breadcrumb__list {
    margin: 0 0 10px !important;
  }
}

.c-breadcrumb--bottom .c-breadcrumb__item--home {
  position: relative;
  top: 0;
}

.c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(1) {
  display: inline-block;
  margin: 0 5px 0 0;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(1) {
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(1) {
    margin: 0;
  }
}

.c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(2),
.c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(3),
.c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(4),
.c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(5) {
  position: relative;
  width: auto;
  left: 0;
  display: inline;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  padding: 0 0 0 0;
}

.c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(2):before,
.c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(3):before,
.c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(4):before,
.c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(5):before {
  position: static;
  display: inline;
  top: -3px;
  width: auto;
  padding: 0 5px 0 3px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(2):before,
  .c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(3):before,
  .c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(4):before,
  .c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(5):before {
    position: absolute;
    padding: 0;
    width: 2em;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(2):before,
  .c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(3):before,
  .c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(4):before,
  .c-breadcrumb--bottom .c-breadcrumb__item:nth-of-type(5):before {
    position: absolute;
    padding: 0;
    width: 2em;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb {
    padding: 20px 0 30px;
    width: 100%;
    border-bottom: none;
  }
  .c-breadcrumb .c-breadcrumb__list {
    margin: 0 0 10px;
  }
  .c-breadcrumb .c-breadcrumb__item--home {
    position: relative;
    top: 0;
  }
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(1) {
    display: inline;
    top: -1px;
  }
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(2),
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(3),
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(4),
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(5) {
    position: relative;
    left: 0;
    display: inline;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    padding: 0 0 0 2em;
  }
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(2):before,
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(3):before,
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(4):before,
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(5):before {
    top: 4px;
    width: 2em;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb {
    padding: 20px 0 30px;
    width: 100%;
    border-bottom: none;
  }
  .c-breadcrumb .c-breadcrumb__list {
    margin: 0 0 10px;
  }
  .c-breadcrumb .c-breadcrumb__item--home {
    position: relative;
    top: 0;
  }
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(1) {
    display: inline;
    top: -1px;
  }
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(2),
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(3),
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(4),
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(5) {
    position: relative;
    left: 0;
    display: inline;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    padding: 0 0 0 2em;
  }
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(2):before,
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(3):before,
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(4):before,
  .c-breadcrumb .c-breadcrumb__item:nth-of-type(5):before {
    top: 4px;
    width: 2em;
  }
}

.c-breadcrumb__heading {
  color: #666666;
  font-weight: normal;
  margin: 0 0 10px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__heading {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__heading {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.c-breadcrumb__list {
  color: #666666;
  margin: 0 auto 10px;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
}

.c-breadcrumb__list:last-child {
  margin: 0;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__list:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__list:after {
    content: '';
    display: block;
    clear: both;
  }
}

.c-breadcrumb__list--type1 {
  padding: 0 0 0 16.5em;
}

.c-breadcrumb__list--type1 .c-breadcrumb__item:nth-of-type(4) {
  width: 7.5em;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__list--type1 .c-breadcrumb__item:nth-of-type(4) {
    width: auto;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__list--type1 .c-breadcrumb__item:nth-of-type(4) {
    width: auto;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__list--type1 {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__list--type1 {
    padding: 0;
  }
}

.c-breadcrumb__list--type2 {
  padding: 0 0 0 15.5em;
}

.c-breadcrumb__list--type2 .c-breadcrumb__item:nth-of-type(4) {
  width: 6.5em;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__list--type2 .c-breadcrumb__item:nth-of-type(4) {
    width: auto;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__list--type2 .c-breadcrumb__item:nth-of-type(4) {
    width: auto;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__list--type2 {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__list--type2 {
    padding: 0;
  }
}

.c-breadcrumb__list--type3 {
  padding: 0 0 0 14.5em;
}

.c-breadcrumb__list--type3 .c-breadcrumb__item:nth-of-type(4) {
  width: 5.5em;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__list--type3 .c-breadcrumb__item:nth-of-type(4) {
    width: auto;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__list--type3 .c-breadcrumb__item:nth-of-type(4) {
    width: auto;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__list--type3 {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__list--type3 {
    padding: 0;
  }
}

.c-breadcrumb__list--type4 {
  padding: 0 0 0 13.5em;
}

.c-breadcrumb__list--type4 .c-breadcrumb__item:nth-of-type(4) {
  width: 4.5em;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__list--type4 .c-breadcrumb__item:nth-of-type(4) {
    width: auto;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__list--type4 .c-breadcrumb__item:nth-of-type(4) {
    width: auto;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__list--type4 {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__list--type4 {
    padding: 0;
  }
}

.c-breadcrumb__list--type5 {
  padding: 0 0 0 12.5em;
}

.c-breadcrumb__list--type5 .c-breadcrumb__item:nth-of-type(4) {
  width: 3.5em;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__list--type5 .c-breadcrumb__item:nth-of-type(4) {
    width: auto;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__list--type5 .c-breadcrumb__item:nth-of-type(4) {
    width: auto;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__list--type5 {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__list--type5 {
    padding: 0;
  }
}

.c-breadcrumb__item {
  position: absolute;
  top: 0;
  box-sizing: border-box;
  padding: 0 0 0 1.5em;
  font-size: 12px;
  font-size: 1.2rem;
  overflow: hidden;
  white-space: nowrap;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__item {
    width: auto;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    float: none;
    padding: 0 0 0 2em;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__item {
    width: auto;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    float: none;
    padding: 0 0 0 2em;
  }
}

.c-breadcrumb__item:before {
  content: '>';
  display: inline-block;
  width: 1.5em;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  color: #BBBBBB;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__item:before {
    display: inline;
    width: 2em;
    top: 4px;
    line-height: 1;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__item:before {
    display: inline;
    width: 2em;
    top: 4px;
    line-height: 1;
  }
}

.c-breadcrumb__item:nth-of-type(1) {
  left: 0;
  width: 1em !important;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__item:nth-of-type(1) {
    width: auto;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__item:nth-of-type(1) {
    width: auto;
  }
}

.c-breadcrumb__item:nth-of-type(2) {
  left: 1em;
  width: 3.5em;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__item:nth-of-type(2) {
    left: 0;
    width: auto;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__item:nth-of-type(2) {
    left: 0;
    width: auto;
  }
}

.c-breadcrumb__item:nth-of-type(3) {
  width: 4.5em;
  left: 4.5em;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__item:nth-of-type(3) {
    left: 0;
    width: auto;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__item:nth-of-type(3) {
    left: 0;
    width: auto;
  }
}

.c-breadcrumb__item:nth-of-type(4) {
  left: 9em;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__item:nth-of-type(4) {
    left: 0;
    width: auto;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__item:nth-of-type(4) {
    left: 0;
    width: auto;
  }
}

.c-breadcrumb__item--home {
  left: 0;
  width: 1em;
  padding: 0;
}

.c-breadcrumb__item--home:before {
  display: none;
}

.c-breadcrumb__item--home img {
  vertical-align: middle;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__item--home {
    width: auto;
  }
  .c-breadcrumb__item--home img {
    width: 20px;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__item--home {
    width: auto;
  }
  .c-breadcrumb__item--home img {
    width: 20px;
  }
}

.c-breadcrumb__item--name {
  position: relative;
  width: 100%;
  text-overflow: ellipsis;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .c-breadcrumb__item--name {
    position: relative;
    float: none;
    width: auto;
  }
}

@media (min-width: 1200px) {
  .c-breadcrumb__item--name {
    position: relative;
    float: none;
    width: auto;
  }
}

.c-breadcrumb__item a {
  display: inline;
  color: inherit;
}

.c-itemreview {
  border-bottom: solid 1px #cccccc;
  padding: 0 0 15px;
}

@media (min-width: 801px) {
  .c-itemreview {
    padding: 0 0 30px;
  }
}

.c-itemreview__ttl {
  border-bottom: solid 1px #cccccc;
  margin: 0 0 25px;
  padding: 20px 0 10px;
  font-size: 1.6rem;
}

@media (min-width: 801px) {
  .c-itemreview__ttl {
    margin: 0 0 35px;
    padding: 0 0 25px;
    font-size: 2.4rem;
  }
}

.c-itemreview li {
  display: table;
  padding: 0 0 25px;
}

@media (min-width: 801px) {
  .c-itemreview li {
    width: 48%;
  }
}

@media (min-width: 801px) {
  .c-itemreview li:nth-child(odd) {
    float: left;
    clear: both;
  }
}

@media (min-width: 801px) {
  .c-itemreview li:nth-child(even) {
    float: right;
  }
}

.c-itemreview__img, .c-itemreview__voice {
  display: table-cell;
  vertical-align: top;
}

.c-itemreview__img {
  width: 35px;
}

@media (min-width: 801px) {
  .c-itemreview__img {
    width: 11.66667%;
  }
}

.c-itemreview__img img {
  width: 100%;
}

.c-itemreview__txt {
  font-size: 1.3rem;
  font-weight: bold;
}

@media (min-width: 801px) {
  .c-itemreview__txt {
    font-size: 1.4rem;
  }
}

.c-itemreview__voice {
  padding: 0 0 0 7px;
}

@media (min-width: 801px) {
  .c-itemreview__voice {
    padding: 0 0 0 12px;
  }
}

.c-itemreview__comment {
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .c-itemreview__comment {
    font-size: 1.4rem;
  }
}

.c-itemreview__name {
  font-size: 1rem;
  padding: 0 0 5px 7.5rem;
}

@media (min-width: 801px) {
  .c-itemreview__name {
    font-size: 1.4rem;
    padding: 0 0 10px 11rem;
  }
}

.c-itemreview__name--star1 {
  background: url("/images/customer/review_star1.png") no-repeat;
  background-size: 7rem;
}

@media (min-width: 801px) {
  .c-itemreview__name--star1 {
    background-size: 10rem;
  }
}

.c-itemreview__name--star15 {
  background: url("/images/customer/review_star15.png") no-repeat;
  background-size: 7rem;
}

@media (min-width: 801px) {
  .c-itemreview__name--star15 {
    background-size: 10rem;
  }
}

.c-itemreview__name--star2 {
  background: url("/images/customer/review_star2.png") no-repeat;
  background-size: 7rem;
}

@media (min-width: 801px) {
  .c-itemreview__name--star2 {
    background-size: 10rem;
  }
}

.c-itemreview__name--star25 {
  background: url("/images/customer/review_star25.png") no-repeat;
  background-size: 7rem;
}

@media (min-width: 801px) {
  .c-itemreview__name--star25 {
    background-size: 10rem;
  }
}

.c-itemreview__name--star3 {
  background: url("/images/customer/review_star3.png") no-repeat;
  background-size: 7rem;
}

@media (min-width: 801px) {
  .c-itemreview__name--star3 {
    background-size: 10rem;
  }
}

.c-itemreview__name--star35 {
  background: url("/images/customer/review_star35.png") no-repeat;
  background-size: 7rem;
}

@media (min-width: 801px) {
  .c-itemreview__name--star35 {
    background-size: 10rem;
  }
}

.c-itemreview__name--star4 {
  background: url("/images/customer/review_star4.png") no-repeat;
  background-size: 7rem;
}

@media (min-width: 801px) {
  .c-itemreview__name--star4 {
    background-size: 10rem;
  }
}

.c-itemreview__name--star45 {
  background: url("/images/customer/review_star45.png") no-repeat;
  background-size: 7rem;
}

@media (min-width: 801px) {
  .c-itemreview__name--star45 {
    background-size: 10rem;
  }
}

.c-itemreview__name--star5 {
  background: url("/images/customer/review_star5.png") no-repeat;
  background-size: 7rem;
}

@media (min-width: 801px) {
  .c-itemreview__name--star5 {
    background-size: 10rem;
  }
}

.c-itemreview__name--star55 {
  background: url("/images/customer/review_star55.png") no-repeat;
  background-size: 7rem;
}

@media (min-width: 801px) {
  .c-itemreview__name--star55 {
    background-size: 10rem;
  }
}

.c-itemreview__more {
  color: #1794ce;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .c-itemreview__more {
    font-size: 1.4rem;
  }
}

.c-character-wrap a {
  width: 100%;
}

.c-character-wrap a.p-top__arrow--circle {
    width:auto;
}

.c-character-wrap a:hover .c-character-img.hover_zoom {
  border: 8px solid #E2E9ED;
  transform: scale(1.08);
}

.c-character-img {
  display: block;
  background: url("/images/sprite/chara-list.png") no-repeat #ECEFF0;
  background-size: 850%;
  padding: 42%;
  border-radius: 50%;
  border: 8px solid #fff;
  transition: all 0.5s;
}

.c-character-img.c-character-1-1-1 {
  background-position: 0% 0%;
}

.c-character-img.c-character-1-1-2 {
  background-position: 14.3% 0%;
}

.c-character-img.c-character-1-1-3 {
  background-position: 28.6% 0%;
}

.c-character-img.c-character-1-1-4 {
  background-position: 42.9% 0%;
}

.c-character-img.c-character-1-1-5 {
  background-position: 57.2% 0%;
}

.c-character-img.c-character-1-1-6 {
  background-position: 71.5% 0%;
}

.c-character-img.c-character-1-1-7 {
  background-position: 85.8% 0%;
}

.c-character-img.c-character-1-1-8 {
  background-position: 100.1% 0%;
}

.c-character-img.c-character-1-2-1 {
  background-position: 0% 12.5%;
}

.c-character-img.c-character-1-2-2 {
  background-position: 14.3% 12.5%;
}

.c-character-img.c-character-1-2-3 {
  background-position: 28.6% 12.5%;
}

.c-character-img.c-character-1-2-4 {
  background-position: 42.9% 12.5%;
}

.c-character-img.c-character-1-2-5 {
  background-position: 57.2% 12.5%;
}

.c-character-img.c-character-1-2-6 {
  background-position: 71.5% 12.5%;
}

.c-character-img.c-character-1-2-7 {
  background-position: 85.8% 12.5%;
}

.c-character-img.c-character-1-2-8 {
  background-position: 100.1% 12.5%;
}

.c-character-img.c-character-1-3-1 {
  background-position: 0% 25%;
}

.c-character-img.c-character-1-3-2 {
  background-position: 14.3% 25%;
}

.c-character-img.c-character-1-3-3 {
  background-position: 28.6% 25%;
}

.c-character-img.c-character-1-3-4 {
  background-position: 42.9% 25%;
}

.c-character-img.c-character-1-3-5 {
  background-position: 57.2% 25%;
}

.c-character-img.c-character-1-3-6 {
  background-position: 71.5% 25%;
}

.c-character-img.c-character-1-3-7 {
  background-position: 85.8% 25%;
}

.c-character-img.c-character-1-3-8 {
  background-position: 100.1% 25%;
}

.c-character-img.c-character-2-1-1 {
  background-position: 0% 37.5%;
}

.c-character-img.c-character-2-1-2 {
  background-position: 14.3% 37.5%;
}

.c-character-img.c-character-2-1-3 {
  background-position: 28.6% 37.5%;
}

.c-character-img.c-character-2-1-4 {
  background-position: 42.9% 37.5%;
}

.c-character-img.c-character-2-1-5 {
  background-position: 57.2% 37.5%;
}

.c-character-img.c-character-2-1-6 {
  background-position: 71.5% 37.5%;
}

.c-character-img.c-character-2-1-7 {
  background-position: 85.8% 37.5%;
}

.c-character-img.c-character-2-1-8 {
  background-position: 100.1% 37.5%;
}

.c-character-img.c-character-2-2-1 {
  background-position: 0% 50%;
}

.c-character-img.c-character-2-2-2 {
  background-position: 14.3% 50%;
}

.c-character-img.c-character-2-2-3 {
  background-position: 28.6% 50%;
}

.c-character-img.c-character-2-2-4 {
  background-position: 42.9% 50%;
}

.c-character-img.c-character-2-2-5 {
  background-position: 57.2% 50%;
}

.c-character-img.c-character-2-2-6 {
  background-position: 71.5% 50%;
}

.c-character-img.c-character-2-2-7 {
  background-position: 85.8% 50%;
}

.c-character-img.c-character-2-2-8 {
  background-position: 100.1% 50%;
}

.c-character-img.c-character-2-3-1 {
  background-position: 0% 62.5%;
}

.c-character-img.c-character-2-3-2 {
  background-position: 14.3% 62.5%;
}

.c-character-img.c-character-2-3-3 {
  background-position: 28.6% 62.5%;
}

.c-character-img.c-character-2-3-4 {
  background-position: 42.9% 62.5%;
}

.c-character-img.c-character-2-3-5 {
  background-position: 57.2% 62.5%;
}

.c-character-img.c-character-2-3-6 {
  background-position: 71.5% 62.5%;
}

.c-character-img.c-character-2-3-7 {
  background-position: 85.8% 62.5%;
}

.c-character-img.c-character-2-3-8 {
  background-position: 100.1% 62.5%;
}

.c-character-img.c-character-3-1-1 {
  background-position: 0% 75%;
}

.c-character-img.c-character-3-1-2 {
  background-position: 14.3% 75%;
}

.c-character-img.c-character-3-1-3 {
  background-position: 28.6% 75%;
}

.c-character-img.c-character-3-1-4 {
  background-position: 42.9% 75%;
}

.c-character-img.c-character-3-1-5 {
  background-position: 57.2% 75%;
}

.c-character-img.c-character-3-1-6 {
  background-position: 71.5% 75%;
}

.c-character-img.c-character-3-1-7 {
  background-position: 85.8% 75%;
}

.c-character-img.c-character-3-1-8 {
  background-position: 100.1% 75%;
}

.c-character-img.c-character-3-2-1 {
  background-position: 0% 87.5%;
}

.c-character-img.c-character-3-2-2 {
  background-position: 14.3% 87.5%;
}

.c-character-img.c-character-3-2-3 {
  background-position: 28.6% 87.5%;
}

.c-character-img.c-character-3-2-4 {
  background-position: 42.9% 87.5%;
}

.c-character-img.c-character-3-2-5 {
  background-position: 57.2% 87.5%;
}

.c-character-img.c-character-3-2-6 {
  background-position: 71.5% 87.5%;
}

.c-character-img.c-character-3-2-7 {
  background-position: 85.8% 87.5%;
}

.c-character-img.c-character-3-2-8 {
  background-position: 100.1% 87.5%;
}

.c-character-img.c-character-3-3-1 {
  background-position: 0% 100%;
}

.c-character-img.c-character-3-3-2 {
  background-position: 14.3% 100%;
}

.c-character-img.c-character-3-3-3 {
  background-position: 28.6% 100%;
}

.c-character-img.c-character-3-3-4 {
  background-position: 42.9% 100%;
}

.c-character-img.c-character-3-3-5 {
  background-position: 57.2% 100%;
}

.c-character-img.c-character-3-3-6 {
  background-position: 71.5% 100%;
}

.c-character-img.c-character-3-3-7 {
  background-position: 85.8% 100%;
}

.c-character-img.c-character-3-3-8 {
  background-position: 100.1% 100%;
}

.p-alert {
  background: #fff;
  border: 1px solid #C5002C;
  padding: 15px;
}

@media (min-width: 1200px) {
  .p-alert {
    padding: 10px 35px;
  }
}

.p-alert a {
  color: #C5002C;
  line-height: 1.2;
  text-decoration: underline;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-alert a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.p-top-headerMargin {
  margin: 40px 0 15px;
}

@media (min-width: 1200px) {
  .p-top-headerMargin {
    margin: 70px 0 30px;
  }
}

.p-top-lbanner {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.p-carousel {
  border: 1px solid #dcdcdc;
}

.p-carousel:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-carousel {
    direction: rtl;
  }
}

@media (min-width: 1200px) {
  .p-carousel {
    direction: rtl;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-carousel__inner {
    display: table;
    width: 100%;
    position: relative;
  }
}

@media (min-width: 1200px) {
  .p-carousel__inner {
    display: table;
    width: 100%;
    position: relative;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-carousel__right {
    width: 75%;
    display: table-cell;
    direction: ltr;
  }
}

@media (min-width: 1200px) {
  .p-carousel__right {
    width: 75%;
    display: table-cell;
    direction: ltr;
  }
}

.p-carousel__right a {
  display: block;
}

.p-carousel__right img {
  display: block;
  max-width: none;
  width: 100%;
  height: auto;
}

.p-carousel__left {
  text-align: center;
  padding: 8% 0 58px;
  position: relative;
  box-sizing: border-box;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-carousel__left {
    text-align: left;
    width: 25%;
    direction: ltr;
    display: table-cell;
    position: relative;
    padding: 23px 40px 0;
    box-sizing: border-box;
    vertical-align: top;
  }
}

@media (min-width: 1200px) {
  .p-carousel__left {
    text-align: left;
    width: 25%;
    direction: ltr;
    display: table-cell;
    position: relative;
    padding: 23px 40px 0;
    box-sizing: border-box;
    vertical-align: top;
  }
}

.p-carousel__left:after {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-color: #fff;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -16px;
  left: 30px;
  border: 1px solid #fff;
  z-index: 10;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-carousel__left:after {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10%;
    left: 100%;
    margin: 0 0 0 -21px;
  }
}

@media (min-width: 1200px) {
  .p-carousel__left:after {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10%;
    left: 100%;
    margin: 0 0 0 -21px;
  }
}

.p-carousel__left.is-bnrWhite {
  border-top: 1px solid #dcdcdc;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-carousel__left.is-bnrWhite {
    border-top: none;
    border-right: 1px solid #dcdcdc;
  }
}

@media (min-width: 1200px) {
  .p-carousel__left.is-bnrWhite {
    border-top: none;
    border-right: 1px solid #dcdcdc;
  }
}

.p-carousel__left.is-bnrWhite:after {
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-carousel__left.is-bnrWhite:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #dcdcdc;
    margin: 0 0 0 -21px;
  }
}

@media (min-width: 1200px) {
  .p-carousel__left.is-bnrWhite:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #dcdcdc;
    margin: 0 0 0 -21px;
  }
}

.p-carousel__title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
  margin: 0 0 5%;
  padding: 0 8%;
  position: relative;
  z-index: 100;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-carousel__title {
    font-size: 2.8vw;
    line-height: 1.2;
    margin: 0 -20px 20px;
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .p-carousel__title {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.2;
    margin: 0 -20px 20px;
    padding: 0;
  }
}

.p-carousel__title img {
  display: block;
  max-width: 100%;
  width: 45%;
  margin: 0 auto;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-carousel__title img {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .p-carousel__title img {
    width: 100%;
  }
}

.p-carousel__lead {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  margin: 0 0 5%;
  padding: 0 8%;
  position: relative;
  z-index: 100;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-carousel__lead {
    font-size: 2.5vw;
    line-height: 1.2;
    margin: 0 0 20px;
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .p-carousel__lead {
    font-size: 30px;
    font-size: 3rem;
    margin: 0 0 20px;
    line-height: 1.2;
    padding: 0;
  }
}

.p-carousel__text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 0 0 5%;
  padding: 0 8%;
  color: #777;
  position: relative;
  z-index: 100;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-carousel__text {
    font-size: 1.2vw;
    line-height: 1.6;
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .p-carousel__text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 0;
  }
}

.p-carousel__more {
  font-size: 16px;
  font-size: 1.6rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-carousel__more {
    text-align: center;
    font-size: 1.5vw;
  }
}

@media (min-width: 1200px) {
  .p-carousel__more {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.p-carousel__more li {
  border-top: 1px solid #dcdcdc;
  position: relative;
}

.p-carousel__more li:before {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url(https://store.disney.co.jp/images/common/sprite2.png);
  top: 50%;
  left: 40px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background-position: -375px -305px;
}

.p-carousel__more li a {
  text-align: left;
  display: block;
  padding: 0 50px 0 80px;
  position: relative;
  line-height: 58px;
}

.p-carousel__more li a:before {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url(https://store.disney.co.jp/images/common/sprite2.png);
  top: 50%;
  right: 40px;
  width: 9px;
  height: 15px;
  margin-top: -7.5px;
  background-position: -593px -45px;
}

.p-topRecommend__list {
  width: 100%;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-topRecommend__list {
    border-left: none;
  }
}

@media (min-width: 1200px) {
  .p-topRecommend__list {
    border-left: none;
  }
}

.p-topRecommend__list:after {
  content: '';
  display: block;
  clear: both;
}

.p-topRecommend__item {
  width: 50%;
  float: left;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-topRecommend__item {
    width: 25%;
    padding: 10px 10px 30px;
    padding: 0px 0px 30px;
  }
  .p-topRecommend__item:first-child {
    border-left: 1px solid #dcdcdc;
  }
}

@media (min-width: 1200px) {
  .p-topRecommend__item {
    width: 25%;
    padding: 10px 10px 30px;
    padding: 0px 0px 30px;
  }
  .p-topRecommend__item:first-child {
    border-left: 1px solid #dcdcdc;
  }
}

.p-topRecommend__item a {
  display: block;
  width: 100%;
}

.p-topRecommend__item img {
  display: block;
  max-width: none;
  width: 100%;
}

.p-topRecommend__title {
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
  padding: 10px 0;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-topRecommend__title {
    font-size: 16px;
    line-height: 1;
    padding: 30px 0 15px;
  }
}

@media (min-width: 1200px) {
  .p-topRecommend__title {
    font-size: 16px;
    line-height: 1;
    padding: 30px 0 15px;
  }
}

.p-topRecommend__text {
  display: none;
  color: #777777;
  line-height: 1.2;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-topRecommend__text {
    display: block;
    font-size: 14px;
    padding: 0 25px;
  }
}

@media (min-width: 1200px) {
  .p-topRecommend__text {
    display: block;
    font-size: 14px;
    padding: 0 25px;
  }
}

.top-pagetitle {
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  font-weight: normal;
  line-height: 1.2;
  padding: 60px 0 0;
}

@media (min-width: 1200px) {
  .top-pagetitle {
    font-size: 30px;
    font-size: 3rem;
  }
}

/* top renew start */
.p-top {
  width: 100%;
}

.p-top__inner {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

@media (min-width: 801px) {
  .p-top__inner {
    overflow: visible;
  }
}

.p-top__salebnr {
  margin: -10px auto 20px;
}

@media (min-width: 801px) {
  .p-top__salebnr {
    margin: -20px auto 60px;
    max-width: 1200px;
  }
}

.p-top__salebnr a {
  width: 156%;
}

@media (min-width: 801px) {
  .p-top__salebnr a {
    width: auto;
  }
}

.p-top__salebnr img {
  margin: 0 0 0 -19%;
}

@media (min-width: 801px) {
  .p-top__salebnr img {
    margin: auto;
  }
}

.p-top__section {
  margin: 0 0 50px;
}

@media (min-width: 801px) {
  .p-top__section {
    margin: 0 0 140px;
  }
}

.p-top ::-webkit-scrollbar {
  width: 0px;
}

.p-top__heading {
  margin: 0 0 13px;
  padding: 0 10px 0 35px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  background-image: url("../images/top/icon_heading.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 17px 20px;
  line-height: 20px;
}

@media (min-width: 481px) {
  .p-top__heading {
    font-size: 22px;
    background-size: 27px auto;
    line-height: 40px;
    padding: 0 10px 0 45px;
  }
}

@media (min-width: 801px) {
  .p-top__heading {
    margin: 0 0 50px;
    font-size: 24px;
    padding: 0 0 0 45px;
    background-position: left center;
    background-size: 34px 40px;
    line-height: 40px;
    font-weight: normal;
  }
}

@media (min-width: 801px) {
  .p-top__heading--chara {
    margin: 0 0 34px;
  }
}

@media (min-width: 801px) {
  .p-top__headingWrap {
    position: relative;
  }
}

.p-top-main {
  margin: 0 0 30px;
}

@media (min-width: 801px) {
  .p-top-main {
    margin: 0 0 60px;
  }
}

.p-top-main__slide {
  width: 100%;
}

@media (min-width: 801px) {
  .p-top-main__slide {
    width: 900px;
  }
}

.p-top-main__link {
  width: 100%;
  display: block;
  overflow: hidden;
}

@media (min-width: 801px) {
  .p-top-main__link {
    padding: 0 1px 0 2px;
  }
}

.p-top-main__bnr {
  max-width: none;
  width: 132%;
  display: block;
  margin: 0 0 0 -16%;
}

@media (min-width: 801px) {
  .p-top-main__bnr {
    width: 100%;
    margin: 0;
  }
}

.p-top-main .slick-dots {
  text-align: center;
  padding: 15px 0 0;
  height: 25px;
}

@media (min-width: 801px) {
  .p-top-main .slick-dots {
    padding: 40px 0 0;
    height: 56px;
  }
}

.p-top-main .slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}

@media (min-width: 801px) {
  .p-top-main .slick-dots li {
    width: 16px;
  }
}

.p-top-main .slick-dots li button {
  display: block;
  font-size: 0;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #8d8d8d;
  outline: none;
  margin: 0;
  padding: 0;
  border: none;
}

@media (min-width: 801px) {
  .p-top-main .slick-dots li button {
    width: 14px;
    height: 14px;
    border-radius: 14px;
  }
}

.p-top-main .slick-dots li.slick-active button {
  background-color: #000;
}

.p-top-main .slick-prev {
  top: 50%;
  left: 50%;
  margin: -28px 0 0 -478px;
  width: 56px;
  height: 56px;
  background-image: url("../images/top/mainslider_left.png");
  background-position: center;
  background-size: 100%;
}

.p-top-main .slick-next {
  top: 50%;
  right: 50%;
  margin: -28px -478px 0 0;
  width: 56px;
  height: 56px;
  background-image: url("../images/top/mainslider_right.png");
  background-position: center;
  background-size: 100%;
}

.p-top-mainvisual {
    margin: 0 0 30px;
}

.p-top-mainvisual__slide {
    width: 100%;
}

@media (min-width: 801px) {
    .p-top-mainvisual__slide {
        width: 900px;
    }
}

.p-top-mainvisual__link {
    width: 100%;
    display: block;
    overflow: hidden;
}

@media (min-width: 801px) {
    .p-top-mainvisual__link {
        padding: 0 1px 0 2px;
    }
}

.p-top-mainvisual__bnr {
    max-width: none;
    width: 100%;
    display: block;
    margin:0;
}

@media (min-width: 801px) {
    .p-top-mainvisual__bnr {
        width: 100%;
        margin: 0;
    }
}

.p-top-mainvisual .slick-dots {
    text-align: center;
    padding: 10px 0;
    height:20px;
}

@media (min-width: 801px) {
    .p-top-mainvisual .slick-dots {
        padding: 10px 0;
        height:40px;
    }
}

.p-top-mainvisual .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
}

@media (min-width: 801px) {
    .p-top-mainvisual .slick-dots li {
        width: 16px;
    }
}

.p-top-mainvisual .slick-dots li button {
    display: block;
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #8d8d8d;
    outline: none;
    margin: 0;
    padding: 0;
    border: none;
}

@media (min-width: 801px) {
    .p-top-mainvisual .slick-dots li button {
        width: 14px;
        height: 14px;
        border-radius: 14px;
    }
}

.p-top-mainvisual .slick-dots li.slick-active button {
    background-color: #000;
}

.p-top-mainvisual .slick-prev {
    top:calc(50% - 39px);
    left: 50%;
    margin: -28px 0 0 -478px;
    width: 56px;
    height: 56px;
  background-image: url("../images/top/mainslider_left.png");
    background-position: center;
    background-size: 100%;
}

.p-top-mainvisual .slick-next {
    top:calc(50% - 39px);
    right: 50%;
    margin: -28px -478px 0 0;
    width: 56px;
    height: 56px;
  background-image: url("../images/top/mainslider_right.png");
  background-position: center;
  background-size: 100%;
}

.p-top-mainvisual__txt {
    margin-top:10px;
    padding:0 10px 5px;
    transition:.2s;
}

@media (min-width: 901px) {
    .p-top-mainvisual__txt {
    opacity:0;
}

.slick-active .p-top-mainvisual__txt {
    opacity:1;
}
}

@media (min-width: 801px) {
    .p-top-mainvisual__txt p {
        font-size: 1.25em;
    }
}

.p-top-recommend__list {
  padding: 0 10px;
}

@media (min-width: 801px) {
  .p-top-recommend__list {
    padding: 0;
  }
}

.p-top-recommend__list:after {
  content: '';
  display: block;
  clear: both;
}

.p-top-recommend__item {
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-top-recommend__item {
    width: 49%;
    float: left;
    margin: 0 0 50px;
  }
  .p-top-recommend__item:nth-of-type(even) {
    float: right;
  }
}

.p-top-recommend__item--hideSP {
  display: block;
}

.p-top-recommend__item--hidePC {
  display: block;
}

.p-top-recommend__link {
  width: 100%;
  display: table;
}

@media (min-width: 801px) {
  .p-top-recommend__link:hover {
    text-decoration: none;
  }
}

.p-top-recommend__img {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  padding: 0 5px 0 0;
}

@media (min-width: 801px) {
  .p-top-recommend__img {
    width: 285px;
    padding: 0;
  }
}

.p-top-recommend__img img {
  max-width: none;
  width: 100%;
}

.p-top-recommend__info {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  padding: 0 0 0 5px;
}

@media (min-width: 801px) {
  .p-top-recommend__info {
    width: auto;
    padding: 0 20px;
  }
}

.p-top-recommend__type {
  font-size: 8px;
  color: #ffffff;
  font-weight: bold;
  width: 90px;
  line-height: 13px;
  text-align: center;
  margin: 0 0 8px;
}

@media (min-width: 481px) {
  .p-top-recommend__type {
    font-size: 12px;
    line-height: 20px;
  }
}

@media (min-width: 801px) {
  .p-top-recommend__type {
    width: 120px;
    font-size: 12px;
    margin: 0 0 20px;
    line-height: 20px;
  }
}

.p-top-recommend__type--new {
  background-color: #ff638f;
}

.p-top-recommend__type--pickup {
  background-color: #0093d0;
}

.p-top-recommend__type--comingsoon {
  background-color: #FF6D00;
}

.p-top-recommend__title {
  font-size: 10px;
  color: #333333;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 5px;
}

@media (min-width: 481px) {
  .p-top-recommend__title {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-recommend__title {
    font-size: 14px;
    margin: 0 0 10px;
  }
  .p-top-recommend__title:hover {
    text-decoration: underline;
  }
}

.p-top-recommend__date {
  font-size: 8px;
  color: #999999;
  margin: 0 0 8px;
}

@media (min-width: 481px) {
  .p-top-recommend__date {
    font-size: 12px;
  }
}

@media (min-width: 801px) {
  .p-top-recommend__date {
    font-size: 12px;
    margin: 0 0 10px;
  }
}

.p-top-recommend__text {
  font-size: 10px;
  color: #666666;
}

@media (min-width: 481px) {
  .p-top-recommend__text {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-recommend__text {
    font-size: 14px;
    line-height: 1.7;
  }
  .p-top-recommend__text:hover {
    text-decoration: underline;
  }
}

.p-top-castrecommend__list {
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}

@media (min-width: 801px) {
    .p-top-castrecommend__list {
        padding: 0;
    }
}

.p-top-castrecommend__item {
    margin: 0 0 20px;
    width: 49%;
}

@media (min-width: 801px) {
    .p-top-castrecommend__item {
        margin: 0 0 50px;
    }
}

.p-top-castrecommend__item--hideSP {
    display: block;
}

.p-top-castrecommend__item--hidePC {
    display: block;
}

.p-top-castrecommend__link {
    width: 100%;
}

@media (min-width: 801px) {
    .p-top-castrecommend__link {
        display:flex;
        justify-content:space-between;
    }
    .p-top-castrecommend__link:hover {
        text-decoration: none;
    }

    .p-top-castrecommend__link:hover .p-top-castrecommend__moretext {
        text-decoration:underline;
    }
}

.p-top-castrecommend__img {
    width: 100%;
    margin-bottom:10px;
}

@media (min-width: 801px) {
    .p-top-castrecommend__img {
        width:47%;
        padding: 0;
        margin-bottom:0;
    }
}

.p-top-castrecommend__img img {
    max-width: none;
    width: 100%;
}

.p-top-castrecommend__info {
    width: 100%;
    position:relative;
}

@media (min-width: 801px) {
    .p-top-castrecommend__info {
        width: 49%;
        padding: 0 20px 2em 0;
    }
}

.p-top-castrecommend__type {
    font-size: 8px;
    color: #ffffff;
    font-weight: bold;
    width: 90px;
    line-height: 13px;
    text-align: center;
    margin: 0 0 8px;
}

@media (min-width: 481px) {
    .p-top-castrecommend__type {
        font-size: 12px;
        line-height: 20px;
    }
}

@media (min-width: 801px) {
    .p-top-castrecommend__type {
        width: 120px;
        font-size: 12px;
        margin: 0 0 20px;
        line-height: 20px;
    }
}

.p-top-castrecommend__type--new {
    background-color: #ff638f;
}

.p-top-castrecommend__type--pickup {
    background-color: #0093d0;
}

.p-top-castrecommend__type--comingsoon {
    background-color: #FF6D00;
}

.p-top-castrecommend__title {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 5px;
}

@media (min-width: 481px) {
    .p-top-castrecommend__title {
        font-size: 14px;
    }
}

@media (min-width: 801px) {
    .p-top-castrecommend__title {
        font-size: 16px;
        margin: 0 0 10px;
    }
    .p-top-castrecommend__title:hover {
        text-decoration: underline;
    }
}

.p-top-castrecommend__date {
    font-size: 8px;
    color: #999999;
    margin: 0 0 8px;
}

@media (min-width: 481px) {
    .p-top-castrecommend__date {
        font-size: 12px;
    }
}

@media (min-width: 801px) {
    .p-top-castrecommend__date {
        font-size: 12px;
        margin: 0 0 10px;
    }
}

.p-top-castrecommend__text {
    font-size: 10px;
    color: #666666;
}

@media (min-width: 481px) {
    .p-top-castrecommend__text {
        font-size: 14px;
    }
}

@media (min-width: 801px) {
    .p-top-castrecommend__text {
        font-size: 16px;
        line-height: 1.7;
    }
    .p-top-castrecommend__text:hover {
        text-decoration: underline;
    }
}

.p-top-castrecommend__info .p-top__arrow--more {
    display:none;
    position:absolute;
    bottom:0;
    left:0;
}

@media (min-width: 801px) {
    .p-top-castrecommend__info .p-top__arrow--more {
        display:block;
    }
}

.p-top-recommend__more {
  font-size: 12px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  text-align: center;
  color: #333333;
  margin: 0 25px 40px;
}

@media (min-width: 801px) {
  .p-top-recommend__more {
    margin: 0 auto 70px;
    font-size: 18px;
    width: 600px;
    border-radius: 2px;
  }
}

.p-top-recommend__more a {
  display: block;
  line-height: 40px;
  color: inherit;
  position: relative;
}

@media (min-width: 801px) {
  .p-top-recommend__more a {
    line-height: 52px;
  }
}

.p-top-recommend__more a span:first-child {
  display: inline;
}

.p-top-recommend__more a span:last-child {
  display: none;
}

.p-top-recommend__more a:after {
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  margin-top: -6px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 17px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.p-top-recommend__more a.is-open span:first-child {
  display: none;
}

.p-top-recommend__more a.is-open span:last-child {
  display: inline;
}

.p-top-recommend__more a.is-open:after {
  border: none;
  border-bottom: 2px solid #333333;
  border-left: 2px solid #333333;
  margin-top: -2px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.p-top-special__link {
  font-size: 12px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  text-align: center;
  color: #333333;
  margin: 0 25px 10px;
}

@media (min-width: 801px) {
  .p-top-special__link {
    margin: 0 auto 70px;
    font-size: 18px;
    width: 600px;
    border-radius: 2px;
  }
}

.p-top-special__link a {
  display: block;
  line-height: 40px;
  color: inherit;
  position: relative;
}

@media (min-width: 801px) {
  .p-top-special__link a {
    line-height: 52px;
  }
}

.p-top-special__link a span:first-child {
  display: inline;
}

.p-top-special__link a span:last-child {
  display: none;
}

.p-top-special__link a:after {
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  margin-top: -6px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 17px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(45deg);
}

.p-top-4bnr {
  display: table;
  margin: 40px 5px 0;
  width: calc(100% - 10px);
}

@media (min-width: 801px) {
  .p-top-4bnr {
    width: auto;
    margin: 20px -10px 0;
  }
}

.p-top-4bnr__bnr {
  display: table-cell;
  padding: 0 5px;
  vertical-align: top;
}

@media (min-width: 801px) {
  .p-top-4bnr__bnr {
    width: 25%;
    padding: 0 10px;
  }
}

.p-top-4bnr__bnr.is-show {
  display: none;
}

@media (min-width: 801px) {
  .p-top-4bnr__bnr.is-show {
    display: table-cell;
  }
}

.p-top-4bnr__bnr a {
  display: block;
}

.p-top-4bnr__bnr a img {
  max-width: none;
  width: 100%;
}

.p-top__arrow--more a,
.p-top__arrow--more span {
    color: #0795E6;
    font-size:1.4rem;
}

@media (min-width: 801px) {
    .p-top__arrow--more a,
    .p-top__arrow--more span {
        font-size:1.6rem;
    }
}

.p-top__arrow--circle {
    position: relative;
    display: inline-block;
    padding: 0 0.5em;
    padding-left: 1.5em;
}

.p-top__arrow--circle::before, .p-top__arrow--circle::after {
    position: absolute;
    content: "";
    top: 50%;
    border-color: #FFFFFF;
}
.p-top__arrow--circle::after {
    width: 0.3em;
    height: 0.3em;
    margin-left: 0.45em;
    margin-top: -0.2em;
    border-width: 0.1em 0.1em 0 0;
    border-style: solid;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.p-top__arrow--circle::before {
    border: none;
    background-color: #0795E6;
    width: 1em;
    height: 1em;
    left: 0.25em;
    width: 0.8em;
    height: 0.8em;
    margin-top: -0.5em;
    border: 0.1em solid;
    border-radius: 50%;
}

.p-top__arrow--more--pc {
    display: none;
}

.p-top__arrow--more--sp {
    display: block;
    text-align: right;
    font-size: 10px;
    padding: 0 10px 0 0;
    line-height: 1;
}

.p-top-goods__slick + .p-top__arrow--more--sp {
    margin-top:20px;
}

@media (min-width: 801px) {
    .p-top__arrow--more--pc {
        display: block;
        position: absolute;
        top: 10px;
        right: 0;
        text-align: right;
    }
    .p-top__arrow--more--sp {
        display:none;
    }
}

.p-top-newarrivals__more,
.p-top-custom__more {
  color: #1794ce;
}

.p-top-newarrivals__more--pc,
.p-top-custom__more--pc {
  display: none;
  font-size: 16px;
}

@media (min-width: 801px) {
  .p-top-newarrivals__more--pc,
  .p-top-custom__more--pc {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    text-align: right;
  }
}

.p-top-newarrivals__more--sp,
.p-top-custom__more--sp {
  display: block;
  text-align: right;
  font-size: 12px;
  padding: 0 10px 0 0;
  line-height: 1;
}

@media (min-width: 481px) {
  .p-top-newarrivals__more--sp,
  .p-top-custom__more--sp {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-newarrivals__more--sp,
  .p-top-custom__more--sp {
    display: none;
  }
}

.p-top-newarrivals__more a,
.p-top-custom__more a {
  color: inherit;
  background-image: url("../images/top/icon_arrow-blue.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 9px;
  padding: 0 10px 0 0;
}

@media (min-width: 801px) {
  .p-top-newarrivals__more a,
  .p-top-custom__more a {
    background-size: 9px 14px;
    padding: 0 15px 0 0;
  }
}

.p-top-newarrivals__listWrap,
.p-top-custom__listWrap {
  width: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 3px;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-top-newarrivals__listWrap,
  .p-top-custom__listWrap {
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 801px) {
.p-top-custom__list {
    width: 100%;
  }
}

@media (max-width: 800px) {
    .p-top-newarrivals__list {
        width: 400%;
        display: flex;
}

  .p-top-custom__list {
        width: 200%;
        display: table;
  }
}

.p-top-newarrivals__item,
.p-top-custom__item {
  display: table-cell;
  width: 20%;
  padding: 0 10px;
}

@media (max-width: 800px) {
    .p-top-newarrivals__item{
        display: block;
        width: 10%;
    }
}

.p-top-newarrivals__link,
.p-top-custom__link {
  display: block;
}

.p-top-newarrivals__img,
.p-top-custom__img {
  display: block;
  margin: 0 0 15px;
  width: 100%;
}

.p-top-newarrivals__name,
.p-top-custom__name {
  display: block;
  font-size: 10px;
  color: #333333;
  margin: 0 0 5px;
}

@media (min-width: 481px) {
  .p-top-newarrivals__name,
  .p-top-custom__name {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-newarrivals__name,
  .p-top-custom__name {
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 15px;
  }
}

.p-top-newarrivals__price,
.p-top-custom__price {
  display: block;
  font-size: 10px;
  color: #333333;
  font-weight: bold;
}

@media (min-width: 481px) {
  .p-top-newarrivals__price,
  .p-top-custom__price {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-newarrivals__price,
  .p-top-custom__price {
    font-size: 14px;
  }
}

.p-top-newarrivals__price span,
.p-top-custom__price span {
  font-weight: normal;
}

.p-top-newarrivals__salePrice,
.p-top-custom__salePrice {
  display: block;
  color: #C5012C;
  font-weight: bold !important;
}

@media (min-width: 801px) {
  .p-top-newarrivals__salePrice,
  .p-top-custom__salePrice {
    display: inline;
  }
}

.p-top-newarrivals__salePrice:before,
.p-top-custom__salePrice:before {
  content: '→';
  display: inline-block;
  margin: 0 5px 0 0;
}

.p-top-newarrivals__salePrice span,
.p-top-custom__salePrice span {
  font-weight: normal;
}

.p-top-newarrivals__text,
.p-top-custom__text {
  display: block;
  font-size: 10px;
  color: #333333;
}

@media (min-width: 481px) {
  .p-top-newarrivals__text,
  .p-top-custom__text {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-newarrivals__text,
  .p-top-custom__text {
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 15px;
  }
}

.p-top-ranking .p-top-newarrivals__item {
    padding-top:60px;
    position:relative;
}

.p-top-ranking .p-top-newarrivals__item .c-badge-ranking--num01,
.p-top-ranking .p-top-newarrivals__item .c-badge-ranking--num02,
.p-top-ranking .p-top-newarrivals__item .c-badge-ranking--num03,
.p-top-ranking .p-top-newarrivals__item .c-badge-ranking--nml {
    z-index: 1;
}

.p-top-newarrivals__list .slick-prev {
    left: -19px;
}

.p-top-newarrivals__list .slick-next {
    right: -27px;
}

.p-top-checked .p-top-newarrivals__listWrap {
    margin-bottom:0;
    padding-bottom:0;
}

.p-top-sale__big {
  margin: 20px 0 0;
}

@media (min-width: 801px) {
  .p-top-sale__big {
    margin: 50px 0 0;
  }
}

.p-top-sale__big a {
  display: block;
  width: 100%;
  overflow: hidden;
}

.p-top-sale__big a img {
  display: block;
  max-width: none;
  width: 140%;
  margin: 0 0 0 -16.5%;
}

@media (min-width: 801px) {
  .p-top-sale__big a img {
    width: 100%;
    margin: 0;
  }
}

.p-top-sale__big a .is_left {
  margin: 0;
}

.p-top-sale__big a .is_right {
  margin: 0 0 0 -40%;
}

@media (min-width: 801px) {
  .p-top-sale__big a .is_right {
    margin: 0;
  }
}

.p-top-sale__small {
  margin: 0 12px 20px;
  width: calc(100% - 24px);
  display:flex;
  justify-content:space-between;
  flex-wrap: wrap;
}

@media (min-width: 801px) {
  .p-top-sale__small {
    width: 100%;
    margin: 0;
    padding: 0 30px;
    display: table;
  }
}

.p-top-sale__small a {
  display: block;
}

.p-top-sale__small img {
  max-width: none;
  width: 100%;
}

.p-top-sale__item {
  width: 50%;
  padding: 5px;
}

@media (min-width: 801px) {
  .p-top-sale__item {
    display: table-cell;
    width: 25%;
    padding: 0 10px;
  }
}

.p-top-sale__middle a {
  display: block;
  width: 100%;
  overflow: hidden;
}

.p-top-sale__middle a img {
  display: block;
  max-width: none;
  width: 188.5%;
  margin: 0 0 0 -44%;
}

@media (min-width: 801px) {
  .p-top-sale__middle a img {
    width: 100%;
    margin: 0 auto;
  }
}

.p-top-sale__middle a .is_left {
  margin: 0;
}

.p-top-sale__middle a .is_right {
  margin: 0 0 0 -88.5%;
}

@media (min-width: 801px) {
  .p-top-sale__middle a .is_right {
    margin: 0;
  }
}

.p-top-chara__list {
  margin: 0 -5px 20px;
  padding: 0 10px;
}

@media (min-width: 801px) {
  .p-top-chara__list {
    width: 100%;
    margin: 0 0 50px;
    padding: 0;
  }
}

.p-top-chara__list:after {
  content: '';
  display: block;
  clear: both;
}

.p-top-chara__item {
  float: left;
  width: 25%;
  padding: 0 5px;
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .p-top-chara__item {
    width: 12.5%;
    padding: 8px 8px 0;
    margin: 0 0 0px;
  }
}

.p-top-chara__item:nth-of-type(4n+1) {
  clear: both;
}

@media (min-width: 801px) {
  .p-top-chara__item:nth-of-type(4n+1) {
    clear: none;
  }
}

@media (min-width: 801px) {
  .p-top-chara__item:nth-of-type(8n+1) {
    clear: both;
  }
}

.p-top-chara__hidden {
  display: none;
}

.p-top-chara__link {
  display: block;
}

.p-top-chara__link img {
  display: block;
  border: 8px solid #fff;
  border-radius: 50% 50%;
  transition: all 0.5s;
}

.p-top-chara__link img:hover {
  border: 8px solid #E2E9ED;
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.p-top-chara__name {
  display: block;
  text-align: center;
  font-size: 10px;
}

@media (min-width: 481px) {
  .p-top-chara__name {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-chara__name {
    padding: 10px 0 0;
    font-size: 14px;
  }
}

.p-top-chara__more {
  font-size: 12px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  text-align: center;
  color: #333333;
  margin: 0 25px 40px;
}

@media (min-width: 801px) {
  .p-top-chara__more {
    margin: 0 auto 50px;
    font-size: 18px;
    width: 600px;
    border-radius: 2px;
  }
}

.p-top-chara__more a {
  display: block;
  line-height: 40px;
  color: inherit;
  position: relative;
}

@media (min-width: 801px) {
  .p-top-chara__more a {
    line-height: 52px;
    background-position: 565px center;
  }
}

.p-top-chara__more a span:first-child {
  display: inline;
}

.p-top-chara__more a span:last-child {
  display: none;
}

.p-top-chara__more a:after {
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  margin-top: -6px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 17px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.p-top-chara__more a.is-open span:first-child {
  display: none;
}

.p-top-chara__more a.is-open span:last-child {
  display: inline;
}

.p-top-chara__more a.is-open:after {
  border: none;
  border-bottom: 2px solid #333333;
  border-left: 2px solid #333333;
  margin-top: -2px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.p-top-movie {
  padding: 0 10px;
}

@media (min-width: 801px) {
  .p-top-movie {
    padding: 20px 0 0;
    margin: 0 -2px;
  }
}

@media (min-width: 801px) {
  .p-top-movie__inner {
    border: 1px solid #cccccc;
  }
}

.p-top-movie__inner > a {
  display: block;
  width: 100%;
}

.p-top-movie__img {
  border: 1px solid #cccccc;
  margin: 0 0 3px;
}

@media (min-width: 801px) {
  .p-top-movie__img {
    border: none;
    display: table-cell;
    width: 50%;
    padding: 0 2px;
    vertical-align: top;
    margin: 0;
  }
}

.p-top-movie__img img {
  max-width: none;
  width: 100%;
  margin:0 0 10px;
}

.p-top-movie__text {
    font-size: 10px;
    line-height: 1.7;
    display:block;
}

@media (min-width: 481px) {
    .p-top-movie__text {
        font-size:14px;
    }
}

.p-top-movie__movie {
  border: 1px solid #cccccc;
}

@media (min-width: 801px) {
  .p-top-movie__movie {
    display: table-cell;
    width: 50%;
    padding: 0 2px;
    vertical-align: top;
    border: none;
  }
}

.p-top-movie__iframe {
  position: relative;
  width: 100%;
  padding: 55.75% 0 0 0;
}

.p-top-movie__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-top-service__big img {
    display: block;
    max-width: none;
    width: 187%;
    margin: 0 0 0 -25%;
}

@media (min-width: 801px) {
    .p-top-service__big img {
        width: 100%;
        margin: 0;
    }
}

.p-top-category {
  margin: 0;
}

@media (min-width: 801px) {
  .p-top-category {
    margin: 0;
  }
}

.p-top-category__more {
  font-size: 16px;
  color: #1794ce;
}

.p-top-category__more--pc {
  display: none;
}

@media (min-width: 801px) {
  .p-top-category__more--pc {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    text-align: right;
  }
}

.p-top-category__more--sp {
  display: block;
  font-size: 12px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  text-align: center;
  color: #333333;
  margin: 20px 25px 0;
}

.p-top-category__more--sp a {
  display: block;
  line-height: 40px;
  color: inherit;
  position: relative;
}

.p-top-category__more--sp a span:first-child {
  display: inline;
}

.p-top-category__more--sp a span:last-child {
  display: none;
}

.p-top-category__more--sp a:after {
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  margin-top: -6px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 17px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.p-top-category__more--sp a.is-open span:first-child {
  display: none;
}

.p-top-category__more--sp a.is-open span:last-child {
  display: inline;
}

.p-top-category__more--sp a.is-open:after {
  border: none;
  border-bottom: 2px solid #333333;
  border-left: 2px solid #333333;
  margin-top: -2px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (min-width: 801px) {
  .p-top-category__more--sp {
    display: none;
  }
}

.p-top-category__more a {
  color: inherit;
  background-image: url("../images/top/icon_arrow-blue.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 9px 14px;
  padding: 0 15px 0 0;
}

.p-top-category__list--sp {
  display: block;
  border-top: 1px solid #ccc;
  background-color: #f5f7f8;
}

@media (min-width: 801px) {
  .p-top-category__list--sp {
    display: none;
  }
}

.p-top-category__list--sp__more {
  display: none;
}

.p-top-category__list--sp__more .p-top-category__list--sp {
  border-top: none;
}

.p-top-category__list--pc {
  display: none;
  padding: 0 40px;
}

@media (min-width: 801px) {
  .p-top-category__list--pc {
    display: block;
  }
}

.p-top-category__txtlink:after {
  content: '';
  display: block;
  clear: both;
}

.p-top-category__catitem {
  float: left;
  width: 25%;
}

.p-top-category__catitem a {
  position: relative;
  padding-left: 28px;
  color: #333;
}

.p-top-category__catitem:not(:nth-child(-n+4)) {
  margin-top: 1.5%;
}

.p-top-category__link {
  font-size: 12px;
  font-weight: bold;
  padding: 17px 12px;
  display: block;
  position: relative;
}

.p-top-category__link:before {
  border-top: 2px solid #333333;
  margin-top: 0px;
  height: 14px;
  width: 14px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
}

@media (min-width: 801px) {
  .p-top-category__link:before {
    display: none;
  }
}

.p-top-category__link:after {
  border-right: 2px solid #333333;
  margin-top: -6px;
  margin-right: 6px;
  height: 14px;
  width: 14px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
}

@media (min-width: 801px) {
  .p-top-category__link:after {
    display: none;
  }
}

@media (min-width: 481px) {
  .p-top-category__link {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-category__link {
    padding: 0;
  }
}

.p-top-category__link.is-open {
  background-color: #333;
  color: #fff;
}

.p-top-category__link.is-open:before {
  border-top: 2px solid #fff;
}

.p-top-category__link.is-open:after {
  display: none;
}

@media (min-width: 801px) {
  .p-top-category__link img {
    display: block;
    width: 100%;
    margin: 0 0 40px;
  }
}

.p-top-category__name {
  font-weight: normal;
  display: block;
  text-align: center;
  font-size: 14px;
  padding: 0 0 30px;
}

@media (min-width: 801px) {
  .p-top-category__name {
    padding: 0;
    text-align: left;
    font-size: 1.8rem;
  }
}

@media (max-width: 1200px) {
  .p-top-category__name {
    font-size: 17px;
  }
}

@media (max-width: 1100px) {
  .p-top-category__name {
    font-size: 15px;
  }
}

@media (max-width: 1000px) {
  .p-top-category__name {
    font-size: 13px;
  }
}

@media (min-width: 801px) {
  .p-top-category__name:before {
    content: "";
    position: absolute;
    top: 35%;
    left: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.p-top-category__item {
  border-bottom: 1px solid #ccc;
}

.p-top-category .slick-prev {
  left: -60px;
}

.p-top-category .slick-next {
  right: -70px;
}

.p-top-category-child {
  display: none;
  font-size: 12px;
  background-color: #fff;
}

@media (min-width: 481px) {
  .p-top-category-child {
    font-size: 14px;
  }
}

.p-top-category-child__item {
  border-top: 1px solid #d0d0d0;
}

.p-top-category-child__link {
  display: block;
  padding: 17px 12px;
  position: relative;
}

.p-top-category-child__link:before {
  border-top: 2px solid #858585;
  border-right: 2px solid #858585;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 25px;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-top-recommend2__big {
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-top-recommend2__big {
    margin: 0 0 50px;
  }
}

.p-top-recommend2__big a {
  display: block;
  width: 100%;
  overflow: hidden;
}

.p-top-recommend2__big a img {
  display: block;
  max-width: none;
  width: 187%;
  margin: 0 0 0 -25%;
}

@media (min-width: 801px) {
  .p-top-recommend2__big a img {
    width: 100%;
    margin: 0;
  }
}

.p-top-recommend2__big a .is_left {
  margin: 0;
}

.p-top-recommend2__big a .is_right {
  margin: 0 0 0 -87%;
}

@media (min-width: 801px) {
  .p-top-recommend2__big a .is_right {
    margin: 0;
  }
}

.p-top-recommend2__small {
  width: 100%;
  margin: 0 auto;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 5px 3px;
}

@media (min-width: 801px) {
  .p-top-recommend2__small {
    max-width: 864px;
    overflow: hidden;
    padding: 0;
  }
}

.p-top-recommend2__list {
  width: 139%;
  display: table;
}

@media (min-width: 801px) {
  .p-top-recommend2__list {
    width: 100%;
  }
}

.p-top-recommend2__item {
  display: table-cell;
  padding: 0 5px;
  vertical-align: top;
}

@media (min-width: 801px) {
  .p-top-recommend2__item {
    padding: 0 10px;
  }
}

.p-top-recommend2__item a {
  display: block;
}

.p-top-recommend2__item img {
  max-width: none;
  width: 100%;
}

.p-top-checked__list--sp {
  display: block;
  margin: 0 10px;
  border: 1px solid #ccc;
  border-bottom: none;
  background-color: #f6f7f9;
}

@media (min-width: 801px) {
  .p-top-checked__list--sp {
    display: none;
  }
}

.p-top-checked__list--pc {
  display: none;
  padding: 0 40px;
}

@media (min-width: 801px) {
  .p-top-checked__list--pc {
    display: block;
  }
}

.p-top-checked__slider {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border: 1px solid #ccc;
}

.p-top-checked__slide {
  border-right: 1px solid #ccc;
}

.p-top-checked__slide_few:first-of-type {
  border-left: 1px solid #ccc;
}

.p-top-checked__slide_few {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: none;
}

.p-top-checked__item {
  border-bottom: 1px solid #ccc;
}

.p-top-checked__link {
  width: 100%;
  display: table;
}

@media (min-width: 801px) {
  .p-top-checked__link {
    display: block;
  }
}

.p-top-checked__info {
  font-size: 9px;
  display: table-cell;
  padding: 20px 35px 10px 0;
  vertical-align: top;
  position: relative;
}

.p-top-checked__info:before {
  border-top: 2px solid #858585;
  border-right: 2px solid #858585;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 15px;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-top-checked__img {
  display: table-cell;
  width: 85px;
  padding: 10px;
  vertical-align: top;
}

@media (min-width: 801px) {
  .p-top-checked__img {
    width: auto;
    display: block;
    padding: 20px 10px;
  }
}

.p-top-checked__img img {
  width: 100%;
}

.p-top-checked__name {
  display: block;
  margin: 0 0 5px;
}

@media (min-width: 481px) {
  .p-top-checked__name {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-checked__name {
    font-size: 12px;
    padding: 0 8px;
    margin: 0 0 10px;
  }
}

.p-top-checked__price {
  display: block;
  font-weight: bold;
}

@media (min-width: 481px) {
  .p-top-checked__price {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-checked__price {
    font-size: 12px;
    padding: 0 8px 15px;
  }
}

.p-top-checked__price span {
  font-weight: normal;
}

.p-top-checked__salePrice {
  display: inline;
  color: #C5012C;
  font-weight: bold !important;
}

.p-top-checked__salePrice:before {
  content: '→';
  display: inline-block;
  margin: 0 5px 0 0;
}

.p-top-checked__salePrice span {
  font-weight: normal;
}

.p-top-checked__moreItem {
  display: none;
  margin: -1px 0 0;
}

.p-top-checked__more {
  display: block;
  font-size: 12px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  text-align: center;
  color: #333333;
  margin: 20px 25px 0;
}

.p-top-checked__more a {
  display: block;
  line-height: 40px;
  color: inherit;
  position: relative;
}

.p-top-checked__more a span:first-child {
  display: inline;
}

.p-top-checked__more a span:last-child {
  display: none;
}

.p-top-checked__more a:after {
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  margin-top: -6px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 17px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.p-top-checked__more a.is-open span:first-child {
  display: none;
}

.p-top-checked__more a.is-open span:last-child {
  display: inline;
}

.p-top-checked__more a.is-open:after {
  border: none;
  border-bottom: 2px solid #333333;
  border-left: 2px solid #333333;
  margin-top: -2px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (min-width: 801px) {
  .p-top-checked__more {
    display: none;
  }
}

.p-top-news__wrap {
  width: 100%;
  padding: 0 10px;
  margin: 0 0 25px;
}

@media (min-width: 801px) {
  .p-top-news__wrap {
    display: table;
    direction: rtl;
    border-collapse: collapse;
    padding: 0;
    border: none;
    margin: 0;
  }
}

.p-top-news__list {
  background-color: #f6f7f9;
  border: 1px solid #ccc;
  border-bottom: none;
}

@media (min-width: 801px) {
  .p-top-news__list {
    vertical-align: top;
    direction: ltr;
    display: table-cell;
    width: 50%;
    border-bottom: 1px solid #ccc;
  }
}

.p-top-news__link {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

@media (min-width: 801px) {
  .p-top-news__link {
    padding: 22px 32px;
  }
}

@media (min-width: 801px) {
  .p-top-news__link:last-child {
    border-bottom: none;
  }
}

.p-top-news__link:after {
  content: '';
  display: block;
  clear: both;
}

.p-top-news__link:hover .p-top-news__title {
  text-decoration: underline;
}

.p-top-news__link.is-no-link .p-top-news__info:before {
  content: none;
}

.p-top-news__link.is-no-link:hover .p-top-news__title {
  text-decoration: none;
}

.p-top-news__thumb {
  display: table-cell;
  width: 100px;
  padding: 20px 15px 20px 20px;
  vertical-align: top;
}

@media (min-width: 801px) {
  .p-top-news__thumb {
    width: 14%;
    max-width: 130px;
    padding: 22px 0 22px 32px;
    vertical-align: middle;
  }
}

.p-top-news__thumb img {
  max-width: none;
  width: 100%;
}

.p-top-news__info {
  display: table-cell;
  padding: 20px 35px 20px 0;
  position: relative;
}

@media (min-width: 801px) {
  .p-top-news__info {
    width: 86%;
    vertical-align: middle;
    padding: 0 60px 0 20px;
  }
}

.p-top-news__info:before {
  border-top: 2px solid #858585;
  border-right: 2px solid #858585;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 15px;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 801px) {
  .p-top-news__info:before {
    border-top: 3px solid #858585;
    border-right: 3px solid #858585;
    margin-top: -4px;
    height: 12px;
    width: 12px;
    right: 35px;
  }
}

.p-top-news__date {
  display: inline-block;
  color: #fff;
  background-color: #138ac1;
  padding: 1px 5px;
  font-size: 10px;
  line-height: 14px;
  margin: 0 0 4px;
}

@media (min-width: 481px) {
  .p-top-news__date {
    font-size: 12px;
    line-height: 20px;
  }
}

@media (min-width: 801px) {
  .p-top-news__date {
    line-height: 20px;
    font-size: 12px;
  }
}

.p-top-news__title {
  display: block;
  text-decoration: inherit;
  font-size: 11px;
  color: #333333;
  line-height: 1.4;
}

@media (min-width: 481px) {
  .p-top-news__title {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-news__title {
    padding: 5px 0 0;
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-news__img {
    direction: ltr;
  }
}

.p-top-news__img img {
  max-width: none;
  width: 100%;
}

.p-top-news__text {
  color: #333333;
  font-size: 10px;
  text-align: center;
  padding: 10px;
}

@media (min-width: 481px) {
  .p-top-news__text {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-top-news__text {
    padding: 20px 10px;
    direction: ltr;
    font-size: 18px;
  }
}

.p-top-timeline {
  margin: 0 10px;
}

/* top renew end */
.p-top-cookie-modal {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  padding: 20% 0 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 30;
}

@media (min-width: 801px) {
  .p-top-cookie-modal {
    padding: 18% 8%;
  }
}

.p-top-cookie-modal:before, .p-top-cookie-modal:after {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  right: 20px;
}

.p-top-cookie-modal:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-top-cookie-modal:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.p-top-cookie-modal.is-show {
  display: block;
}

.p-top-cookie-modal__inner {
  background: #fff;
  overflow: hidden;
  border-radius: 4px;
  padding: 30px 4%;
  margin: 0 auto;
  width: 95%;
}

@media (min-width: 801px) {
  .p-top-cookie-modal__inner {
    width: 100%;
    padding: 25px 4%;
    max-width: 1200px;
  }
}

.p-top-cookie-modal__imgWrap {
  overflow: hidden;
}

.p-top-cookie-modal__imgWrap img {
  max-width: max-content;
}

.leaflet-container {
  position: fixed !important;
  top: 50% !important;
  left: 2vw !important;
  z-index: 1000;
  width: 96vw !important;
  height: 96vw !important;
  padding: 45px;
  background-color: #fff !important;
  margin: -48vw 0 0;
}

@media (min-width: 801px) {
  .leaflet-container {
    display: none !important;
  }
}

.leaflet-container .leaflet-top.leaflet-left {
  top: auto;
  bottom: 0;
  left: 50%;
}

.leaflet-image-layer.leaflet-zoom-animated {
  transition: none;
}

.leaflet-control-zoom.leaflet-bar.leaflet-control {
  border: none;
  left: 0;
  margin: 0 0 0 -40px;
  border-radius: 4px;
  width: 80px;
  overflow: hidden;
}

.leaflet-control-zoom.leaflet-bar.leaflet-control:after {
  content: '';
  display: block;
  clear: both;
}

.leaflet-control-zoom.leaflet-bar.leaflet-control a {
  display: block;
  float: right;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.8);
  margin: 0;
  padding: 0;
  border: none;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  border-radius: 0;
}

.p-product.is-premium {
  padding: 0 0 0;
}

@media (min-width: 801px) {
  .p-product.is-premium {
    padding: 70px 0 0;
  }
}

.p-product__heading {
  color: #333333;
  line-height: 1.4;
  font-weight: normal;
  font-size: 17px;
  font-size: 1.7rem;
  padding: 15px 0;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__heading {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.5;
    float: right;
    width: 45%;
    padding: 0;
    margin: 0 0 40px;
  }
}

@media (min-width: 1200px) {
  .p-product__heading {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.5;
    float: right;
    width: 45%;
    padding: 0;
    margin: 0 0 10px;
  }
}

.p-product__premium--point {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 15px 0 20px;
}

@media (min-width: 801px) {
  .p-product__premium--point {
    font-size: 1.4rem;
    margin: 25px 0 20px;
  }
}

.p-product__premium--label {
  font-size: 1.4rem;
  text-align: center;
  height: 50px;
  border: solid 1px;
  line-height: 50px;
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .p-product__premium--label {
    font-size: 1.6rem;
    height: 46px;
    line-height: 46px;
    margin: 0 0 20px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__photo {
    float: left;
    width: 50%;
    margin: 0 0 -6px;
  }
}

@media (min-width: 1200px) {
  .p-product__photo {
    float: left;
    width: 50%;
    margin: 0 0 -6px;
  }
}

.p-product__photo img {
  display: block;
  width: 250px;
  margin: 0 auto;
}

@media (min-width: 481px) {
  .p-product__photo img {
    max-width: 600px;
    width: 100%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__photo img {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .p-product__photo img {
    width: 100%;
  }
}

.p-product__main {
  position: relative;
  text-align: center;
  border: 1px solid #dcdcdc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__main {
    margin: 0 0 15px;
    display: none;
  }
}

@media (min-width: 1200px) {
  .p-product__main {
    margin: 0 0 15px;
    display: none;
  }
}

@media (min-width: 1200px) {
  .p-product__main {
    overflow: hidden;
  }
}

.p-product__main .new {
  position: absolute;
  top: 0;
  right: 0;
  width: 51px;
  height: 51px;
  z-index: 10;
}

@media (min-width: 1200px) {
  .p-product__main .new {
    width: 85px;
    height: 85px;
  }
}

.p-product__bigPhoto {
  display: none;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__bigPhoto {
    display: block;
    position: relative;
  }
  .p-product__bigPhoto__main {
    position: relative;
    border: 1px solid #dcdcdc;
    margin: 0 0 10px;
  }
  .p-product__bigPhoto .new {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 85px;
    height: 85px;
  }
}

@media (min-width: 1200px) {
  .p-product__bigPhoto {
    display: block;
    position: relative;
  }
  .p-product__bigPhoto__main {
    position: relative;
    border: 1px solid #dcdcdc;
    margin: 0 0 10px;
  }
  .p-product__bigPhoto .new {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 85px;
    height: 85px;
  }
}

.p-product__sp-bigPhoto {
  position: fixed;
  width: 1000px;
  height: 100px;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.19);
  top: 0;
  left: 0;
}

@media (min-width: 801px) {
  .p-product__sp-bigPhoto {
    display: none;
  }
}

.p-product__sp-bigPhoto img {
  opacity: 0;
}

.p-product__sp-bigPhoto:before {
  content: '';
  display: block;
  width: 96vw;
  height: 45px;
  position: fixed;
  left: 2vw;
  z-index: 999;
  top: 50%;
  margin: calc(-48.4vw - 47px) 0 0;
  height: 50px;
  background: url(../images/naire_mugcup/btn_modal_close.png) no-repeat;
  background-repeat: no-repeat;
  background-position: right 10px top 10px;
  background-size: 25px 30px;
  background-color: #fff;
}

.p-product__thumb {
  display: none;
  padding: 0;
  margin-right: -1%;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .p-product__thumb {
    overflow: hidden;
    display: inline-block;
    width: 100%;
  }
}

.p-product__thumb > li {
  border: 1px solid #dcdcdc;
  margin: 0 1% 1% 0;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .p-product__thumb > li {
    margin: 0 9px 0px 0;
  }
}

.p-product__thumb > li:last-child {
  margin-right: 0;
}

.p-product__thumb > li.current {
  border: 1px solid #3E3E3E;
}

.p-product__thumb > li a {
  display: block;
}

.p-product__thumb > li a img {
  text-align: center;
  width: 69px;
  max-width: 69px;
  height: auto;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__thumb > li a img {
    height: auto;
    width: 76px;
    max-width: 76px;
  }
}

@media (min-width: 1200px) {
  .p-product__thumb > li a img {
    height: auto;
    width: 76px;
    max-width: 76px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__infos {
    float: right;
    width: 45%;
  }
}

@media (min-width: 1200px) {
  .p-product__infos {
    float: right;
    width: 45%;
  }
}

.p-product__review {
  margin: 15px 0 0;
  padding: 0 0 0 110px;
}

@media (min-width: 801px) {
  .p-product__review {
    margin: 0 0 35px;
    padding: 0 0 10px 12rem;
    border-bottom: solid 1px #dddddd;
  }
}

.p-product__review--star0 {
  background: url("/images/customer/review_star0.png") no-repeat;
  background-size: 10rem;
}

.p-product__review--star05 {
  background: url("/images/customer/review_star05.png") no-repeat;
  background-size: 10rem;
}

.p-product__review--star1 {
  background: url("/images/customer/review_star1.png") no-repeat;
  background-size: 10rem;
}

.p-product__review--star15 {
  background: url("/images/customer/review_star15.png") no-repeat;
  background-size: 10rem;
}

.p-product__review--star2 {
  background: url("/images/customer/review_star2.png") no-repeat;
  background-size: 10rem;
}

.p-product__review--star25 {
  background: url("/images/customer/review_star25.png") no-repeat;
  background-size: 10rem;
}

.p-product__review--star3 {
  background: url("/images/customer/review_star3.png") no-repeat;
  background-size: 10rem;
}

.p-product__review--star35 {
  background: url("/images/customer/review_star35.png") no-repeat;
  background-size: 10rem;
}

.p-product__review--star4 {
  background: url("/images/customer/review_star4.png") no-repeat;
  background-size: 10rem;
}

.p-product__review--star45 {
  background: url("/images/customer/review_star45.png") no-repeat;
  background-size: 10rem;
}

.p-product__review--star5 {
  background: url("/images/customer/review_star5.png") no-repeat;
  background-size: 10rem;
}

.p-product__review--star55 {
  background: url("/images/customer/review_star55.png") no-repeat;
  background-size: 10rem;
}

.p-product__review a {
  color: #1794ce;
  font-size: 1.4rem;
}

.p-product__review a:hover {
  text-decoration: none;
}

.p-product__review a:before {
  content: "↓";
  padding: 0.1em;
  border-bottom: solid 1px #1794ce;
}

.p-product__price {
  line-height: 1;
  font-weight: bold;
  padding: 20px 0 10px;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
}

.p-product__price--sale {
  color: #C5002C;
}

.p-product__price--sale > del {
  color: #999;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__price {
    padding: 0;
    margin: 0 0 20px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

@media (min-width: 1200px) {
  .p-product__price {
    padding: 0;
    margin: 0 0 20px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.p-product__price > del {
  color: #999;
}

.p-product__price--s {
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__price--s {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .p-product__price--s {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-product__gift {
  margin: 0 0 10px;
}

.p-product__gift > li {
  float: left;
  margin: 0 10px 10px 0;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__gift {
    margin: 0 0 30px;
  }
}

@media (min-width: 1200px) {
  .p-product__gift {
    margin: 0 0 30px;
  }
}

.p-product__schedule {
  background-color: #F5F7F8;
  padding: 15px;
  margin: 0 0 20px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__schedule {
    padding: 30px;
    margin: 0 0 30px;
  }
}

@media (min-width: 1200px) {
  .p-product__schedule {
    padding: 30px;
    margin: 0 0 30px;
  }
}

.p-product__schedule p {
  color: #545454;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-product__schedule ul {
  margin: 0 0 -5px;
}

.p-product__schedule li {
  margin: 5px 0 0;
  position: relative;
  color: #535353;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 0 0 15px;
  background-image: url("/images/common/icon_sq1.png");
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 4px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__schedule li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .p-product__schedule li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-product__wrap {
  margin: 0 0 20px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__wrap {
    margin: 0 0 30px;
  }
}

@media (min-width: 1200px) {
  .p-product__wrap {
    margin: 0 0 30px;
  }
}

.p-product__wrap__header {
  overflow: hidden;
  margin-bottom: 10px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__wrap__header {
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .p-product__wrap__header {
    display: inline-block;
  }
}

.p-product__wrap__header > p {
  float: right;
}

.p-product__wrap__header > p:first-child {
  float: left;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__wrap__header > p:first-child {
    display: inline-block;
    float: none;
    width: 70px;
  }
}

@media (min-width: 1200px) {
  .p-product__wrap__header > p:first-child {
    display: inline-block;
    float: none;
    width: 70px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__wrap__header > p {
    display: inline-block;
    float: none;
  }
}

@media (min-width: 1200px) {
  .p-product__wrap__header > p {
    display: inline-block;
    float: none;
  }
}

.p-product__wrap__heading {
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  width: 3.5em;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__wrap__heading {
    width: 55px;
  }
}

@media (min-width: 1200px) {
  .p-product__wrap__heading {
    width: 55px;
  }
}

.p-product__wrap .c-form--product01 {
  width: 100px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__wrap .p-product__size {
    margin: 0 0 20px;
  }
}

@media (min-width: 1200px) {
  .p-product__wrap .p-product__size {
    margin: 0 0 20px;
  }
}

.p-product__wrap .easy-select-box {
  width: 130px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__wrap .easy-select-box {
    width: 146px;
  }
}

@media (min-width: 1200px) {
  .p-product__wrap .easy-select-box {
    width: 146px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__wrap .esb-displayer {
    padding: 5px 0;
    box-sizing: content-box;
  }
}

@media (min-width: 1200px) {
  .p-product__wrap .esb-displayer {
    padding: 5px 0;
    box-sizing: content-box;
  }
}

.p-product__count, .p-product__count--min {
  display: inline-block;
  margin-right: 0px;
  vertical-align: middle;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__count, .p-product__count--min {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    width: 45%;
  }
}

@media (min-width: 1200px) {
  .p-product__count, .p-product__count--min {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    width: 45%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__count--min {
    width: 19%;
    width: auto;
  }
}

@media (min-width: 1200px) {
  .p-product__count--min {
    width: 19%;
    width: auto;
  }
}

.p-product__count__state {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__count__state {
    color: #666;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .p-product__count__state {
    color: #666;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-product__count__state dt, .p-product__count__state dd {
  color: #666;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-product__btnwrap, .p-product__btnwrap_bookmark {
  position: relative;
  margin: 0 0 10px;
}

.p-product__btngroup__lead {
  color: #666;
  line-height: 1;
  margin-bottom: 8px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-product__btngroup__favlead {
  padding: 0 0 5px;
}

@media (min-width: 1200px) {
  .p-product__btngroup__favlead {
    padding: 10px 0 0;
  }
}

.p-product__btngroup__text {
  padding-left: 10px;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__btngroup__text {
    padding-left: 25px;
  }
}

@media (min-width: 1200px) {
  .p-product__btngroup__text {
    padding-left: 25px;
  }
}

.p-product__btngroup--fav {
  display: table;
  width: 100%;
}

.p-product__btngroup--fav p {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

@media (min-width: 1200px) {
  .p-product__btngroup--fav p {
    display: block;
    width: 100%;
  }
}

.p-product__btngroup--fav p.btn--fav--active {
  display: block;
  padding: 0;
  text-align: center;
}

.p-product__btngroup .btn--cart--lg {
  width: 100%;
}

.p-product__text {
  clear: both;
  padding: 30px 0 0;
  margin: 0 0 20px;
  max-height: 7.3em;
  overflow: hidden;
  position: relative;
}

.p-product__text.is-open {
  max-height: none;
}

.p-product__text--naire {
  clear: none;
  float: left;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__text--naire {
    float: left;
    width: 50%;
    margin: 0 0 -6px;
  }
}

@media (min-width: 1200px) {
  .p-product__text--naire {
    float: left;
    width: 50%;
    margin: 0 0 -6px;
  }
}

.p-product__text--naire--noStock {
  clear: both;
  width: 100%;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__text {
    padding: 60px 0 0;
    margin: 0 0 40px;
    max-height: none;
  }
}

@media (min-width: 1200px) {
  .p-product__text {
    padding: 60px 0 0;
    margin: 0 0 40px;
    max-height: none;
  }
}

.p-product__text__more {
  display: none;
  width: 8em;
  position: absolute;
  background-color: #fff;
  bottom: 0;
  right: 0;
}

.p-product__text__more.is-show {
  display: block;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__text__more {
    display: none;
  }
  .p-product__text__more.is-show {
    display: none;
  }
}

@media (min-width: 1200px) {
  .p-product__text__more {
    display: none;
  }
  .p-product__text__more.is-show {
    display: none;
  }
}

.p-product__text__close {
  display: none;
  padding: 5px 0 0;
}

.p-product__text__close.is-show {
  display: block;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__text__close {
    display: none;
  }
  .p-product__text__close.is-show {
    display: none;
  }
}

@media (min-width: 1200px) {
  .p-product__text__close {
    display: none;
  }
  .p-product__text__close.is-show {
    display: none;
  }
}

.p-product__text__heading {
  color: #545454;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-product__text__heading {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.p-product__text > p {
  color: #545454;
  line-height: 1.8;
  font-size: 13px;
  font-size: 1.3rem;
}

@media (min-width: 1200px) {
  .p-product__text > p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-product__tabs {
  clear: both;
  border-top: 1px solid #DCDCDC;
}

.p-product__tabs--bottom {
  margin: 0 0 25px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__tabs--bottom {
    margin: 0 0 50px;
  }
}

@media (min-width: 1200px) {
  .p-product__tabs--bottom {
    margin: 0 0 50px;
  }
}

.p-product__tabs > ul {
  display: table;
  border-collapse: collapse;
  width: 100%;
}

.p-product__tabs > ul li {
  display: table-cell;
  width: 50%;
  border-bottom: 1px solid #DCDCDC;
  background-image: url("../images/common/icon_plus.png");
  background-repeat: no-repeat;
  background-position: 90% center;
  background-size: 12px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__tabs > ul li {
    text-align: center;
    background-position: 95% center;
    font-size: 16px;
    font-size: 1.6rem;
    background-size: 14px;
  }
}

@media (min-width: 1200px) {
  .p-product__tabs > ul li {
    text-align: center;
    background-position: 95% center;
    font-size: 16px;
    font-size: 1.6rem;
    background-size: 14px;
  }
}

.p-product__tabs > ul li:first-child {
  border-right: 1px solid #DCDCDC;
}

.p-product__tabs > ul li:last-child {
  border-left: 1px solid #DCDCDC;
}

.p-product__tabs > ul li.is-noBorder {
  border-left: none;
  border-right: none;
}

.p-product__tabs > ul li.is-open {
  background-image: url("../images/common/icon_minus.png");
  border-bottom: none;
}

.p-product__tabs > ul li a {
  display: block;
  padding: 15px 0 15px 10px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__tabs > ul li a {
    padding: 20px 0;
  }
}

@media (min-width: 1200px) {
  .p-product__tabs > ul li a {
    padding: 20px 0;
  }
}

.p-product__tabs > ul.is-col2 a {
  display: block;
  padding: 15px 35px 15px 10px;
  font-size: 1.1rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__tabs > ul.is-col2 a {
    padding: 20px 0;
  }
}

@media (min-width: 801px) {
  .p-product__tabs > ul.is-col2 a {
    font-size: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .p-product__tabs > ul.is-col2 a {
    padding: 20px 0;
  }
}

.p-product__tabs.is-tabOne > ul li {
  border-bottom: 1px solid #DCDCDC;
  border-left: none;
  border-right: none;
  background-position: 95% center;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__tabs.is-tabOne > ul li {
    background-position: 97.5% center;
  }
}

@media (min-width: 1200px) {
  .p-product__tabs.is-tabOne > ul li {
    background-position: 97.5% center;
  }
}

.p-product__tabs__contents {
  border-bottom: 1px solid #DCDCDC;
  padding: 15px 0 20px;
  display: none;
}

.p-product__tabs__contents.is-open {
  display: block;
}

.p-product__tabs__contents > table td {
  background-color: #F5F7F8;
}

.p-product__tabs__contents > table td:empty {
  background-color: transparent;
}

.p-product__detail {
  margin-bottom: 25px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__detail {
    padding: 40px 0 0 0;
    margin-bottom: 60px;
    border-top: 1px solid #dcdcdc;
  }
}

@media (min-width: 1200px) {
  .p-product__detail {
    padding: 40px 0 0 0;
    margin-bottom: 60px;
    border-top: 1px solid #dcdcdc;
  }
}

@media (min-width: 1200px) {
  .p-product__detail {
    position: relative;
  }
}

@media (min-width: 1200px) {
  .p-product__detail--left, .p-product__detail--left--name {
    width: 100%;
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .p-product__detail--left--name {
    width: 50%;
    margin-right: 0;
    float: left;
  }
}

.p-product__detail__inner {
  margin-bottom: 30px;
  background: #F5F7F8;
  padding: 20px 10px;
}

@media (min-width: 1200px) {
  .p-product__detail__inner {
    background: #fff;
    width: 900px;
    padding: 0 20px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.p-product__detail__heading {
  line-height: 1;
  margin-bottom: 20px;
  font-size: 17px;
  font-size: 1.7rem;
}

@media (min-width: 1200px) {
  .p-product__detail__heading {
    margin-bottom: 25px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.p-product__detail__text {
  color: #666;
  display: table;
  margin-bottom: 7px;
  line-height: 1.4;
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}

@media (min-width: 1200px) {
  .p-product__detail__text {
    margin-bottom: 30px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-product__detail__text p {
  display: table-cell;
  vertical-align: top;
}

.p-product__detail__text p:first-child {
  width: 5em;
  position: relative;
  word-break: normal;
}

@media (min-width: 1200px) {
  .p-product__detail__text p:first-child {
    width: 6em;
  }
}

.p-product__detail__text p:first-child:after {
  content: ":";
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 5px;
}

@media (min-width: 1200px) {
  .p-product__detail__text p:first-child:after {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .p-product__detail__text p:last-child {
    padding-left: 20px;
  }
}

.p-product__detail__text dl dt {
  margin: 15px 0 0;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__detail__text dl dd {
    line-height: 1.8;
  }
}

.p-product__infoBottom {
  margin: 0 0 10px;
}

.p-product__infoBottom:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__infoBottom {
    padding: 40px 0 0;
    margin: 0 0 20px;
  }
}

@media (min-width: 1200px) {
  .p-product__infoBottom {
    padding: 40px 0 0;
    margin: 0 0 20px;
  }
}

.p-product__infoBottom__txt {
  padding: 20px 0;
  text-align: center;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__infoBottom__txt {
    float: left;
    width: 50%;
    padding: 0;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .p-product__infoBottom__txt {
    float: left;
    width: 50%;
    padding: 0;
    text-align: left;
  }
}

.p-product__infoBottom__lang:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__infoBottom__lang {
    float: right;
    width: 50%;
    padding: 0;
    text-align: right;
  }
}

@media (min-width: 1200px) {
  .p-product__infoBottom__lang {
    float: right;
    width: 50%;
    padding: 0;
    text-align: right;
  }
}

.p-product__infoBottom__lang .l-footer__language__title {
  float: left;
  padding: 5px 0 5px 20px;
  margin: 0 0 0 15px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__infoBottom__lang .l-footer__language__title {
    float: none;
    margin: 0 25px 0 0;
  }
}

@media (min-width: 1200px) {
  .p-product__infoBottom__lang .l-footer__language__title {
    float: none;
    margin: 0 25px 0 0;
  }
}

.p-product__infoBottom__lang .l-footer__language {
  float: right;
  padding: 0;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__infoBottom__lang .l-footer__language {
    float: none;
  }
}

@media (min-width: 1200px) {
  .p-product__infoBottom__lang .l-footer__language {
    float: none;
  }
}

.p-product__infoBottom__lang .l-footer__language li:last-child {
  margin: 0;
}

.p-product__sns {
  background: #F5F7F8;
  padding: 15px 0;
  position: relative;
  margin: 0 0 30px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__sns {
    margin: 0 0 50px;
    text-align: center;
    padding: 20px 0;
  }
}

@media (min-width: 1200px) {
  .p-product__sns {
    margin: 0 0 70px;
    text-align: center;
    padding: 20px 0;
  }
}

.p-product__sns__heading {
  text-align: center;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__sns__heading {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: middle;
  }
}

@media (min-width: 1200px) {
  .p-product__sns__heading {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: middle;
  }
}

.p-product__sns__list {
  text-align: center;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__sns__list {
    width: 300px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
}

@media (min-width: 1200px) {
  .p-product__sns__list {
    width: 300px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
}

.p-product__sns__list > li {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  margin: 0 1px;
}

.p-product__sns__list > li a {
  width: 100%;
}

.p-product__sns__list > li img {
  width: 100%;
  max-width: none;
}

.p-product__sns__list > li:nth-of-type(4) {
  display: none;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__sns__list > li:nth-of-type(4) {
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .p-product__sns__list > li:nth-of-type(4) {
    display: inline-block;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__sns__list > li {
    width: 85px;
  }
  .p-product__sns__list > li:nth-of-type(3) {
    display: none;
  }
}

@media (min-width: 1200px) {
  .p-product__sns__list > li {
    width: 85px;
  }
  .p-product__sns__list > li:nth-of-type(3) {
    display: none;
  }
}

.p-product__sns__warning > li {
  display: none;
}

.p-product__message, .p-product__message--cart {
  background: #CBF0F1;
  opacity: .9;
  padding: 15px 0 10px;
  position: relative;
  width: 82%;
  z-index: 10;
  top: -78px;
  left: 50%;
  margin-left: -41%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  display: none;
}

.p-product__message_bookmark {
  background: #CBF0F1;
  opacity: .9;
  padding: 15px 0 10px;
  position: relative;
  width: 82%;
  z-index: 10;
  top: -78px;
  left: 50%;
  margin-left: -41%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  display: none;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__message, .p-product__message--cart, .p-product__message_bookmark {
    padding: 20px 0 15px;
    width: 310px;
    top: -88px;
    left: 50%;
    margin-left: -150px;
  }
}

.p-product__message:after, .p-product__message--cart:after, .p-product__message_bookmark:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(203, 240, 241, 0);
  border-top-color: #CBF0F1;
  border-width: 10px;
  margin-left: -10px;
}

.p-product__message a, .p-product__message--cart a, .p-product__message_bookmark a {
  text-decoration: none;
}

.p-product__message a:hover, .p-product__message--cart a:hover {
  text-decoration: underline;
}

.p-mypage-bookmark__btn-box .p-product__message--cart {
  bottom: 15px;
}

.p-product__message--cart {
  z-index: 15;
  width: 100%;
  margin-left: -50%;
  top: auto;
  bottom: 50px;
  padding: 15px 10px 10px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__message--cart {
    padding: 20px 0 15px;
    width: 250px;
    left: 50%;
    margin-left: -125px;
  }
}

.p-product__message > p, .p-product__message--cart > p {
  line-height: 1;
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-product__message > p a, .p-product__message--cart > p a {
  color: #139A9B;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-product__message > p a:before, .p-product__message--cart > p a:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  vertical-align: -5px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -23px;
  width: 19px;
  height: 19px;
  background-size: 271px 236px;
}

.p-product__message--detail, .p-product__message_bookmark--detail {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  margin: 0;
  padding: 15px 15px 10px;
}

@media (min-width: 801px) {
  .p-product__message--detail {
    display: none;
    position: absolute;
    background-color: rgba(203, 240, 241, 0.9);
    opacity: 1;
    width: 100%;
    padding: 30px;
    top: auto;
    bottom: 80px;
    left: 0;
    margin: 0;
    z-index: 10;
  }
}

@media (min-width: 801px) {
  .p-product__message_bookmark--detail {
    display: none;
    position: absolute;
    background-color: rgba(203, 240, 241, 0.9);
    opacity: 1;
    width: 100%;
    padding: 30px;
    top: 55px;
    left: 0;
    margin: 0;
    z-index: 10;
  }
}

.p-product__message--detail:after, .p-product__message_bookmark--detail:after {
  top: -18px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(203, 240, 241, 0);
  border-bottom-color: #CBF0F1;
  border-width: 10px;
  margin-left: -10px;
}

@media (min-width: 801px) {
  .p-product__message--detail:after {
    top: 100%;
    border-bottom-color: transparent;
    border-top-color: #CBF0F1;
  }
}

@media (min-width: 801px) {
  .p-product__message_bookmark--detail:after {
    border-bottom-color: #CBF0F1;
    border-top-color: transparent;
  }
}

.p-product__message--detail__wrap, .p-product__message_bookmark--detail__wrap {
  display: none;
  padding: 15px 0 0;
}

@media (min-width: 801px) {
  .p-product__message--detail__wrap, .p-product__message_bookmark--detail__wrap {
    display: block;
    padding: 0;
  }
}

.p-product__message--detail__close {
  display: none;
  display: block;
  position: absolute;
  top: -12px;
  right: 0px;
}

@media (min-width: 801px) {
  .p-product__message--detail__close {
    display: block;
    position: absolute;
    top: -12px;
    right: 0px;
    z-index: 10;
  }
}

@media (min-width: 801px) {
  .p-product__message--detail__inner {
    position: relative;
  }
}

.p-product__message--detail__title {
  text-align: center;
}

@media (min-width: 801px) {
  .p-product__message--detail__title {
    padding: 20px 0;
    border-top: 1px solid #44CACD;
    border-bottom: 1px solid #44CACD;
  }
}

.p-product__message--detail__title p {
  line-height: 1;
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 801px) {
  .p-product__message--detail__title p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-product__message--detail__title a {
  color: #139A9B;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-product__message--detail__title a:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  vertical-align: -5px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -23px;
  width: 19px;
  height: 19px;
  background-size: 271px 236px;
}

.p-product__message--detail__text {
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #44CACD;
  margin: 10px 0 0;
  padding: 15px 0;
}

@media (min-width: 801px) {
  .p-product__message--detail__text {
    border-top: none;
    line-height: 1.6;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 15px 0;
    font-weight: normal;
    margin: 0;
  }
}

@media (min-width: 801px) {
  .p-product__message--detail__sliderWrap .slick-prev {
    left: -40px;
  }
  .p-product__message--detail__sliderWrap .slick-next {
    right: -50px;
  }
}

.p-product__message--detail__slider {
  border-top: 1px solid #44CACD;
}

@media (min-width: 801px) {
  .p-product__message--detail__slider {
    opacity: 0;
    border: 1px solid #44CACD;
    background-color: #fff;
  }
  .p-product__message--detail__slider.is-show {
    opacity: 1;
  }
}

.p-product__message--detail__item, .p-product__message_bookmark--detail__item {
  background-color: #fff;
  border: 1px solid #44CACD;
  border-top: none;
}

.p-product__message--detail__item.is-accordion, .p-product__message_bookmark--detail__item.is-accordion {
  display: none;
}

@media (min-width: 801px) {
  .p-product__message--detail__item.is-accordion, .p-product__message_bookmark--detail__item.is-accordion {
    display: block;
  }
}

@media (min-width: 801px) {
  .p-product__message--detail__item, .p-product__message_bookmark--detail__item {
    padding: 15px 20px;
    border: none;
    border-right: 1px solid #44CACD;
  }
}

.p-product__message--detail__item a, .p-product__message_bookmark--detail__item a {
  display: block;
  position: relative;
  padding: 10px 30px 10px 90px;
  min-height: 90px;
}

.p-product__message--detail__item a:after, .p-product__message_bookmark--detail__item a:after {
  border-top: 2px solid #a2a2a2;
  border-left: 2px solid #a2a2a2;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 15px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (min-width: 801px) {
  .p-product__message--detail__item a, .p-product__message_bookmark--detail__item a {
    padding: 0;
  }
  .p-product__message--detail__item a:after, .p-product__message_bookmark--detail__item a:after {
    display: none;
  }
  .p-product__message--detail__item a:hover, .p-product__message_bookmark--detail__item a:hover {
    opacity: 0.8;
  }
}

.p-product__message--detail__itemImg, .p-product__message_bookmark--detail__itemImg {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 10px;
  left: 10px;
}

@media (min-width: 801px) {
  .p-product__message--detail__itemImg, .p-product__message_bookmark--detail__itemImg {
    position: static;
    width: 100%;
    height: auto;
  }
}

.p-product__message--detail__itemImg img, .p-product__message_bookmark--detail__itemImg img {
  display: block;
}

@media (min-width: 801px) {
  .p-product__message--detail__itemImg img, .p-product__message_bookmark--detail__itemImg img {
    max-width: 110px;
    margin: 0 auto 10px;
  }
}

.p-product__message--detail__itemName, .p-product__message_bookmark--detail__itemName {
  margin: 0 0 5px;
  padding: 5px 0 0;
}

@media (min-width: 801px) {
  .p-product__message--detail__itemName, .p-product__message_bookmark--detail__itemName {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.25;
    margin: 0 auto 10px;
    padding: 0;
  }
}

@media (min-width: 801px) {
  .p-product__message--detail__itemPrice, .p-product__message_bookmark--detail__itemPrice {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.25;
    font-weight: bold;
  }
}

.p-product__message--detail__accBtn, .p-product__message_bookmark--detail__accBtn {
  display: block;
  text-align: center;
  position: relative;
  color: #00B3B6;
  padding: 15px 0 5px;
}

@media (min-width: 801px) {
  .p-product__message--detail__accBtn, .p-product__message_bookmark--detail__accBtn {
    display: none;
  }
}

.p-product__message--detail__accBtn:after, .p-product__message_bookmark--detail__accBtn:after {
  display: inline-block;
  border-top: 2px solid #00B3B6;
  border-right: 2px solid #00B3B6;
  margin-top: -3px;
  margin: -4px 0 0 5px;
  height: 6px;
  width: 6px;
  vertical-align: middle;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.p-product__message--detail__accBtn .is-close, .p-product__message_bookmark--detail__accBtn .is-close {
  display: inline;
}

.p-product__message--detail__accBtn .is-open, .p-product__message_bookmark--detail__accBtn .is-open {
  display: none;
}

.p-product__message--detail__accBtn.is-open:after, .p-product__message_bookmark--detail__accBtn.is-open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 2px 0 0 5px;
}

.p-product__message--detail__accBtn.is-open .is-close, .p-product__message_bookmark--detail__accBtn.is-open .is-close {
  display: none;
}

.p-product__message--detail__accBtn.is-open .is-open, .p-product__message_bookmark--detail__accBtn.is-open .is-open {
  display: inline;
}

.p-product__size {
  margin: 0 0 10px;
}

.p-product__bottomBread {
  margin: -10px auto 30px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__bottomBread {
    margin: -10px auto 50px;
  }
}

@media (min-width: 1200px) {
  .p-product__bottomBread {
    margin: -10px auto 50px;
  }
}

.p-product__bottomBread__btn {
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  font-size: 14px;
  font-size: 1.4rem;
  color: #666666;
}

.p-product__bottomBread__btn a {
  color: inherit;
  display: block;
  line-height: 50px;
  padding: 0 12px;
  background-image: url("../images/common/icon_plus.png");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 12px;
}

.p-product__bottomBread__btn a.is-open {
  background-image: url("../images/common/icon_minus.png");
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__bottomBread__btn a {
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .p-product__bottomBread__btn a {
    text-align: center;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-product__bottomBread__btn {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) {
  .p-product__bottomBread__btn {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.p-product__bottomBread__contents {
  display: none;
}

.p-product__bottomBread__contents.is-open {
  display: block;
}

@media (min-width: 801px) {
  .p-product__bottomBnr {
    padding: 0;
    clear: both;
  }
}

.p-product__bottomBnr__ttl {
  font-size: 24px;
  text-align: center;
  padding: 0 0 20px;
}

@media (min-width: 801px) {
  .p-product__bottomBnr__ttl {
    font-size: 30px;
  }
}

.p-product__bottomBnr__spttl {
  font-size: 14px;
  text-align: center;
  padding: 2% 0 0;
}

.p-product__bottomBnr a {
  display: block;
}

.p-product__bottomBnr img {
  display: block;
  max-width: none;
  width: 100%;
  height: auto;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.p-product__bottomBnr img:hover {
  opacity: 0.6;
}

.p-product__bottomBnr ul {
  width: 100%;
  margin: 0 auto;
}

.p-product__bottomBnr ul:before, .p-product__bottomBnr ul:after {
  content: "";
  display: table;
}

.p-product__bottomBnr ul:after {
  clear: both;
}

@media (min-width: 801px) {
  .p-product__bottomBnr ul li {
    width: 50%;
    float: left;
    margin: 0;
  }
}

.p-product__bottomBnr ul li:last-child {
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .p-product__bottomBnr ul li:last-child {
    padding: 0 0 0 1%;
    margin: 0;
  }
}

.p-product__bottomBnr ul li:first-child {
  margin: 0 0 5%;
}

@media (min-width: 801px) {
  .p-product__bottomBnr ul li:first-child {
    padding: 0 1% 0 0;
    margin: 0;
  }
}

.p-product__iframebox {
  width: 100%;
  height: 0;
  padding: 56.25% 0 0;
  position: relative;
  margin: 0 auto 20px;
}

@media (min-width: 801px) {
  .p-product__iframebox {
    width: 596px;
    height: 332px;
    padding: 0;
    position: relative;
    margin: 0 auto 60px;
  }
}

.p-product__iframebox iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 801px) {
  .p-product__iframebox iframe {
    display: block;
    position: static;
    width: 100%;
    height: 100%;
  }
}

.p-product__variation {
  margin: 0 0 30px;
}

.p-product__variation .easy-select-box .esb-displayer {
  height: auto;
  line-height: 1.6;
  padding-top: 7px;
  padding-bottom: 6px;
  padding-left: 5px;
  text-indent: 0;
  font-size: 1.1rem;
}

@media (min-width: 801px) {
  .p-product__variation .easy-select-box .esb-displayer {
    line-height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.p-product__variation .easy-select-box {
  width: 100% !important;
}

@media (min-width: 801px) {
  .p-product__variation .easy-select-box {
    width: 50rem !important;
  }
}

.p-product__variation .easy-select-box .esb-item {
  font-size: 1.1rem;
  padding: 5px 10px;
  line-height: 1.7;
}

.p-product__variation .esb-dropdown {
  width: 100% !important;
}

.p-product__variation select {
  width: 100% !important;
}

@media (min-width: 801px) {
  .p-product__variation select {
    width: 47rem !important;
  }
}

.p-product__variation--size {
  margin: 0 0 15px;
}

#productFree1 {
  clear: both;
  padding: 30px 0 0;
}

@media (min-width: 801px) and (max-width: 1199px) {
  #productFree1 {
    padding: 60px 0 0;
  }
}

@media (min-width: 1200px) {
  #productFree1 {
    padding: 60px 0 0;
  }
}

.sns-balloon {
  position: absolute;
  top: 65px;
  z-index: 10;
}

@media (min-width: 481px) {
  .sns-balloon {
    top: 50px;
  }
}

@media (min-width: 1200px) {
  .sns-balloon {
    top: 55px;
  }
}

@media (min-width: 481px) {
  .sns-balloon.balloon01 {
    left: 50%;
    margin: 0 0 0 -200px;
  }
}

.sns-balloon.balloon02 {
  display: block;
}

@media (min-width: 481px) {
  .sns-balloon.balloon02 {
    left: 50%;
    margin: 0 0 0 -100px;
  }
}

.sns-balloon.balloon03 {
  display: block;
}

@media (min-width: 481px) {
  .sns-balloon.balloon03 {
    left: 50%;
    margin: 0 0 0 0px;
  }
}

.sns-balloon > p {
  position: relative;
  /* top: 0;
	left: 50%; */
  width: 100%;
  padding: 10px;
  background: #FFF;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

@media (min-width: 481px) {
  .sns-balloon > p {
    width: 400px;
  }
}

@media (min-width: 481px) {
  .sns-balloon > p:after, .sns-balloon > p:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .sns-balloon > p:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
  }
  .sns-balloon > p:before {
    border-color: rgba(220, 220, 220, 0);
    border-bottom-color: #dcdcdc;
    border-width: 11px;
    margin-left: -11px;
  }
}

.review__header {
  margin-bottom: 15px;
  overflow: hidden;
}

.review__header--left {
  float: left;
}

.review__header--right {
  float: right;
}

.review__header--leftBtm, .review__header--rightBtm {
  float: none;
  display: block;
}

.review__header--leftBtm {
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  .review__header--leftBtm {
    float: left;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .review__header--rightBtm {
    float: right;
  }
}

@media (min-width: 1200px) {
  .review__header {
    margin-bottom: 20px;
  }
}

.review__heading {
  font-size: 17px;
  font-size: 1.7rem;
}

@media (min-width: 1200px) {
  .review__heading {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.review__stars {
  line-height: 1.2;
}

.review__stars li {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .review__stars li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.review__stars li img {
  width: auto;
  height: 15px;
}

.review__lead {
  line-height: 1.4;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .review__lead {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.review__body {
  margin-bottom: 15px;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}

@media (min-width: 481px) {
  .review__body {
    margin-bottom: 20px;
  }
}

.review__inner {
  border-bottom: 1px solid #dcdcdc;
  padding: 15px 10px;
}

@media (min-width: 481px) {
  .review__inner {
    display: table;
    padding: 15px 20px;
    width: 100%;
  }
}

.review__inner .reviewer {
  margin-bottom: 20px;
}

@media (min-width: 481px) {
  .review__inner .reviewer {
    display: table-cell;
    width: 20%;
    padding-right: 1%;
    vertical-align: top;
  }
}

.review__inner .reviewer__image {
  margin: 0 10px 0 0;
}

@media (min-width: 481px) {
  .review__inner .reviewer__image {
    margin: 0 15px 10px 0;
  }
}

.review__inner .reviewer__image img {
  width: auto;
  height: 15px;
}

.review__inner .reviewer > p {
  display: inline-block;
  color: #666;
  font-weight: bold;
  line-height: 1.2;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .review__text {
    display: table-cell;
    vertical-align: top;
  }
}

.review__text > p {
  color: #666;
  line-height: 1.4;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-pre-release {
  background: #F9E5E9;
  color: #C5002C;
  width: 100%;
  height: 70px;
  line-height: 70px;
  margin: 15px auto 0;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .p-pre-release {
    margin: 0 auto;
    width: 530px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.zoomContainer {
  display: none;
}

@media (min-width: 1200px) {
  .zoomContainer {
    display: block;
  }
}

.p-product-name {
  background: #F5F7F8;
  border: 1px solid #dcdcdc;
  padding: 25px;
}

@media (min-width: 481px) {
  .p-product-name {
    padding: 30px;
    margin: 0 0 40px;
  }
}

.p-product-name__jumbotron {
  margin-bottom: 30px;
  position: relative;
}

@media (min-width: 1200px) {
  .p-product-name__jumbotron {
    margin-bottom: 40px;
  }
}

.p-product-name__content {
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  .p-product-name__content {
    margin-bottom: 40px;
  }
  .p-product-name__content.size .easy-select-box {
    width: 100%;
  }
}

.p-product-name__header {
  position: relative;
  margin-bottom: 10px;
}

.p-product-name__title {
  font-weight: normal;
  margin-bottom: 20px;
  font-size: 17px;
  font-size: 1.7rem;
}

@media (min-width: 1200px) {
  .p-product-name__title {
    margin-bottom: 0;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.p-product-name__link {
  position: absolute;
  top: 5px;
  right: 0;
}

@media (min-width: 1200px) {
  .p-product-name__btn {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.p-product-name__heading {
  font-size: 14px;
  font-size: 1.4rem;
}

.p-product-name__heading span {
  background: #C5012C;
  display: inline-block;
  color: #FFF;
  height: 20px;
  padding: 0 5px;
  font-weight: bold;
  line-height: 20px;
  margin-left: 20px;
  font-size: 13px;
  font-size: 1.3rem;
}

.p-product-name__gutter {
  margin-bottom: 10px;
}

@media (min-width: 481px) {
  .p-product-name__gutter {
    margin-bottom: 25px;
  }
}

.p-product-name__image01sp {
  display: block;
}

@media (min-width: 1200px) {
  .p-product-name__image01sp {
    display: none;
  }
}

.p-product-name__image01pc {
  display: none;
}

@media (min-width: 1200px) {
  .p-product-name__image01pc {
    display: block;
  }
}

.p-product-name .p-product__btngroup--fav p {
  display: block;
  margin: 0;
}

.p-product-name .easy-select-box {
  width: 330px;
}

.media-name {
  display: block;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .media-name {
    display: table;
    width: 100%;
  }
}

.media-name__image {
  display: block;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .media-name__image {
    display: table-cell;
    margin: 0;
    padding-right: 20px;
    vertical-align: top;
  }
}

@media (min-width: 1200px) {
  .media-name__body {
    display: table-cell;
    vertical-align: top;
  }
}

.media-name__image img {
  width: 200px;
  height: auto;
}

@media (min-width: 1200px) {
  .media-name__image img {
    width: 230px;
    max-width: 230px;
    height: 110px;
  }
}

.media-name__body > p {
  color: #666;
  line-height: 1.4;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .media-name__body > p {
    margin-bottom: 15px;
  }
}

#carousel-bnr .slick-prev {
  background-position: 0px;
  padding: 0;
  width: 30px;
}

#carousel-bnr .slick-next {
  background-position: 20px;
  padding: 0;
  width: 30px;
}

.c-txt-icon {
  padding: 3px;
  width: 100%;
  max-width: 170px;
  background: #F2F9FC;
  border: solid 1px #BDE1F2;
  color: #2C9BD1;
  font-size: 1.1rem;
}

@media (min-width: 801px) {
  .c-txt-icon {
    padding: 4px;
    width: 100%;
    max-width: 100%;
    font-size: 12px;
    font-size: 1vw;
  }
}

@media only screen and (max-width: 321px) {
  .c-txt-icon {
    font-size: 1rem;
  }
}

@media (min-width: 1200px) {
  .c-txt-icon {
    font-size: 12px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .grid-item, .grid-item--min {
    height: 392px;
  }
}

@media (min-width: 1200px) {
  .grid-item, .grid-item--min {
    height: 422px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .grid-item.no-btn, .no-btn.grid-item--min {
    height: 400px;
  }
}

@media (min-width: 1200px) {
  .grid-item.no-btn, .no-btn.grid-item--min {
    height: 430px;
  }
}

@media (max-width: 480px) {
  .grid-itemSP {
    text-align: center;
    height: 345px;
  }
}

@media (min-width: 481px) and (max-width: 800px) {
  .grid-itemSP {
    height: 392px;
  }
}

@media (max-width: 480px) {
  .grid-itemSP.no-btn {
    height: 310px;
  }
}

@media (min-width: 481px) and (max-width: 800px) {
  .grid-itemSP.no-btn {
    height: 500px;
  }
}

.list .grid-itemSP {
  text-align: left;
}

.grid .grid-item-noicon {
  text-align: center;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .grid .grid-item-noicon {
    height: 300px;
  }
}

@media (min-width: 1200px) {
  .grid .grid-item-noicon {
    height: 350px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .grid .grid-item-noicon.no-btn {
    height: 370px;
  }
}

@media (min-width: 1200px) {
  .grid .grid-item-noicon.no-btn {
    height: 380px;
  }
}

@media (max-width: 480px) {
  .grid-item-noiconSP {
    height: 282px;
  }
}

@media (min-width: 481px) and (max-width: 800px) {
  .grid-item-noiconSP {
    height: 300px;
  }
}

@media (max-width: 480px) {
  .grid-item-noiconSP.no-btn {
    height: 260px;
  }
}

@media (min-width: 481px) and (max-width: 800px) {
  .grid-item-noiconSP.no-btn {
    height: 460px;
  }
}

.grid .grid-item-noiconSP {
  text-align: center;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .grid-item-oneicon {
    height: 370px;
  }
}

@media (min-width: 1200px) {
  .grid-item-oneicon {
    height: 415px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .grid-item-oneicon.no-btn {
    height: 380px;
  }
}

@media (min-width: 1200px) {
  .grid-item-oneicon.no-btn {
    height: 410px;
  }
}

@media (max-width: 480px) {
  .grid-item-oneiconSP {
    height: 343px;
  }
}

@media (min-width: 481px) and (max-width: 800px) {
  .grid-item-oneiconSP {
    height: 260px;
  }
}

@media (max-width: 320px) {
  .grid-item-oneiconSP {
    height: 325px;
  }
}

@media (max-width: 480px) {
  .grid-item-oneiconSP.no-btn {
    height: 290px;
  }
}

@media (min-width: 481px) and (max-width: 800px) {
  .grid-item-oneiconSP.no-btn {
    height: 480px;
  }
}

@media (max-width: 320px) {
  .grid-item-oneiconSP.no-btn {
    height: 285px;
  }
}

.grid a {
  display: block;
}

.grid-item a:hover, .grid-item--min a:hover {
  text-decoration: none;
}

.grid-item__wrap {
  overflow: hidden;
}

@media (min-width: 481px) {
  .grid-item__wrap {
    margin-bottom: 45px;
    overflow: initial;
  }
}

.grid-item__image {
  text-align: center;
  width: 100px;
  max-width: 100px;
  height: auto;
}

@media (min-width: 1200px) {
  .grid-item__image {
    width: 200px;
    max-width: 200px;
  }
}

.grid-item__image.is-Big {
  width: 100%;
  max-width: 100%;
}

.grid-item--min {
  height: 220px;
}

@media (min-width: 481px) {
  .grid-item--min {
    height: 240px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .grid-item--min {
    height: 400px;
  }
}

@media (min-width: 1200px) {
  .grid-item--min {
    height: 290px;
  }
}

.grid-item--min__image {
  text-align: center;
  width: 100px;
  max-width: 100px;
  height: auto;
}

@media (min-width: 1200px) {
  .grid-item--min__image {
    width: 130px;
    max-width: 130px;
    margin-bottom: 30px;
  }
}

.grid-item--min a {
  display: block;
}

.item-list.list > li, .list.item-list--ranking > li, .list.item-list--sale > li,
.item-list.list .grid-item, .list.item-list--ranking .grid-item, .list.item-list--sale .grid-item,
.item-list.list .grid-item--min, .list.item-list--ranking .grid-item--min, .list.item-list--sale .grid-item--min,
.item-list.list .grid-item__wrap, .list.item-list--ranking .grid-item__wrap, .list.item-list--sale .grid-item__wrap,
.item-list--ranking.list .grid-item__wrap,
.item-list--sale.list {
  height: auto !important;
}

.grid {
  border: 1px solid #dcdcdc;
  border-width: 0 0 0 1px;
}

.grid > li {
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 1px 0;
  float: left;
  width: 50%;
  padding: 20px 10px;
  margin-top: -1px;
  position: relative;
}

.grid > li.new {
  background: url(//store-resources-disneyjp.akamaized.net/images/common/img_badge_new.png) no-repeat right top;
  -webkit-background-size: 51px 51px;
  -o-background-size: 51px 51px;
  background-size: 51px 51px;
}

@media (min-width: 481px) {
  .grid > li {
    padding: 30px 5%;
    margin-bottom: -1px;
    margin-top: 0;
  }
}

.grid > li:last-child {
  border-bottom: 1px solid #dcdcdc;
}

@media (min-width: 1200px) {
  .grid > li:last-child {
    border-bottom: 1px solid #dcdcdc;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .grid > li {
    width: 25%;
    position: relative;
  }
  .grid > li:nth-child(even) {
    border-right: 1px solid #dcdcdc;
  }
}

@media (min-width: 1200px) {
  .grid > li {
    width: 25%;
    position: relative;
  }
  .grid > li:nth-child(even) {
    border-right: 1px solid #dcdcdc;
  }
}

@media (min-width: 481px) {
  .grid > li.p-sale-item {
    width: 33.33333%;
    padding: 30px 10px;
    border-width: 1px 1px 1px 0;
  }
  .grid > li.p-sale-item:nth-child(odd) {
    border-left-width: 0;
  }
  .grid > li.p-sale-item:nth-child(even) {
    border-right: 1px solid #dcdcdc;
  }
  .grid > li.p-sale-item:nth-child(3n) {
    border-width: 1px 1px 1px 0;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .grid > li.p-sale-item {
    border-width: 1px 1px 1px 0;
  }
  .grid > li.p-sale-item:nth-child(3n) {
    border-width: 1px 0 1px 0;
  }
}

@media (min-width: 1200px) {
  .grid > li.p-sale-item {
    border-width: 0 1px 1px 0;
    padding: 30px;
  }
  .grid > li.p-sale-item:nth-child(3n) {
    border-width: 0 0 1px 0;
  }
}

@media (min-width: 1200px) {
  .grid > li.p-ranking-item {
    padding: 30px 35px;
  }
}

.grid .grid-item-full {
  padding: 0;
}

.grid .grid-item-full .grid-item__body {
  padding: 0 10px;
}

@media (min-width: 801px) {
  .grid .grid-item-full .grid-item__body {
    padding: 0 10%;
  }
}

.grid .is-cart {
  padding: 20px 10px 40px;
}

@media (min-width: 481px) {
  .grid .is-cart {
    padding: 30px 5%;
  }
}

.grid .grid-item__image {
  display: block;
  margin: 0 auto 15px;
}

@media only screen and (max-width: 321px) {
  .grid .grid-item__image {
    margin: 0 auto 10px;
  }
}

.grid .grid-item__body {
  display: block;
}

.grid .grid-item__btn {
  margin-top: 0;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -67px;
}

@media (min-width: 481px) {
  .grid .grid-item__btn {
    bottom: 30px;
    left: 50%;
    margin-left: -67px;
  }
}

@media (min-width: 1200px) {
  .grid .grid-item__btn {
    bottom: 30px;
    left: 50%;
    margin-left: -76px;
  }
}

@media (max-width: 480px) {
  .grid .grid-item__btn .btn--cart--xs {
    max-width: 100%;
  }
}

.list > li {
  border-bottom: 1px solid #dcdcdc;
  padding: 15px 35px 15px 10px;
  padding: 15px 10px;
}

@media (min-width: 1200px) {
  .list > li {
    padding: 30px 50px;
    position: relative;
  }
}

.list .grid-item__wrap {
  display: block;
  width: 100%;
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 801px) {
  .list .grid-item__wrap {
    display: table;
  }
}

.list .grid-item__image {
  margin: 0;
  float: left;
  text-align: center;
  width: 100px;
  max-width: 100px;
  height: auto;
}

@media (min-width: 1200px) {
  .list .grid-item__image {
    width: 200px;
    max-width: 200px;
  }
}

.list .grid-item__body {
  padding: 0 0 0 130px;
}

@media (min-width: 1200px) {
  .list .grid-item__body {
    padding: 0 0 0 220px;
    margin: 0;
  }
}

.list .grid-item__btn {
  margin-left: 130px;
  width: 115px;
}

@media (min-width: 1200px) {
  .list .grid-item__btn {
    position: absolute;
    margin: 0;
    bottom: 30px;
    left: 270px;
  }
}

.grid-item-hover {
  display: none;
}

.desktop .grid-item-hover {
  background: #F5F7F8;
  border: 1px solid #dcdcdc;
  padding: 20px;
  position: absolute;
  top: -1px;
  left: -45px;
  z-index: 10;
  width: 390px;
}

@media (min-width: 1200px) {
  .desktop .grid-item-hover .grid-item__body {
    padding: 0;
  }
}

.desktop .grid-item-hover a img {
  width: 350px;
  max-width: 350px;
  height: 350px;
  border: 1px solid #dcdcdc;
  margin-bottom: 20px;
}

.desktop .grid-item-hover__btn {
  margin: 20px 0 10px;
}

.desktop .grid-item-hover__btn li {
  float: left;
  width: 170px;
}

.desktop .grid-item-hover__btn li:last-child {
  margin-left: 10px;
}

.desktop .grid-item-hover__btn.is-onlycart li {
  float: none;
  margin: 0 auto;
}

.desktop .grid-item-hover__small {
  font-size: 10px;
  font-size: 1rem;
}

.item-list, .item-list--ranking, .item-list--sale {
  margin: 20px 0 50px;
}

.item-list--ranking {
  border-top: none;
  margin-top: 0;
  border-left: 1px solid #dcdcdc;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .item-list--ranking {
    border-left: none;
    border-right: none;
    margin-right: -1px;
  }
}

@media (min-width: 1200px) {
  .item-list--ranking {
    margin-right: -1px;
    border-left: none;
    border-right: none;
  }
}

.item-list--ranking > li {
  position: relative;
}

.item-list--sale {
  margin-bottom: 0;
}

@media (min-width: 481px) {
  .item-list--sale {
    border-top: none;
    margin-top: 0;
    border-left: 1px solid #dcdcdc;
  }
}

@media (min-width: 1200px) {
  .item-list--sale {
    margin-right: -1px;
  }
  .item-list--sale > li {
    position: relative;
  }
}

.c-category-btngroup {
  background: #333;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  display: table;
  width: 100%;
}

@media (min-width: 481px) {
  .c-category-btngroup {
    display: none;
  }
}

.c-category-btngroup li {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.c-category-btngroup li:first-child {
  border-right: 1px solid #555;
}

.c-category-btngroup li a {
  color: #FFF;
  display: block;
  font-weight: bold;
  padding: 18px 5px;
  font-size: 12px;
  font-size: 1.2rem;
}

.c-category-btngroup li a:hover {
  text-decoration: none;
}

.p-category-header {
  margin: 0 0 30px;
}

@media (min-width: 481px) {
  .p-category-header {
    margin-bottom: 50px;
  }
}

.p-category-header__heading {
  background: #F5F7F8;
  border: 1px solid #dcdcdc;
  color: #86868B;
  font-weight: bold;
  padding: 18px 20px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-category-header__heading:after {
  border-top: 6px solid #333;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #333;
  margin-top: -3px;
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
}

@media (min-width: 481px) {
  .p-category-header__heading:after {
    border: none;
  }
}

.p-category-header__heading.open:after {
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #333;
  border-left: 5px solid transparent;
  color: #333;
  margin-top: -6px;
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
}

@media (min-width: 481px) {
  .p-category-header__heading.open:after {
    border: none;
  }
}

@media (min-width: 481px) {
  .p-category-header__heading {
    display: none;
  }
}

.p-category-header dd {
  border: 1px solid #dcdcdc;
  border-width: 0 1px 1px 1px;
  line-height: 1.2;
  display: none;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 481px) {
  .p-category-header dd {
    display: block;
    float: left;
    border: none;
    padding-left: 15px;
    margin: 0 40px 20px 0;
    line-height: 1.1;
    font-weight: normal;
    position: relative;
  }
  .p-category-header dd:before {
    border-top: 2px solid #0093d0;
    border-right: 2px solid #0093d0;
    margin-top: -3px;
    height: 4px;
    width: 4px;
    left: 0;
    position: absolute;
    top: 50%;
    content: "";
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.p-category-header dd a {
  display: block;
  padding: 15px 20px;
  color: #85858B;
  position: relative;
}

.p-category-header dd a:hover {
  color: #0093d0;
}

.p-category-header dd a:after {
  border-top: 2px solid #bbb;
  border-right: 2px solid #bbb;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  right: 15px;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 481px) {
  .p-category-header dd a {
    padding: 0;
  }
  .p-category-header dd a:after {
    display: none;
  }
}

@media (min-width: 481px) {
  .p-category-header dd:last-child {
    border-right: none;
    margin: 0;
  }
}

.p-navbar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 481px) {
  .p-navbar {
    background: #F5F7F8;
  }
}

@media (min-width: 1200px) {
  .p-navbar {
    display: table;
    width: 100%;
  }
}

@media (min-width: 481px) {
  .p-navbar__wrap {
    border: 1px solid #dcdcdc;
    border-width: 1px;
    padding: 0;
  }
}

.p-navbar__result {
  background: #F5F7F8;
  border: 1px solid #dcdcdc;
  height: 55px;
  line-height: 55px;
  padding: 0 10px;
  margin-bottom: 10px;
}

@media (min-width: 481px) {
  .p-navbar__result {
    float: left;
    border: none;
    background: none;
    padding: 0;
    height: 83px;
    line-height: 83px;
    padding: 0;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .p-navbar__result {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    padding: 0 0 0 20px;
  }
}

.p-navbar__result > p {
  float: left;
  font-size: 1.4rem;
  font-weight: bold;
}

@media (min-width: 481px) {
  .p-navbar__result > p {
    padding: 0 0 0 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) {
  .p-navbar__result > p {
    padding: 0 40px;
  }
}

.p-navbar__btn {
  float: right;
  height: 50px;
  margin-top: 5px;
}

@media (min-width: 481px) {
  .p-navbar__btn {
    display: none;
  }
}

.p-navbar__btn li {
  display: inline-block;
}

.p-navbar__btn li:first-child {
  border-right: 1px solid #dcdcdc;
  margin-right: 20px;
  padding-right: 20px;
}

.p-navbar__action {
  display: block;
  width: 100%;
}

@media (min-width: 481px) {
  .p-navbar__action {
    float: right;
    width: 375px;
    height: 100%;
  }
}

@media (min-width: 1200px) {
  .p-navbar__action {
    width: 485px;
    display: table-cell;
    vertical-align: middle;
  }
}

.p-navbar__condition {
  width: 50%;
  float: left;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #F5F7F8;
}

.p-navbar__condition.active {
  background: #FFF;
}

.p-navbar__condition.active > a {
  border-width: 1px 1px 0 1px;
  padding: 10px 35px 20px 10px;
  height: auto;
  line-height: 1.7;
}

@media (min-width: 481px) {
  .p-navbar__condition.active > a {
    padding: 30px 0;
    border: none;
  }
}

@media (min-width: 481px) {
  .p-navbar__condition {
    display: block;
    height: 100%;
    text-align: center;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #F5F7F8;
    border-width: 0 1px;
    background: #F5F7F8;
    width: 155px;
    border-left-width: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .p-navbar__condition.active {
    border-left: 1px solid #dcdcdc;
  }
  .p-navbar__condition:hover {
    border-left: 1px solid #dcdcdc;
    background: #FFF;
    text-decoration: none;
  }
}

@media (min-width: 481px) and (min-width: 1200px) {
  .p-navbar__condition {
    width: 255px;
  }
}

.p-navbar__condition > a {
  border: 1px solid #dcdcdc;
  display: block;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  position: relative;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-navbar__condition > a:after {
  content: "";
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -220px -141px;
  width: 20px;
  height: 20px;
  background-size: 271px 236px;
}

@media (max-width: 480px) {
  .p-navbar__condition > a:after {
    position: absolute;
    right: 10px;
    top: 8px;
  }
}

@media (min-width: 481px) {
  .p-navbar__condition > a:after {
    display: inline-block;
    line-height: 1.7;
    margin: 0 0 0 10px;
    vertical-align: -4px;
  }
}

@media (min-width: 481px) {
  .p-navbar__condition > a {
    height: auto;
    line-height: 1.7;
    border: none;
    padding: 30px 0;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-navbar__select {
  width: 50%;
  float: left;
  padding: 0 0 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 481px) {
  .p-navbar__select {
    display: block;
    width: 210px;
    padding: 20px 0 15px 20px;
  }
}

.p-navbar__select > select {
  height: 40px;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .p-navbar__select > select {
    height: 35px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-category-search {
  border: 1px solid #dcdcdc;
  border-width: 1px;
  padding: 25px 10px;
  margin: -1px 0 20px;
  display: none;
}

@media (min-width: 481px) {
  .p-category-search {
    padding: 30px 40px;
    margin: -1px 0 0 0;
    border: 1px solid #dcdcdc;
    border-width: 1px 0 0;
  }
}

@media (min-width: 481px) {
  .p-category-bnr {
    text-align: center;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-category-bnr {
    display: table;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-category-bnr li {
    display: table-cell;
  }
}

@media (min-width: 1200px) {
  .p-category-bnr li {
    float: left;
  }
}

.p-category-bnr li:first-child {
  margin: 0 0 20px 0;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-category-bnr li:first-child {
    margin: 0 2% 0 0;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-category-bnr li:nth-child(even) {
    width: 51%;
    padding-left: 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (min-width: 1200px) {
  .p-category-bnr li:nth-child(even) {
    margin: 0 0 0 26px;
  }
}

.p-category-bnr li img {
  width: 100%;
}

.p-category-heading {
  display: none;
}

@media (min-width: 481px) {
  .p-category-heading {
    display: block;
    line-height: 1.2;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-category-gutter {
  margin-bottom: 30px;
}

@media (min-width: 481px) {
  .p-category-gutter {
    margin-bottom: 50px;
  }
}

.p-category-list__btn {
  background: #F5F7F8;
  border: 1px solid #dcdcdc;
  color: #86868B;
  font-weight: bold;
  padding: 18px 20px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-category-list__btn:after {
  border-top: 6px solid #333;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #333;
  margin-top: -3px;
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
}

@media (min-width: 481px) {
  .p-category-list__btn:after {
    border: none;
  }
}

.p-category-list__btn.open:after {
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #333;
  border-left: 5px solid transparent;
  color: #333;
  margin-top: -6px;
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
}

@media (min-width: 481px) {
  .p-category-list__btn.open:after {
    border: none;
  }
}

@media (min-width: 481px) {
  .p-category-list__btn {
    display: none;
  }
}

@media (min-width: 481px) {
  .p-category-list__title {
    display: none !important;
  }
}

.p-category-list__block {
  display: none;
}

@media (min-width: 481px) {
  .p-category-list__block {
    display: block;
  }
}

.p-category-list__block > li {
  border: 1px solid #dcdcdc;
  border-width: 0 1px 1px 1px;
  line-height: 1.2;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 481px) {
  .p-category-list__block > li {
    display: block;
    float: left;
    border: none;
    padding-left: 15px;
    margin: 0 40px 20px 0;
    line-height: 1.1;
    font-weight: normal;
    position: relative;
  }
  .p-category-list__block > li:first-child {
    display: none;
  }
  .p-category-list__block > li:before {
    border-top: 2px solid #0093d0;
    border-right: 2px solid #0093d0;
    margin-top: -3px;
    height: 4px;
    width: 4px;
    left: 0;
    position: absolute;
    top: 50%;
    content: "";
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.p-category-list__block > li a {
  display: block;
  padding: 15px 20px;
  color: #85858B;
  position: relative;
}

.p-category-list__block > li a:hover {
  color: #0093d0;
}

.p-category-list__block > li a:after {
  border-top: 2px solid #bbb;
  border-right: 2px solid #bbb;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  right: 15px;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 481px) {
  .p-category-list__block > li a {
    padding: 0;
  }
  .p-category-list__block > li a:after {
    display: none;
  }
}

@media (min-width: 481px) {
  .p-category-list__block > li:last-child {
    border-right: none;
    margin: 0;
  }
}

.p-cart__empty {
  background: #F5F7F8;
  padding: 20px;
}

@media (min-width: 1200px) {
  .p-cart__empty {
    padding: 30px 0;
  }
}

.p-cart__empty > p {
  color: #666;
  font-weight: bold;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-cart__empty > p {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-cart-step-mobile {
  display: block;
  margin-bottom: 15px;
}

@media (min-width: 481px) {
  .p-cart-step-mobile {
    display: none;
  }
}

.p-cart-step-desktop {
  display: none;
}

@media (min-width: 481px) {
  .p-cart-step-desktop {
    display: block;
    margin-bottom: 20px;
  }
}

.p-cart-special {
  margin-bottom: 25px;
}

@media (min-width: 1200px) {
  .p-cart-special {
    margin-bottom: 30px;
  }
}

.p-cart-special__body {
  border-left: 1px solid #FF215B;
  border-right: 1px solid #FF215B;
  border-bottom: 1px solid #FF215B;
  margin-left: 15px;
}

@media (min-width: 1200px) {
  .p-cart-special__body {
    width: 1185px;
  }
}

.p-cart-special__body--inner {
  border-left: 4px solid #FFE8EE;
  border-right: 4px solid #FFE8EE;
  border-bottom: 4px solid #FFE8EE;
  padding: 10px;
}

@media (min-width: 481px) {
  .p-cart-special__body--inner {
    display: table;
    width: 100%;
    border-width: 7px;
    padding: 20px 30px;
  }
}

@media (min-width: 1200px) {
  .p-cart-special__body--inner {
    padding: 20px 50px;
  }
}

@media (min-width: 1200px) {
  .p-cart-special__wrap {
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .p-cart-special__wrap > .col1 {
    width: 970px;
    margin: 0 auto;
  }
}

.p-cart-special__wrap > .col2 {
  display: block;
  margin: 0 0 30px 0;
}

.p-cart-special__wrap > .col2:last-child {
  margin: 0;
}

@media (min-width: 481px) {
  .p-cart-special__wrap > .col2 {
    float: left;
    width: 48%;
    margin: 0 2% 0 0;
  }
}

.p-cart-special__wrap > .col3 {
  display: block;
  margin: 0 0 30px 0;
}

.p-cart-special__wrap > .col3:nth-child(3n) {
  margin: 0;
}

@media (min-width: 481px) {
  .p-cart-special__wrap > .col3 {
    float: left;
    width: 48%;
    margin: 0 2% 0 0;
  }
}

@media (min-width: 1200px) {
  .p-cart-special__wrap > .col3 {
    float: left;
    width: 32%;
    margin: 0 2% 0 0;
  }
  .p-cart-special__wrap > .col3:nth-child(3n) {
    margin: 0;
  }
}

.p-cart-special__heading {
  position: relative;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 0 5px;
  padding: 15px 20px;
  font-size: 15px;
  font-size: 1.5rem;
  background-color: #FF285E;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF4171), to(#FF285E));
  background-image: -webkit-linear-gradient(top, #FF4171, #FF285E);
  background-image: -moz-linear-gradient(top, #FF4171, #FF285E);
  background-image: linear-gradient(#FF4171, #FF285E);
}

@media (min-width: 481px) {
  .p-cart-special__heading {
    line-height: 1.3;
    margin: 0 0 0 5px;
    padding: 15px 0;
    font-size: 20px;
    font-size: 2rem;
  }
}

.p-cart-special__heading:after {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #8E4B54;
  border-right: 5px solid #8E4B54;
  left: 0;
}

@media (min-width: 1200px) {
  .p-cart-special__heading {
    line-height: 1;
    margin: 0 0 0 5px;
    padding: 25px 0;
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.p-cart-special__item {
  display: table;
  width: 100%;
  margin-bottom: 25px;
}

@media (min-width: 1200px) {
  .p-cart-special__item {
    margin-bottom: 20px;
  }
}

.p-cart-special__image, .p-cart-special__image--single {
  display: table-cell;
  vertical-align: top;
  width: 100px;
  padding-right: 8px;
}

@media (min-width: 1200px) {
  .p-cart-special__image, .p-cart-special__image--single {
    width: 150px;
    padding-right: 20px;
  }
}

.p-cart-special__image img, .p-cart-special__image--single img {
  width: 100px;
  max-width: 100px;
  height: auto;
}

@media (min-width: 1200px) {
  .p-cart-special__image img, .p-cart-special__image--single img {
    width: 150px;
    max-width: 150px;
  }
}

.p-cart-special__image--single img {
  width: 100px;
  max-width: 100px;
  height: auto;
}

@media (min-width: 1200px) {
  .p-cart-special__image--single img {
    width: 200px;
    max-width: 200px;
  }
}

.p-cart-special__right {
  display: table-cell;
  vertical-align: top;
}

.p-cart-special__title {
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem;
}

.p-cart-special__price {
  margin-bottom: 15px;
}

.p-cart-special__price > li {
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}

.p-cart-special__price > li span {
  font-size: 11px;
  font-size: 1.1rem;
}

.p-cart-special__price > li img {
  width: 33px;
  height: 25px;
  vertical-align: middle;
}

@media (min-width: 1200px) {
  .p-cart-special__price > li img {
    width: 66px;
    height: 50px;
    margin: 0 20px;
  }
}

.p-cart-special__price > li.price-before {
  color: #666;
}

.p-cart-special__price > li.price-after {
  color: #FF215B;
}

.p-cart-special__text > li {
  font-size: 1.2rem;
  line-height: 1.3;
  margin-bottom: 10px;
}

.p-cart-special__text > li:last-child {
  margin-bottom: 0;
}

@media (min-width: 481px) {
  .p-cart-special__text > li {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .col1 .p-cart-special__image, .col1 .p-cart-special__image--single {
    padding-right: 75px;
  }
}

@media (min-width: 1200px) {
  .col1 .p-cart-special__title {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

@media (min-width: 1200px) {
  .col1 .p-cart-special__price > li {
    font-size: 34px;
    font-size: 3.4rem;
  }
}

@media (min-width: 1200px) {
  .col1 .p-cart-special__price > li span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

@media (min-width: 1200px) {
  .col2 .p-cart-special__title {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

@media (min-width: 1200px) {
  .col2 .p-cart-special__price > li {
    font-size: 26px;
    font-size: 2.6rem;
  }
}

@media (min-width: 1200px) {
  .col2 .p-cart-special__price > li span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.col3 .p-cart-special__title {
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 1200px) {
  .col3 .p-cart-special__price > li {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

@media (min-width: 1200px) {
  .col3 .p-cart-special__price > li span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.p-cart-item-header {
  display: none;
}

@media (min-width: 1200px) {
  .p-cart-item-header {
    background: #888;
    display: table;
    width: 100%;
    padding: 12px 30px;
  }
  .p-cart-item-header > li {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  }
  .p-cart-item-header > li.header-code {
    width: 170px;
  }
  .p-cart-item-header > li.header-content {
    width: 500px;
  }
  .p-cart-item-header > li.header-price {
    width: 130px;
  }
  .p-cart-item-header > li.header-count {
    width: 130px;
  }
  .p-cart-item-header > li.header-total {
    width: 210px;
    padding-left: 25px;
    text-align: left;
  }
}

.p-cart-item-summary {
  border-bottom: 1px solid #dcdcdc;
  padding: 20px 0;
  color: #666;
  margin-bottom: 20px;
}

@media (min-width: 481px) {
  .p-cart-item-summary__inner {
    float: right;
  }
}

.p-cart-item-summary__inner > p {
  line-height: 1.3;
  display: block;
  margin: 0 0 30px 0;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-cart-item-summary__inner > p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
  }
}

@media (min-width: 1200px) {
  .p-cart-item-summary__cal {
    display: inline-block;
    vertical-align: middle;
  }
}

.p-cart-item-summary__cal button {
  border: none;
  color: #fff;
  float: left;
  height: 25px;
  line-height: 25px;
  padding: 0;
  width: 88px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#565656), to(#333));
  background-image: -webkit-linear-gradient(top, #565656, #333);
  background-image: -moz-linear-gradient(top, #565656, #333);
  background-image: linear-gradient(#565656, #333);
}

@media (min-width: 1200px) {
  .p-cart-item-summary__cal button {
    cursor: pointer;
    width: 77px;
    height: 30px;
    line-height: 30px;
    margin-right: 40px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-cart-item-summary__cal dl {
  float: right;
}

.p-cart-item-summary__cal dl dt, .p-cart-item-summary__cal dl dd {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
}

@media (min-width: 1200px) {
  .p-cart-item-summary__cal dl dt, .p-cart-item-summary__cal dl dd {
    font-size: 20px;
    font-size: 2rem;
  }
}

.p-cart-item-list {
  border: 1px solid #dcdcdc;
}

@media (min-width: 1200px) {
  .p-cart-item-list {
    border-left: none;
    border-right: none;
  }
}

.p-cart-item-list > li {
  border-bottom: 1px solid #dcdcdc;
  padding: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-cart-item-list > li:last-child {
  border-bottom: none;
}

.p-cart-item-list > li:nth-child(even) {
  background: #F5F7F8;
}

@media (min-width: 1200px) {
  .p-cart-item-list > li {
    padding: 20px 30px;
  }
}

.p-cart-item > div, .p-cart-item--bonus > div {
  margin-bottom: 15px;
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-cart-item > div:last-child, .p-cart-item--bonus > div:last-child {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .p-cart-item, .p-cart-item--bonus {
    display: table;
    width: 100%;
  }
  .p-cart-item > div, .p-cart-item--bonus > div {
    display: table-cell;
    margin-bottom: 0;
    vertical-align: middle;
  }
}

.p-cart-item--bonus {
  border-top: 1px solid #dcdcdc;
  padding-top: 15px;
  margin-top: 15px;
}

@media (min-width: 1200px) {
  .p-cart-item--bonus {
    border-top: none;
    padding-top: 20px;
    margin-top: 20px;
  }
}

.p-cart-item__code {
  overflow: hidden;
}

@media (min-width: 1200px) {
  .p-cart-item__code {
    width: 170px;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .p-cart-item__content {
    width: 500px;
  }
}

.p-cart-item__price {
  overflow: hidden;
}

@media (min-width: 1200px) {
  .p-cart-item__price {
    text-align: right;
    padding-right: 35px;
    width: 130px;
  }
}

.p-cart-item__price span {
  color: #CB0014;
}

@media (min-width: 1200px) {
  .p-cart-item__price span {
    display: block;
  }
}

.p-cart-item__count .easy-select-box {
  float: right;
  width: 70px;
}

@media (min-width: 1200px) {
  .p-cart-item__count .easy-select-box {
    display: inline-block;
  }
}

.p-cart-item__count .easy-select-box .esb-displayer {
  width: auto;
  height: 30px;
  line-height: 30px;
  padding-right: 20px;
  -webkit-background-size: 20px auto;
  -o-background-size: 20px auto;
  background-size: 20px auto;
  text-align: center;
}

@media (min-width: 1200px) {
  .p-cart-item__count .easy-select-box .esb-displayer {
    height: 20px;
    line-height: 20px;
  }
}

.p-cart-item__count .easy-select-box .esb-item {
  padding: 10px;
  text-align: right;
}

@media (min-width: 1200px) {
  .p-cart-item__count .easy-select-box .esb-item {
    padding: 5px 5px 5px 0;
  }
}

@media (min-width: 1200px) {
  .p-cart-item__count {
    width: 130px;
    text-align: right;
    padding-right: 20px;
  }
}

.p-cart-item__total {
  position: relative;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .p-cart-item__total {
    width: 210px;
  }
}

.p-cart-item__title {
  float: left;
  width: 95px;
}

@media (min-width: 481px) {
  .p-cart-item__title {
    display: inline-block;
    vertical-align: top;
  }
}

@media (min-width: 1200px) {
  .p-cart-item__title {
    display: none;
  }
}

.p-cart-item__num {
  float: left;
}

@media (min-width: 481px) {
  .p-cart-item__num {
    text-align: center;
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .p-cart-item__num {
    display: block;
  }
}

.p-cart-item__text {
  float: right;
}

@media (min-width: 481px) {
  .p-cart-item__text {
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .p-cart-item__text {
    display: block;
  }
}

.p-cart-item__media {
  display: table;
  width: 100%;
}

.p-cart-item__media .media-image {
  display: table-cell;
  vertical-align: top;
  width: 75px;
}

@media (min-width: 1200px) {
  .p-cart-item__media .media-image {
    vertical-align: middle;
    width: 100px;
  }
}

.p-cart-item__media .media-image > img {
  width: 75px;
  max-width: 75px;
  height: auto;
}

@media (min-width: 1200px) {
  .p-cart-item__media .media-image > img {
    width: 100px;
    max-width: 100px;
  }
}

.p-cart-item__media .media-body {
  display: table-cell;
  vertical-align: top;
  padding-left: 25px;
}

.p-cart-item__media .media-body > p > a {
  line-height: 1.5;
}

@media (min-width: 1200px) {
  .p-cart-item__media .media-body {
    padding: 0 30px 0 20px;
    vertical-align: middle;
  }
}

.p-cart-item__btngroup {
  float: right;
}

@media (min-width: 1200px) {
  .p-cart-item__btngroup {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
  }
}

.p-cart-item__btngroup p:first-child {
  text-align: right;
}

@media (min-width: 1200px) {
  .p-cart-item__btngroup p:first-child {
    padding-right: 115px;
  }
}

.p-cart-item__btn {
  display: block;
  text-align: right;
  margin-top: 5px;
}

@media (min-width: 1200px) {
  .p-cart-item__btn {
    position: absolute;
    top: -10px;
    right: 0;
  }
}

.p-cart-caution {
  color: #666;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-cart-caution {
    margin-bottom: 30px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-cart-lead {
  color: #666;
  line-height: 1.6;
  margin-bottom: 40px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-cart-lead {
    line-height: 1.8;
    margin-bottom: 60px;
  }
}

.p-cart-coupon {
  font-size: 1.3rem;
  margin: 0 0 30px;
}

@media (min-width: 801px) {
  .p-cart-coupon {
    font-size: 1.4rem;
    margin: 60px 0;
  }
}

.p-cart-coupon h2 {
  text-align: center;
}

.p-cart-coupon li {
  border: solid 1px #cccccc;
  border-radius: 3px;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-cart-coupon li {
    width: 100%;
  }
}

.p-cart-coupon li:last-child {
  margin: 0;
}

.p-cart-coupon li > div {
  border: solid 5px #f5f7f8;
  border-radius: 3px;
  padding: 20px;
}

@media (min-width: 801px) {
  .p-cart-coupon li > div {
    padding: 0;
    display: table;
    width: 100%;
  }
}

@media (min-width: 801px) {
  .p-cart-coupon__txtbox {
    display: table-cell;
    vertical-align: top;
    padding: 25px;
    border-right: dotted 2px #cccccc;
    margin: auto;
  }
}

.p-cart-coupon__ttl {
  font-size: 1.4rem;
  padding: 0 0 5px;
  font-weight: bold;
}

@media (min-width: 801px) {
  .p-cart-coupon__ttl {
    font-size: 2rem;
    font-weight: normal;
    padding: 0 0 10px;
  }
}

.p-cart-coupon__txt {
  padding: 0 0 5px;
}

.p-cart-coupon__limmit {
  color: #c30a31;
  padding: 0 0 20px;
}

@media (min-width: 801px) {
  .p-cart-coupon__limmit {
    padding: 0;
  }
}

.p-cart-coupon__btn {
  border-top: dotted 2px #cccccc;
  padding: 20px 0 0;
  margin: 0 -25px 0;
  text-align: center;
}

@media (min-width: 801px) {
  .p-cart-coupon__btn {
    border-top: none;
    display: table-cell;
    width: 320px;
    vertical-align: middle;
    padding: 0;
    margin: auto;
  }
}

.p-cart-coupon__btn input {
  width: 205px;
  margin: 0 auto;
}

@media (min-width: 801px) {
  .p-cart-coupon__btn input {
    width: 240px;
    transition: none;
  }
}

.p-cart-step-01__lead {
  padding: 25px 0 30px;
}

@media (min-width: 801px) {
  .p-cart-step-01__lead {
    padding: 30px 0 45px;
  }
}

@media (min-width: 801px) {
  .p-cart-step-01__ttlPrivilege {
    background: url(/images/common/bg_order_ttl_left.png) no-repeat bottom left, url(/images/common/bg_order_ttl_right.png) no-repeat bottom right;
    background-size: contain;
    font-size: 1.6rem;
  }
}

.p-cart-step-01 .c-heading-slanting:before {
  right: 100%;
}

@media (min-width: 801px) {
  .p-cart-step-01 .c-heading-slanting:before {
    right: auto;
    left: 10%;
    top: 0;
  }
}

.p-cart-step-01 .c-heading-slanting:after {
  left: 100%;
}

@media (min-width: 801px) {
  .p-cart-step-01 .c-heading-slanting:after {
    left: auto;
    right: 10%;
    top: 0;
  }
}

@media (min-width: 801px) {
  .p-cart-step-01__inner {
    float: left;
    width: 50%;
  }
}

.p-cart-step-01__link {
  width: 100%;
  text-align: right;
}

@media (min-width: 801px) {
  .p-cart-step-01__link {
    padding: 10px 0 0;
  }
}

.p-cart-step-01 .c-box-default {
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-cart-step-01 .c-box-default {
    float: none;
    margin: 0 0 50px;
  }
}

@media (min-width: 801px) {
  .p-cart-step-01__red {
    display: inline-block;
    padding: 0 0 10px;
  }
}

.p-cart-privilege {
  border-top: dotted 1px #cccccc;
  margin: 0 0 15px;
}

.p-cart-privilege li {
  display: table;
  width: 100%;
  padding: 15px 0;
  border-bottom: dotted 1px #cccccc;
}

@media (min-width: 801px) {
  .p-cart-privilege li {
    padding: 10px 0;
    font-size: 1.4rem;
  }
}

.p-cart-privilege li div,
.p-cart-privilege li p {
  display: table-cell;
  vertical-align: middle;
}

.p-cart-privilege li div {
  width: 23.33333%;
}

@media (min-width: 801px) {
  .p-cart-privilege li div {
    width: 19.45525%;
  }
}

.p-cart-privilege li div img {
  padding: 0 10px 0 0;
  display: block;
}

@media (min-width: 801px) {
  .p-cart-privilege li div img {
    padding: 0 15px 0 0;
  }
}

.is-wide {
  width: 100%;
  display: block;
}

.p-cart-gift {
  width: 100%;
  margin: -20px 0 20px;
  padding: 15px 0;
  text-align: left;
}

@media (min-width: 801px) {
  .p-cart-gift {
    text-align: right;
    padding: 20px 30px;
    margin: -20px 0 30px;
  }
}

.p-cart-gift .p-cart-item__count {
  width: 100%;
}

@media (min-width: 801px) {
  .p-cart-gift .p-cart-item__count {
    padding-right: 0;
  }
}

.p-cart-gift .p-cart-item__title {
  display: inline-block;
  width: auto;
  float: none;
  font-size: 1.4rem;
  line-height: 30px;
}

@media (min-width: 801px) {
  .p-cart-gift .p-cart-item__title {
    padding: 0 125px 0 0;
  }
}

.p-cart-gift .easy-select-box {
  width: 84px !important;
  height: 30px;
  border: solid 1px #cdcdcd;
}

.p-cart-gift .p-cart-item__count .easy-select-box .esb-displayer {
  padding-right: 35px;
  height: 28px;
}

@media (min-width: 801px) {
  .p-cart-gift .p-cart-item__count .easy-select-box .esb-displayer {
    padding-top: 5px;
  }
}

.p-cart-gift .p-cart-item__count .easy-select-box .esb-item {
  text-align: center;
}

.p-order-user {
  color: #666;
  display: table;
  width: 100%;
}

@media (min-width: 1200px) {
  .p-order-user__left {
    display: table-cell;
    vertical-align: middle;
  }
}

.p-order-user__right {
  display: block;
  margin-top: 10px;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 481px) {
  .p-order-user__right {
    width: 280px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}

@media (min-width: 1200px) {
  .p-order-user__right {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    width: 292px;
  }
}

.p-order-user > p {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-order-user__info li {
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-order-user__info li {
    line-height: 2;
  }
}

.c-order-link {
  margin: 0 0 10px;
}

@media (min-width: 1200px) {
  .c-order-link {
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.c-order-link a {
  text-decoration: none;
}

.c-order-link--btm {
  margin: 15px 0 45px;
}

@media (min-width: 1200px) {
  .c-order-link--btm {
    text-align: right;
  }
}

.c-order-link--btm a {
  text-decoration: none;
}

.p-order-wrap {
  margin-bottom: 25px;
}

@media (min-width: 1200px) {
  .p-order-wrap {
    margin-bottom: 45px;
  }
}

.p-order-price, .p-order-price--first, .p-order-price--last {
  border-top: 1px dotted #dcdcdc;
  padding: 10px;
}

.p-order-price--first {
  border-top: none;
}

.p-order-price--last {
  border-top: 3px double #dcdcdc;
}

@media (min-width: 1200px) {
  .p-order-price, .p-order-price--first, .p-order-price--last {
    padding: 10px 40px;
  }
}

.p-order-price__body {
  overflow: hidden;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-order-price__body {
    float: right;
    width: 350px;
  }
}

.p-order-price__body dt {
  float: left;
}

@media (min-width: 1200px) {
  .p-order-price__body dt {
    display: inline-block;
    width: 220px;
    text-align: left;
  }
}

.p-order-price__body dd {
  float: right;
}

@media (min-width: 1200px) {
  .p-order-price__body dd {
    display: inline-block;
  }
}

.p-cart-member {
  border: 1px solid #FFADC4;
  margin: 0 0 30px;
}

@media (min-width: 1200px) {
  .p-cart-member {
    margin: 0 0 40px;
  }
}

.p-cart-member__inner {
  border: 10px solid #FFE1EA;
  background: #FFF7FA;
  padding: 20px 13px;
}

@media (min-width: 1200px) {
  .p-cart-member__inner {
    padding: 35px 60px;
    display: table;
    width: 100%;
  }
}

.p-cart-member__image {
  text-align: center;
  margin-bottom: 25px;
}

@media (min-width: 481px) {
  .p-cart-member__image {
    display: table-cell;
    padding-right: 74px;
    vertical-align: top;
  }
}

.p-cart-member__image > img {
  width: 99px;
  max-width: 99px;
  height: auto;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

@media (min-width: 481px) {
  .p-cart-member__image > img {
    width: 126px;
    max-width: 126px;
    height: auto;
  }
}

@media (min-width: 481px) {
  .p-cart-member__body {
    display: table-cell;
    vertical-align: top;
  }
}

.p-cart-member__body p {
  font-size: 14px;
  font-size: 1.4rem;
}

.p-cart-member__header {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .p-cart-member__header {
    margin-bottom: 15px;
  }
}

.p-cart-member__header p:first-child {
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 1200px) {
  .p-cart-member__header p:first-child {
    margin-bottom: 0;
    width: 35%;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.p-cart-member__number {
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  .p-cart-member__number {
    margin-bottom: 20px;
  }
}

@media (min-width: 481px) {
  .p-cart-member__number > div {
    vertical-align: middle;
    display: inline-block;
  }
}

.p-cart-member__input {
  font-weight: bold;
  margin: 0 0 5px 0;
}

@media (min-width: 481px) {
  .p-cart-member__input {
    vertical-align: top;
    display: inline-block;
    margin: 8px 10px 0 0;
  }
}

.p-order-cart {
  border: 1px solid #dcdcdc;
}

@media (min-width: 1200px) {
  .p-order-cart {
    padding: 30px 30px 10px 30px;
  }
}

.p-order-cart__heading, .p-order-cart__heading--line {
  padding: 15px 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-order-cart__heading, .p-order-cart__heading--line {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0 0 15px 0;
  }
}

@media (min-width: 1200px) {
  .p-order-cart__heading--line {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 15px;
  }
}

.p-order-cart__heading > p, .p-order-cart__heading--line > p {
  display: block;
}

@media (min-width: 481px) {
  .p-order-cart__heading > p, .p-order-cart__heading--line > p {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (min-width: 481px) {
  .p-order-cart__heading > p:first-child, .p-order-cart__heading--line > p:first-child {
    width: 35%;
  }
}

@media (min-width: 1200px) {
  .p-order-cart__heading > p:first-child, .p-order-cart__heading--line > p:first-child {
    width: 15%;
  }
}

.p-order-cart__code {
  display: inline-block;
  vertical-align: middle;
}

.p-order-cart__code p {
  margin-top: 5px;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

@media (min-width: 1200px) {
  .p-order-cart__inner {
    display: table;
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .p-order-cart__inner .p-order-cart__inner {
    vertical-align: middle;
  }
}

.p-order-cart__inner > p {
  padding: 10px 20px;
  background: #F5F7F8;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

@media (min-width: 1200px) {
  .p-order-cart__inner > p {
    display: table-cell;
    vertical-align: top;
    border: none;
    background: none;
    padding: 10px 0;
    font-weight: bold;
    width: 15%;
  }
}

.p-order-cart__inner > div {
  padding: 10px 20px;
}

@media (min-width: 1200px) {
  .p-order-cart__inner > div {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
  }
}

.p-order-complete__heading {
  line-height: 1.5;
  margin: 20px 0 25px;
  font-size: 17px;
  font-size: 1.7rem;
}

@media (min-width: 1200px) {
  .p-order-complete__heading {
    margin: 20px 0 20px;
    padding-left: 395px;
    font-size: 20px;
    font-size: 2rem;
  }
}

.p-order-complete .c-image--complete {
  z-index: 10;
}

.p-order-complete__number {
  color: #C5012C;
  font-weight: bold;
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  .p-order-complete__number {
    padding-left: 395px;
    margin-bottom: 20px;
  }
}

.p-order-complete__number > p {
  display: inline-block;
}

.p-order-complete__number > p:first-child {
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-order-complete__number > p:first-child {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-order-complete__number > p:last-child {
  font-size: 18px;
  font-size: 1.8rem;
}

@media (min-width: 1200px) {
  .p-order-complete__number > p:last-child {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.p-order-complete__text {
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-order-complete__text {
    padding-left: 395px;
  }
}

.p-order-info {
  margin: -6px 0 30px;
}

@media (min-width: 1200px) {
  .p-order-info {
    margin: -10px 0 40px;
  }
}

.p-order-info__heading {
  font-weight: normal;
  text-align: center;
  margin-bottom: 25px;
  font-size: 17px;
  font-size: 1.7rem;
}

@media (min-width: 1200px) {
  .p-order-info__heading {
    text-align: left;
    margin-bottom: 30px;
    font-size: 20px;
    font-size: 2rem;
  }
}

.p-order-info__inner {
  font-size: 14px;
  font-size: 1.4rem;
}

.p-order-info__inner dl {
  margin-bottom: 20px;
  display: table;
}

@media (min-width: 1200px) {
  .p-order-info__inner dl {
    margin-bottom: 15px;
  }
}

.p-order-info__inner dt {
  color: #666;
  font-weight: bold;
  display: table-cell;
  margin-right: 15px;
  width: 12em;
  vertical-align: top;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .p-order-info__inner dt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-order-info__inner dd {
  font-weight: bold;
  color: #0093d0;
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-order-info__inner dd {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-order-info__inner dd a {
  line-height: 1.2;
  word-wrap: break-word;
}

.p-order-info__annotation {
  color: #666;
  display: block;
  font-weight: normal;
  margin-bottom: 20px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .p-order-info__annotation {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-order-info__text {
  margin-bottom: 20px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .p-order-info__text {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-order-info__detail {
  line-height: 1.7;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .p-order-info__detail {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-order-info__list {
  color: #666;
}

.p-order-info__list li {
  margin-bottom: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .p-order-info__list li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-order-info__list li a {
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .p-order-info__list li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-order-info__list li:last-child {
  margin-bottom: 0;
}

.p-order-payment li {
  margin-bottom: 13px;
  color: #666;
}

.p-order-payment li:last-child {
  margin-bottom: 0;
}

.p-order-payment .p-order-payment_card {
  width: 100%;
  margin: 0 0 20px;
}

.p-order-payment .p-order-payment_card .easy-select-box {
  width: 125px;
}

.p-order-payment .p-order-payment_card .attention-text {
  display: block;
}

@media (min-width: 481px) {
  .p-order-payment .p-order-payment_card {
    display: table;
    width: 100%;
    margin: 0 0 20px;
  }
  .p-order-payment .p-order-payment_card .card-heading {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
  }
  .p-order-payment .p-order-payment_card .card-item {
    display: table-cell;
    vertical-align: middle;
    width: 75%;
    padding: 10px;
  }
  .p-order-payment .p-order-payment_card .easy-select-box {
    width: 125px;
  }
  .p-order-payment .p-order-payment_card .attention-text {
    display: inline-block;
    padding: 0 0 0 30px;
  }
}

.p-order-point {
  font-size: 1.4rem;
  font-weight: bold;
  color: #666;
  margin-bottom: 10px;
}

@media (min-width: 481px) {
  .p-order-point {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
  }
}

@media (min-width: 1200px) {
  .p-order-point {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-order-pointtext {
  display: block;
  text-align: left;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-order-pointtext {
    display: inline-block;
    margin-right: 115px;
  }
}

.p-order-pointbtn {
  display: block;
  width: 250px;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .p-order-pointbtn {
    display: inline-block;
    margin: 0;
    width: 290px;
  }
}

.p-order-pointbtn > a {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .p-order-pointbtn > a {
    height: 38px;
    line-height: 38px;
  }
}

.p-order-pointbtn > a:after {
  content: none;
}

.p-order-box {
  margin-top: 10px;
}

@media (min-width: 481px) {
  .p-order-box {
    display: table;
    margin-top: 20px;
    width: 100%;
  }
}

.p-order-box .is-bggray {
  background: #f5f7f8;
  text-align: center;
  border: 1px solid #dcdcdc;
  padding: 10px 0;
}

.p-order-pointcount {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 10px 0;
}

@media (min-width: 481px) {
  .p-order-pointcount {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
  }
}

.p-order-pointcount span {
  font-weight: normal;
}

@media (min-width: 481px) {
  .p-order-btngroup {
    width: 290px;
    display: table-cell;
    vertical-align: middle;
  }
}

.p-order-btngroup li {
  float: left;
  width: 49%;
}

@media (min-width: 481px) {
  .p-order-btngroup li {
    width: 135px;
  }
}

.p-order-btngroup li:first-child {
  margin-right: 2%;
}

@media (min-width: 481px) {
  .p-order-btngroup li:first-child {
    margin-right: 20px;
  }
}

.p-order-btngroup li > input {
  cursor: pointer;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-left: 0;
  text-align: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .p-order-btngroup li > input {
    height: 38px;
    line-height: 38px;
  }
}

.p-order-btngroup li > input:hover {
  opacity: 0.6;
}

.p-order-item-header {
  display: none;
}

@media (min-width: 1200px) {
  .p-order-item-header {
    background: #888;
    display: table;
    width: 100%;
    padding: 15px 40px 15px 30px;
  }
  .p-order-item-header > li {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  }
  .p-order-item-header > li.header-code {
    width: 170px;
  }
  .p-order-item-header > li.header-content {
    width: 645px;
  }
  .p-order-item-header > li.header-price {
    width: 165px;
  }
  .p-order-item-header > li.header-count {
    width: 65px;
  }
  .p-order-item-header > li.header-total {
    width: 155px;
    text-align: right;
  }
}

.p-order-item-list,
.p-bookmark-item-list {
  border: 1px solid #dcdcdc;
}

@media (min-width: 1200px) {
  .p-order-item-list,
  .p-bookmark-item-list {
    border-width: 1px 0;
  }
}

.p-order-item-list > li,
.p-bookmark-item-list > li {
  border-bottom: 1px solid #dcdcdc;
  padding: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-order-item-list > li:last-child,
.p-bookmark-item-list > li:last-child {
  border-bottom: none;
}

@media (min-width: 1200px) {
  .p-order-item-list > li,
  .p-bookmark-item-list > li {
    padding: 20px 40px 20px 30px;
  }
}

.p-order-item > div {
  overflow: hidden;
  margin-bottom: 15px;
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-order-item > div:last-child {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .p-order-item {
    display: table;
    width: 100%;
  }
  .p-order-item > div {
    display: table-cell;
    margin-bottom: 0;
    vertical-align: middle;
  }
}

@media (min-width: 1200px) {
  .p-order-item__code {
    font-weight: bold;
    width: 170px;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .p-order-item__content {
    width: 645px;
  }
}

@media (min-width: 1200px) {
  .p-order-item__price {
    width: 165px;
    text-align: center;
  }
}

.p-order-item__pricetext {
  float: right;
}

@media (min-width: 1200px) {
  .p-order-item__pricetext {
    text-align: right;
    padding-right: 48px;
    display: block;
    float: none;
  }
}

@media (min-width: 1200px) {
  .p-order-item__count {
    width: 65px;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .p-order-item__total {
    text-align: right;
    width: 155px;
  }
}

.p-order-item__title {
  float: left;
  width: 95px;
}

@media (min-width: 1200px) {
  .p-order-item__title {
    display: none;
  }
}

.p-order-item__num {
  float: right;
}

@media (min-width: 1200px) {
  .p-order-item__num {
    text-align: right;
    padding-right: 20px;
    display: block;
    float: none;
  }
}

.p-order-item__sum {
  float: right;
}

@media (min-width: 1200px) {
  .p-order-item__sum {
    text-align: right;
    display: block;
    float: none;
  }
}

.p-order-item__text {
  display: inline-block;
}

@media (min-width: 1200px) {
  .p-order-item__text {
    display: block;
    float: none;
  }
}

.p-order-item__name {
  margin-top: 10px;
}

.p-order-item__name dt, .p-order-item__name dd {
  display: block;
}

.p-order-item__media {
  display: table;
  width: 100%;
}

.p-order-item__media .media-image {
  display: table-cell;
  vertical-align: top;
  width: 75px;
}

@media (min-width: 1200px) {
  .p-order-item__media .media-image {
    vertical-align: middle;
    width: 100px;
  }
}

.p-order-item__media .media-image > img {
  width: 75px;
  max-width: 75px;
  height: auto;
}

@media (min-width: 1200px) {
  .p-order-item__media .media-image > img {
    width: 100px;
    max-width: 100px;
  }
}

.p-order-item__media .media-body {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
}

@media (min-width: 1200px) {
  .p-order-item__media .media-body {
    vertical-align: middle;
  }
}

.p-order-bill p {
  font-size: 14px;
  font-size: 1.4rem;
}

.p-order-bill ul {
  color: #666;
  margin: 15px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .p-order-bill ul {
    margin: 20px 0 0 0;
  }
}

.p-order-bill ul > li:first-child {
  margin-bottom: 10px;
}

@media (min-width: 481px) {
  .p-order-bill ul > li:first-child {
    margin-bottom: 0;
  }
}

.p-order-card {
  display: block;
  margin-top: 10px;
}

@media (min-width: 1200px) {
  .p-order-card {
    display: inline-block;
    margin: 0 0 0 30px;
    vertical-align: middle;
  }
}

.p-order-limit > div {
  width: 85px;
}

.p-order-limit select {
  height: 30px;
}

.p-order-limit .easy-select-box .esb-displayer {
  height: 30px;
  line-height: 30px;
  padding-right: 20px;
  -webkit-background-size: 20px auto;
  -o-background-size: 20px auto;
  background-size: 20px auto;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .p-order-limit .easy-select-box .esb-displayer {
    height: 20px;
    line-height: 20px;
  }
}

.p-order-limit .easy-select-box .esb-item {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .p-order-limit .easy-select-box .esb-item {
    padding: 5px;
  }
}

.p-order-limit span {
  display: inline-block;
  margin: 1px 5px 0;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-order-security {
  display: block;
  margin-top: 10px;
}

@media (min-width: 1200px) {
  .p-order-security {
    display: inline-block;
    margin: 8px 0 0 25px;
    vertical-align: top;
  }
}

.p-order-process {
  margin-bottom: 20px;
}

.p-order-process > div {
  width: 100%;
  margin-bottom: 20px;
}

@media (min-width: 481px) {
  .p-order-process > div {
    width: 48%;
    float: left;
    margin-bottom: 0;
  }
  .p-order-process > div:first-child {
    margin-right: 4%;
  }
}

.p-order-process__heading {
  text-align: center;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 1200px) {
  .p-order-process__heading {
    margin-bottom: 25px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.p-order-process__list {
  margin-bottom: 20px;
}

.p-order-process__list > li {
  color: #666;
  line-height: 1.4;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 25px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-order-process__list > li a {
  display: inline;
}

.p-order-statement, .p-order-statement02 {
  margin: 20px 0;
}

.p-order-statement li, .p-order-statement02 li {
  display: block;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .p-order-statement li, .p-order-statement02 li {
    display: inline-block;
    margin-bottom: 0;
  }
}

.p-order-statement li label, .p-order-statement02 li label {
  font-weight: normal;
}

@media (min-width: 1200px) {
  .p-order-statement li:first-child, .p-order-statement02 li:first-child {
    margin-right: 50px;
  }
}

.p-order-statement02 {
  margin: 0;
}

.p-order-statement02 li {
  margin: 0;
  display: inline-block;
}

.p-order-statement02 li:first-child {
  margin: 0 40px 0 0;
}

.p-order-cardlist li {
  float: left;
  margin: 0 2% 10px 0;
  width: 49%;
}

.p-order-cardlist li:nth-child(even) {
  margin-right: 0;
}

@media (min-width: 481px) {
  .p-order-cardlist li {
    margin: 0 30px 10px 0;
    width: auto;
  }
  .p-order-cardlist li:nth-child(even) {
    margin-right: 30px;
  }
}

.p-order-cardlist li input[type="radio"] {
  margin-top: 8px;
}

.p-order-delivery {
  border: 1px solid #dcdcdc;
  padding: 15px;
  margin-bottom: 45px;
}

@media (min-width: 1200px) {
  .p-order-delivery {
    border-width: 1px 0;
    padding: 30px;
  }
}

.p-order-delivery > dl:first-child {
  margin-bottom: 30px;
}

.p-order-delivery > dl:first-child dd {
  margin-bottom: 20px;
}

.p-order-delivery__heading {
  font-weight: bold;
  margin-bottom: 10px;
  color: #666;
  font-size: 16px;
  font-size: 1.6rem;
}

.p-order-delivery .easy-select-box {
  margin-top: 10px;
  display: block;
}

#main1 {
  z-index: 52;
  opacity: 0;
}

#main01 {
  z-index: 50;
  opacity: 1;
}

#dust1 {
  z-index: 51;
  opacity: 0;
  width: 80%;
  height: 80%;
  transition: all 1s;
}

#dust2 {
  z-index: 21;
  opacity: 0;
  width: 80%;
  height: 80%;
  transition: all 1s;
}

.p-order-position {
  position: absolute;
  margin-left: -125px;
  top: 0px;
  left: 50%;
}

@media (min-width: 481px) {
  .p-order-position {
    margin-left: -150px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-order-position {
    margin-left: -223px;
  }
}

@media (min-width: 1200px) {
  .p-order-position {
    margin-left: -223px;
  }
}

.p-order-camp {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #dcdcdc;
}

.p-order-camp p {
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-order-camp__text {
    float: left;
  }
}

.p-order-camp__link {
  margin-top: 10px;
}

@media (min-width: 1200px) {
  .p-order-camp__link {
    margin: 0 15px 0 0;
    float: right;
  }
}

.u-order-select:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 801px) {
  .u-order-select {
    display: table;
    width: 100%;
  }
}

.u-order-select__box {
  display: table;
  width: 100%;
}

@media (min-width: 801px) {
  .u-order-select__box {
    display: block;
    float: left;
    width: 80%;
    padding: 0 20px 0 0;
  }
}

.u-order-select__wrap {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

@media (max-width: 320px) {
  .u-order-select__wrap {
    width: 52%;
  }
}

@media (min-width: 801px) {
  .u-order-select__wrap {
    width: 76%;
  }
}

.u-order-select__select {
  width: 130px;
  overflow: hidden;
  border-radius: 5px;
  padding: 0 49px 0 0;
}

@media (min-width: 801px) {
  .u-order-select__select {
    width: 150px;
  }
}

.u-order-select__select select {
  width: 209%;
  background: url("/images/common/bg_select_2.png") #fff no-repeat;
  background-size: 28%;
  height: 40px;
  border-radius: 5px;
  background-position: 69%;
  font-size: 1.4rem;
  font-weight: bold;
  border-right: 1px solid #dcdcdc;
}

@media (min-width: 801px) {
  .u-order-select__select select {
    background-size: 23%;
    background-position: 63% center;
  }
}

.u-order-select__point {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

@media (min-width: 801px) {
  .u-order-select__point {
    border: solid 1px #cdcdcd;
    width: 215px;
    text-align: center;
    border-radius: 3px;
    padding: 0;
    height: 40px;
  }
}

.u-order-select__price {
  line-height: 1;
  display: block;
}

@media (min-width: 801px) {
  .u-order-select__price {
    float: left;
    margin: 0;
    width: 20%;
  }
}

.u-order-select__price p {
  background: #f5f7f8;
  text-align: center;
  border: 1px solid #dcdcdc;
  padding: 10px 0;
  text-align: center;
  border-radius: 3px;
}

@media (min-width: 801px) {
  .u-order-select__price p {
    width: 230px;
    padding: 0;
    height: 40px;
  }
}

@media (min-width: 801px) {
  .u-order-ttl2column__ttl {
    display: inline-block;
    width: 19%;
  }
}

@media (min-width: 801px) {
  .u-order-ttl2column__attention {
    display: inline-block;
    width: 80.6%;
    text-align: right;
    margin: 0;
  }
}

.u-order-estimate .p-order-btngroup {
  display: inline-block;
  text-align: right;
  width: 100%;
}

@media (min-width: 801px) {
  .u-order-estimate .p-order-btngroup {
    width: auto;
  }
}

@media (min-width: 801px) {
  .u-order-estimate .p-order-pointcount {
    width: 50%;
  }
}

@media (min-width: 801px) {
  .u-order-estimate__btn {
    display: table-cell;
    width: 50%;
    text-align: right;
  }
}

@media (min-width: 801px) {
  .u-order-estimate__imgtxt {
    display: table;
    width: 100%;
  }
}

@media (min-width: 801px) {
  .u-order-estimate__img {
    display: table-cell;
    width: 280px;
    vertical-align: top;
  }
}

@media (min-width: 801px) {
  .u-order-estimate__txt {
    display: table-cell;
    vertical-align: top;
  }
}

@media (min-width: 801px) {
  .u-order-estimate__txt p, .u-order-estimate__txt a {
    margin: 0 0 0 30px;
  }
}

.u-order-estimate__txt a {
  display: block;
}

@media (min-width: 801px) {
  .u-order-estimate__txt a {
    padding: 5px 0 0;
  }
}

input[type="text"],
input[type="password"],
textarea,
select {
  outline: none;
}

.p-mypage-menu {
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  .p-mypage-menu {
    margin-bottom: 50px;
  }
}

.p-mypage-menu li {
  border: 1px solid #dcdcdc;
  background: #F5F7F8;
  width: 100%;
  margin: 0 0 20px 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-mypage-menu li:last-child {
  margin-bottom: 0;
}

@media (min-width: 481px) {
  .p-mypage-menu li {
    float: left;
    width: 49%;
    margin-right: 2%;
    height: 280px;
  }
  .p-mypage-menu li:nth-child(even) {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .p-mypage-menu li {
    width: 32.5%;
    height: 360px;
    margin: 0 15px 15px 0;
  }
  .p-mypage-menu li:nth-child(even) {
    margin-right: 15px;
  }
  .p-mypage-menu li:nth-child(3n) {
    margin-right: 0;
  }
  .p-mypage-menu li:nth-child(4n) {
    margin-bottom: 0;
  }
}

.p-mypage-panel, .p-mypage-panel--contact {
  padding: 20px;
  position: relative;
}

@media (min-width: 1200px) {
  .p-mypage-panel, .p-mypage-panel--contact {
    padding: 40px 30px;
  }
}

@media (min-width: 1200px) {
  .p-mypage-panel--contact {
    padding: 40px 20px;
  }
}

.p-mypage-panel__icon {
  display: block;
  margin: 0 auto 15px;
}

@media (min-width: 1200px) {
  .p-mypage-panel__icon {
    margin: 0 auto 30px;
  }
}

.p-mypage-panel__heading {
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (min-width: 1200px) {
  .p-mypage-panel__heading {
    font-size: 21px;
    font-size: 2.1rem;
  }
}

@media (max-width: 480px) {
  .p-mypage-panel__wrap > p {
    display: inline-block;
  }
  .p-mypage-panel__wrap > select {
    display: inline-block;
    width: 145px;
  }
}

.p-mypage-panel__form {
  display: block;
  vertical-align: middle;
  width: 100%;
}

@media (min-width: 481px) {
  .p-mypage-panel__form {
    margin: 5px 0 0 0;
  }
}

.p-mypage-panel__link, .p-mypage-panel__link--contact {
  text-align: center;
}

@media (min-width: 481px) {
  .p-mypage-panel__link, .p-mypage-panel__link--contact {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
  }
}

@media (min-width: 1200px) {
  .p-mypage-panel__link, .p-mypage-panel__link--contact {
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .p-mypage-panel__link--contact {
    padding-left: 10px;
  }
}

.p-mypage-header {
  margin-bottom: 30px;
  border-bottom: 1px solid #dcdcdc;
}

@media (min-width: 481px) {
  .p-mypage-header {
    border: none;
    margin-bottom: 60px;
  }
}

.p-mypage-header__heading {
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 0 1px;
  padding: 15px 45px 15px 15px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-mypage-header__heading:after {
  border-top: 2px solid #a2a2a2;
  border-right: 2px solid #a2a2a2;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (min-width: 481px) {
  .p-mypage-header__heading:after {
    display: none;
  }
}

.p-mypage-header__heading.open:after {
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

@media (min-width: 481px) {
  .p-mypage-header__heading {
    border: none;
    cursor: default;
    margin-bottom: 15px;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-mypage-header__headingcancel {
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 0 1px;
  padding: 15px 45px 15px 15px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
}

.p-mypage-header__headingcancel:after {
  border-top: 2px solid #a2a2a2;
  border-right: 2px solid #a2a2a2;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (min-width: 481px) {
  .p-mypage-header__headingcancel:after {
    display: none;
  }
}

.p-mypage-header__headingcancel.open:after {
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

@media (min-width: 481px) {
  .p-mypage-header__headingcancel {
    border: none;
    cursor: default;
    margin-bottom: 15px;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-mypage-header__body {
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 0 1px;
  background: #F5F7F8;
  padding: 15px;
  display: none;
}

@media (min-width: 481px) {
  .p-mypage-header__body {
    border: none;
    background: none;
    display: block !important;
    margin-bottom: 45px;
    padding: 0;
  }
}

.p-mypage-header__body > p {
  color: #666;
  line-height: 1.7;
  margin-bottom: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .p-mypage-header__body > p {
    margin-bottom: 15px;
  }
}

.p-mypage-header__body > ul li {
  color: #666;
  line-height: 1.7;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-mypage-header__body > ul li:last-child {
  margin-bottom: 0;
}

@media (min-width: 481px) {
  .p-mypage-header__body > ul li {
    margin-bottom: 15px;
  }
}

.p-mypage-card {
  border: 2px solid #ccc;
  padding: 15px;
  position: relative;
  margin: 0 0 30px;
}

@media (min-width: 481px) {
  .p-mypage-card {
    padding: 30px;
  }
}

.p-mypage-card__heading {
  margin: 0 0 30px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-mypage-card .btn--dismiss, .p-mypage-card .btn--dismiss--lg, .p-mypage-card .btn--dismiss--centered, .p-mypage-card .btn--dismiss--all {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
}

@media (min-width: 481px) {
  .p-mypage-card .btn--dismiss, .p-mypage-card .btn--dismiss--lg, .p-mypage-card .btn--dismiss--centered, .p-mypage-card .btn--dismiss--all {
    right: 30px;
  }
}

.p-mypage-card ul li {
  color: #666;
  line-height: 1.7;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-mypage-card ul li:last-child {
  margin-bottom: 0;
}

.p-history-data {
  padding: 15px;
  border: 1px solid #dcdcdc;
  border-width: 0 1px 1px 1px;
}

@media (min-width: 1200px) {
  .p-history-data {
    padding: 20px 30px;
  }
}

@media (min-width: 1200px) {
  .p-history-data__wrap:first-child {
    margin-bottom: 30px;
  }
}

.p-history-data__wrap:last-child .p-history-data__inner:last-child {
  margin-bottom: 0;
}

.p-history-data__inner {
  display: block;
  margin-bottom: 30px;
}

@media (min-width: 481px) {
  .p-history-data__inner {
    float: left;
    width: 33.33333%;
    margin-bottom: 20px;
    padding-right: 20px;
  }
  .p-history-data__inner:last-child {
    padding-right: 0;
  }
}

@media (min-width: 1200px) {
  .p-history-data__inner {
    margin-bottom: 0;
    padding-right: 0;
  }
}

.p-history-data__heading {
  margin-bottom: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-history-data__heading {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-history-data__text {
  color: #666;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-history-data__text span {
  font-weight: bold;
  display: inline-block;
  margin-right: 5px;
}

.p-history-data__list > li {
  color: #666;
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-history-data__date dt, .p-history-data__date dd {
  color: #666;
  display: inline-block;
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-history-data__date dt:after {
  content: ":";
  margin: 0 10px;
}

.p-mypage-sum {
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-mypage-sum {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-history-header {
  border: 1px solid #dcdcdc;
  background: #F5F7F8;
  color: #666;
  padding: 15px;
  margin: 0 0 -1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 801px) {
  .p-history-header {
    display: table;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .p-history-header {
    padding: 15px 30px;
    margin: 0;
  }
}

.p-history-header__left {
  margin-bottom: 10px;
}

@media (min-width: 801px) {
  .p-history-header__left {
    display: table-cell;
  }
}

@media (min-width: 1200px) {
  .p-history-header__left {
    overflow: hidden;
    margin-bottom: 0;
  }
}

.p-history-header__right {
  text-align: right;
}

@media (min-width: 801px) {
  .p-history-header__right {
    display: table-cell;
    width: 134px;
    vertical-align: middle;
  }
}

.p-history-header__info {
  display: block;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-history-header__info:last-child {
  margin-right: 0;
}

@media (min-width: 481px) {
  .p-history-header__info {
    display: inline-block;
    margin: 0 100px 0 0;
  }
}

@media (min-width: 1200px) {
  .p-history-header__info {
    margin: 0 120px 0 0;
  }
}

.p-history-header__info dt, .p-history-header__info dd {
  display: inline-block;
  vertical-align: middle;
}

.p-history-list > li {
  margin-bottom: 20px;
}

.p-history-list > li:last-child {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .p-history-list > li {
    margin-bottom: 40px;
  }
}

.p-history-body {
  border: 1px solid #dcdcdc;
  border-width: 0 1px;
  display: block;
  width: 100%;
  color: #666;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-history-body {
    display: table;
    border-width: 0 1px 1px 1px;
  }
}

@media (min-width: 1200px) {
  .p-history-body {
    display: table;
    border-width: 0 1px 1px 1px;
  }
}

.p-history-body__state {
  display: block;
  border: 1px solid #dcdcdc;
  border-width: 0 0 1px 0;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-history-body__state {
    border: 1px solid #dcdcdc;
    border-width: 0 1px 0 0;
    display: table-cell;
    vertical-align: top;
    width: 155px;
  }
}

@media (min-width: 1200px) {
  .p-history-body__state {
    border: 1px solid #dcdcdc;
    border-width: 0 1px 0 0;
    display: table-cell;
    vertical-align: top;
    width: 155px;
    padding: 20px 0;
  }
}

.p-history-body__state img {
  width: 51px;
  height: 60px;
  margin-bottom: 7px;
}

@media (min-width: 1200px) {
  .p-history-body__state img {
    margin-bottom: 5px;
  }
}

.p-history-body__status {
  padding: 15px 0;
  margin-left: 10px;
  font-weight: bold;
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 801px) {
  .p-history-body__status {
    padding: 20px 0;
  }
}

.p-history-body__slipno {
  margin: 20px 10px 0;
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-history-body__detail {
  display: block;
}

@media (min-width: 1200px) {
  .p-history-body__detail {
    display: table-cell;
    vertical-align: top;
  }
}

.p-history-body__item {
  border: 1px solid #dcdcdc;
  border-width: 0 0 1px 0;
  padding: 15px 15px 60px;
  display: table;
  width: 100%;
  position: relative;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-history-body__item {
    border: 1px solid #dcdcdc;
    border-width: 1px 0 0 0;
    padding: 20px 30px;
  }
}

@media (min-width: 1200px) {
  .p-history-body__item {
    border: 1px solid #dcdcdc;
    border-width: 1px 0 0 0;
    padding: 20px 30px 70px;
    margin-top: -1px;
  }
}

.p-history-body__item.is-detail {
  padding: 15px 15px 70px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-history-body__item.is-detail {
    padding: 20px 30px 80px;
  }
}

@media (min-width: 1200px) {
  .p-history-body__item.is-detail {
    padding: 20px 30px 80px;
  }
}

.p-history-body__thumb {
  display: table-cell;
  vertical-align: top;
  width: 75px;
}

@media (min-width: 1200px) {
  .p-history-body__thumb {
    width: 100px;
  }
}

.p-history-body__thumb img {
  width: 75px;
  height: 75px;
}

@media (min-width: 1200px) {
  .p-history-body__thumb img {
    width: 100px;
    height: 100px;
  }
}

.p-history-body__content {
  padding-left: 15px;
  display: table-cell;
}

@media (min-width: 1200px) {
  .p-history-body__content {
    padding-left: 30px;
  }
}

.p-history-body__content > p {
  margin-bottom: 5px;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-history-body__content > p {
    margin-bottom: 10px;
  }
}

.p-history-body__content > p:last-child {
  margin-bottom: 0;
}

.p-history-body__content > p a {
  line-height: 1.5;
}

.p-history-body__content dt, .p-history-body__content dd {
  font-size: 14px;
  font-size: 1.4rem;
}

.p-history-body__btnwrap {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin: 0 0 0 -25%;
  border-width: 2px;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
}

@media (min-width: 801px) {
  .p-history-body__btnwrap {
    bottom: 20px;
    left: auto;
    right: 20px;
    margin: 0;
    height: 42px;
    line-height: 42px;
  }
}

.p-history-body__btnwrap a.p-history-body__btn {
  margin: 15px 0 0;
  line-height: 2.5;
  width: 205px;
}

@media (min-width: 801px) {
  .p-history-body__btnwrap a.p-history-body__btn {
    height: 40px;
    line-height: 40px;
  }
}

.p-history-body__cost {
  border: 1px solid #dcdcdc;
  border-width: 0 0 1px 0;
  padding: 20px;
  display: block;
}

@media (min-width: 1200px) {
  .p-history-body__cost {
    border-width: 0 0 0 1px;
    display: table-cell;
    vertical-align: top;
    width: 430px;
    padding: 20px 30px;
  }
}

.p-history-body__amount, .p-history-body__amount--last {
  line-height: 1.9;
}

.p-history-body__amount dt, .p-history-body__amount--last dt {
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-history-body__amount dd, .p-history-body__amount--last dd {
  float: right;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-history-body__amount--last {
  border-top: 1px dashed #dcdcdc;
  margin-top: 5px;
  padding-top: 5px;
}

.p-history-body__amount--last dt, .p-history-body__amount--last dd {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}

.p-bookmark-item > div {
  color: #666;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .p-bookmark-item {
    display: table;
    width: 100%;
  }
}

.p-bookmark-item__label {
  display: table-cell;
  padding: 0;
  vertical-align: middle;
}

@media (min-width: 1200px) {
  .p-bookmark-item__label {
    margin-bottom: 0;
    padding: 0 80px 0 30px;
    width: 730px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.p-bookmark-item__label > p {
  margin-bottom: 5px;
}

@media (min-width: 1200px) {
  .p-bookmark-item__label > p {
    margin-bottom: 0;
  }
}

.p-bookmark-item__stock {
  display: block;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .p-bookmark-item__stock {
    display: table-cell;
    vertical-align: middle;
    width: 110px;
    margin-bottom: 0;
  }
}

.p-bookmark-item__text span {
  font-weight: bold;
}

.p-bookmark-item__text span:after {
  content: ":";
  margin: 0 5px;
}

.p-bookmark-item__total {
  display: block;
}

@media (min-width: 1200px) {
  .p-bookmark-item__total {
    display: table-cell;
    vertical-align: middle;
    width: 190px;
  }
}

.p-bookmark-item__price {
  font-weight: bold;
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-bookmark-item__price {
    text-align: right;
    padding-right: 90px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-bookmark-item__price span {
  color: #CB0014;
  display: block;
}

.p-bookmark-item__btn {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (min-width: 1200px) {
  .p-bookmark-item__btn {
    top: 50%;
    margin-top: -15px;
  }
}

.p-bookmark-item__btn img {
  cursor: pointer;
  height: auto;
  width: 62px;
  max-width: 62px;
}

.p-bookmark-item__media {
  display: table;
  width: 100%;
}

.p-bookmark-item__media .media-image {
  vertical-align: middle;
  display: table-cell;
  width: 75px;
}

@media (min-width: 481px) {
  .p-bookmark-item__media .media-image {
    width: 100px;
  }
}

.p-bookmark-item__media .media-image > img {
  width: 75px;
  max-width: 75px;
  height: auto;
}

@media (min-width: 481px) {
  .p-bookmark-item__media .media-image > img {
    width: 100px;
    max-width: 100px;
  }
}

.p-bookmark-item__media .media-body {
  display: table-cell;
  vertical-align: top;
  padding-left: 15px;
  position: relative;
}

.p-bookmark-item__media .media-body a {
  line-height: 1.5;
}

@media (min-width: 1200px) {
  .p-bookmark-item__media .media-body {
    vertical-align: middle;
    margin-bottom: 0;
    width: 1030px;
  }
}

.modify-header {
  position: relative;
  padding-top: 20px;
  margin-bottom: 20px;
}

@media (min-width: 481px) {
  .modify-header {
    height: 35px;
    padding-top: 0;
  }
}

@media (min-width: 481px) {
  .modify-header p {
    position: absolute;
    top: -10px;
    right: 0;
  }
}

.modify-header p img {
  width: 140px;
  height: auto;
}

@media (min-width: 481px) {
  .modify-header p img {
    width: 180px;
    height: 35px;
  }
}

.p-history-btntext {
  text-align: left;
  margin: 10px 0 30px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .p-history-btntext {
    text-align: center;
    margin: 20px 0 50px;
  }
}

@media (min-width: 1200px) {
  .p-history-btntext {
    padding-left: 90px;
  }
}

.p-mypage-nav {
  margin: 20px -13px 20px;
  overflow: scroll;
  padding: 0 0 10px;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

@media (min-width: 801px) {
  .p-mypage-nav {
    overflow: hidden;
    margin: 30px 0 20px;
  }
}

.p-mypage-nav__list {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0 0 20px;
}

@media (min-width: 801px) {
  .p-mypage-nav__list {
    padding: 0 0 40px;
  }
}

.p-mypage-nav__list .is-new .p-mypage-nav__img {
  position: relative;
}

.p-mypage-nav__list .is-new .p-mypage-nav__img:before {
  content: '';
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  background-color: #c30a31;
  position: absolute;
  top: 0;
  right: 56%;
  z-index: 1;
  margin: 0 -36px 0 0;
  border: 2px solid #fff;
}

@media (min-width: 801px) {
  .p-mypage-nav__list .is-new .p-mypage-nav__img:before {
    width: 14px;
    height: 14px;
    border: 4px solid #fff;
    margin: 0 -55px 0 0;
  }
}

.p-mypage-nav__list.is-charaitem .p-mypage-nav__item {
  display: table-cell;
  position: relative;
  padding: 0 20px 0;
  height: 120px;
  width: 100px;
}

@media (min-width: 801px) {
  .p-mypage-nav__list.is-charaitem .p-mypage-nav__item {
    padding: 0;
    height: auto;
    width: auto;
  }
}

.p-mypage-nav__list.is-charaitem .p-mypage-nav__item:first-child {
  padding: 0 20px;
}

@media (min-width: 801px) {
  .p-mypage-nav__list.is-charaitem .p-mypage-nav__item:first-child {
    padding: 0 20px;
  }
}

.p-mypage-nav__list.is-charaitem .p-mypage-nav__item .p-mypage-nav__link {
  position: absolute;
  bottom: 0;
  width: 100px;
}

@media (min-width: 801px) {
  .p-mypage-nav__list.is-charaitem .p-mypage-nav__item .p-mypage-nav__link {
    position: static;
    display: block;
    width: auto;
  }
}

.p-mypage-nav__btmlinkwrap {
  margin: 0 0 5px;
  padding: 15px;
  position: relative;
}

.p-mypage-nav__btmlink {
  text-align: right;
  padding: 0 10px 0 0;
  position: absolute;
  right: 0;
}

@media (min-width: 801px) {
  .p-mypage-nav__btmlink {
    right: 30px;
  }
}

.p-mypage-nav__item {
  display: table-cell;
  position: relative;
  padding: 0 15px;
}

@media (min-width: 801px) {
  .p-mypage-nav__item {
    padding: 0;
  }
}

.p-mypage-nav__item:first-child {
  padding: 0 20px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-nav__item:first-child {
    padding: 0;
  }
}

.p-mypage-nav__link {
  display: block;
}

@media (min-width: 801px) {
  .p-mypage-nav__link:hover {
    text-decoration: none;
  }
  .p-mypage-nav__link:hover .p-mypage-nav__txt {
    color: #00b4b6;
  }
}

.p-mypage-nav__link.is-current .p-mypage-nav__txt {
  color: #00b4b6;
}

.p-mypage-nav__img {
  position: relative;
  display: block;
  margin: 0 auto 10px;
  padding: 0 13px;
}

@media (min-width: 801px) {
  .p-mypage-nav__img {
    margin: 0 auto 13px;
  }
}

.p-mypage-nav__img img {
  display: block;
  width: 40px;
  margin: 0 auto;
}

@media (min-width: 801px) {
  .p-mypage-nav__img img {
    width: 62px;
  }
}

.p-mypage-nav__img img.chara {
  display: block;
  width: 80px;
  margin: 0 auto;
}

@media (min-width: 801px) {
  .p-mypage-nav__img img.chara {
    width: 190px;
  }
}

.p-mypage-nav__txt {
  display: block;
  text-align: center;
  font-size: 1.3rem;
  color: #888888;
  font-weight: bold;
  line-height: 1.3;
  min-height: 3rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-mypage-nav__txt {
    font-size: 1.3rem;
  }
  .p-mypage-nav__txt br:first-child {
    display: none;
  }
}

@media (min-width: 1200px) {
  .p-mypage-nav__txt {
    font-size: 1.4rem;
  }
  .p-mypage-nav__txt br:first-child {
    display: none;
  }
}

.p-mypage-contents {
  margin: 15px 0 15px;
}

@media (min-width: 801px) {
  .p-mypage-contents {
    margin: 40px 0 40px;
  }
}

.p-mypage-ttl {
  color: #333333;
  margin: 0 0 15px;
}

.p-mypage-ttl__ttl {
  font-size: 1.8rem;
  margin: 0 0 10px;
  font-weight: bold;
}

@media (min-width: 801px) {
  .p-mypage-ttl__ttl {
    font-size: 2.4rem;
    font-weight: normal;
    margin: 0 0 25px;
    position: relative;
  }
}

.p-mypage-ttl__txt {
  font-size: 1.4rem;
  line-height: 1.4;
}

.p-mypage-ttl__attention {
  font-size: 1.3rem;
  display: block;
  font-weight: normal;
  padding: 17px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-ttl__attention {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 1.4rem;
  }
}

@media (min-width: 801px) {
  .p-mypage-ttl.is-2block h2 {
    display: inline-block;
    position: relative;
  }
}

.p-mypage-mynumber {
  background: #fbeef0;
  color: #c30a31;
  font-size: 1.3rem;
  padding: 13px 0;
  text-align: center;
  line-height: 1;
}

@media (min-width: 801px) {
  .p-mypage-mynumber {
    font-size: 1.6rem;
    display: inline-block;
    padding: 5px 30px;
    position: absolute;
    right: 0;
  }
}

.p-mypage-tableattention {
  font-size: 1.3rem;
  padding: 0 0 10px;
}

@media (min-width: 801px) {
  .p-mypage-tableattention {
    font-size: 1.6rem;
    position: relative;
    padding: 0 0 15px;
  }
}

.p-mypage-tableattention span {
  font-weight: bold;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypage-tableattention span {
    font-size: 2.0rem;
  }
}

.p-mypage-tableattention_textleft {
  display: inline-block;
  width: 70%;
}

@media (min-width: 801px) {
  .p-mypage-tableattention_textleft {
    width: auto;
  }
}

.p-mypage-tableattention_textright {
  display: inline-block;
  width: 28%;
  text-align: right;
}

@media (min-width: 801px) {
  .p-mypage-tableattention_textright {
    position: absolute;
    width: atuo;
    right: 0;
    top: 0;
  }
}

.p-mypage-btn--center, .p-mypage-btn--totimeline {
  margin: 0 auto;
}

.p-mypage-btn--center.is-wide, .is-wide.p-mypage-btn--totimeline {
  margin: 0 auto 20px;
}

@media (min-width: 801px) {
  .p-mypage-btn--center.is-wide, .is-wide.p-mypage-btn--totimeline {
    margin: 0 auto 30px;
  }
}

.p-mypage-btn--flat {
  background-color: #f5f7f8;
  border: 1px solid #cccccc;
  border-radius: 4px;
  text-align: center;
}

.p-mypage-btn--small {
  margin: 0 auto;
  width: 150px;
  font-size: 1.3rem;
  height: 30px;
  line-height: 30px;
  display: block;
}

.p-mypage-btn--allcheck {
  display: inline-block;
  width: 58%;
  margin: 0 0.5% 0 0;
  line-height: 1.1;
  height: auto;
  padding: 5px 0 5px 20px;
}

@media (min-width: 801px) {
  .p-mypage-btn--allcheck {
    width: 300px;
    margin: 0 2px 0 0;
    line-height: 50px;
    height: 50px;
    padding: 0;
  }
  .p-mypage-btn--allcheck br {
    display: none;
  }
}

.p-mypage-btn--allcheck:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(/images/common/icon_check.png);
  background-size: 100%;
  margin: 0 5px 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -5em;
}

@media (min-width: 801px) {
  .p-mypage-btn--allcheck:before {
    position: static;
    margin: 0 10px 0 0;
  }
}

.p-mypage-btn--font {
  font-size: 1.4rem;
}

@media (min-width: 801px) {
  .p-mypage-btn--font {
    font-size: 1.6rem;
  }
}

.p-mypage-btn--allcancel {
  display: inline-block;
  width: 40%;
  margin: 0;
  line-height: 1.1;
  height: auto;
  padding: 5px 0;
}

@media (min-width: 801px) {
  .p-mypage-btn--allcancel {
    width: 250px;
    line-height: 50px;
    height: 50px;
    padding: 0;
  }
  .p-mypage-btn--allcancel br {
    display: none;
  }
}

.p-mypage-btn--save {
  display: block;
  margin: 0 auto 20px;
  background-color: #00ADEF;
  max-width: 400px;
}

@media (min-width: 801px) {
  .p-mypage-btn--save {
    margin: 0 auto 30px;
  }
}

.p-mypage-btn--save.is-small {
  width: 204px;
}

@media (min-width: 801px) {
  .p-mypage-btn--save.is-small {
    width: 230px;
  }
}

.p-mypage-btn--totimeline {
  width: 260px;
}

.p-mypage-btn--camera {
  margin: 0 auto;
  width: 150px;
  font-size: 1.3rem;
  height: 30px;
  line-height: 30px;
  background-color: #f5f7f8;
  border: 1px solid #cccccc;
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
}

@media (min-width: 801px) {
  .p-mypage-btn--camera {
    width: 170px;
  }
}

.p-mypage-btn--camera:after {
  content: '';
  display: inline-block;
  margin: 0 0 0 10px;
  width: 1.3em;
  height: 1.3em;
  background-image: url(/images/common/icon_camera.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
}

.p-mypage-btn--camera input {
  display: none;
}

.p-mypage-form {
  position: relative;
}

.p-mypage-form__top {
  padding: 0 0 15px;
}

@media (min-width: 801px) {
  .p-mypage-form__top {
    position: absolute;
    bottom: 100%;
    right: 0;
    padding: 0 0 10px;
  }
}

.p-mypage-form__input--text {
  padding: 5px 10px;
  width: 100%;
  display: block;
  font-size: 1.6rem;
  border-radius: 4px;
  margin: 13px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-form__input--text {
    padding: 10px 15px;
    font-size: 1.4rem;
    margin: 0;
  }
}

.p-mypage-form__input--textarea {
  padding: 10px 10px;
  width: 100%;
  display: block;
  font-size: 1.6rem;
  border-radius: 4px;
  min-height: 7em;
  line-height: 1.2;
  margin: 15px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-form__input--textarea {
    min-height: 100px;
    padding: 15px;
    font-size: 1.4rem;
    margin: 0;
  }
}

.p-mypage-form__messege {
  font-size: 1.5rem;
  display: block;
  padding: 0 0 20px;
}

@media (min-width: 801px) {
  .p-mypage-form__messege {
    font-size: 1.7rem;
  }
}

.p-mypage-form__messege.error {
  color: #c30a31;
}

@media (min-width: 801px) {
  .p-mypage-review {
    width: 100%;
    display: table;
  }
}

.p-mypage-review-item {
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .p-mypage-review-item {
    display: table-cell;
    width: 300px;
    padding: 0 30px 0 0;
    vertical-align: top;
  }
}

.p-mypage-review-item__img {
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .p-mypage-review-item__img {
    margin: 0 0 30px;
    width: 300px;
  }
}

.p-mypage-review-item__name {
  display: block;
  font-size: 1.4rem;
  color: #1794ce;
  margin: 0 0 5px;
}

@media (min-width: 801px) {
  .p-mypage-review-item__name {
    margin: 0 0 15px;
  }
}

.p-mypage-review-item__code {
  color: #888888;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypage-review-item__code {
    font-size: 1.4rem;
  }
}

.p-mypage-review-item__price {
  color: #888888;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypage-review-item__price {
    font-size: 1.4rem;
  }
}

@media (min-width: 801px) {
  .p-mypage-review-form {
    display: table-cell;
    vertical-align: top;
  }
}

.p-mypage-review-form__attention {
  text-align: right;
  margin: 0 0 5px;
  font-size: 1.3rem;
  position: relative;
}

@media (min-width: 801px) {
  .p-mypage-review-form__attention {
    font-size: 1.4rem;
  }
}

.p-mypage-review-form__attention span {
  color: #c30a31;
  margin: 0 3px 0 0;
}

.p-mypage-review-form__attention .p-mypage-review-form__error {
  text-align: left;
  display: block;
}

@media (min-width: 801px) {
  .p-mypage-review-form__attention .p-mypage-review-form__error {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.p-mypage-review-form__error {
  color: #c30a31;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypage-review-form__error {
    font-size: 1.6rem;
  }
}

.p-mypage-review-form__error.for-review {
  margin: 0 0 -1em;
  display: block;
}

.p-mypage-review-form__error.is-normal {
  font-size: 1.3rem;
  padding: 5px 0 0;
  color: #000;
}

.p-mypage-review-form__errorstatic {
  font-size: 1.3rem;
  display: block;
  margin: 5px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-review-form__errorstatic {
    font-size: 1.3rem;
    position: absolute;
    margin: 5px 0 0 -13%;
    width: 108%;
    text-align: left;
    bottom: 5px;
  }
}

.p-mypage-review-form td p {
  margin: 15px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-review-form td p {
    margin: 0;
  }
}

.p-mypage-review-form input[type="submit"].p-mypage-review-form__btn {
  border: solid 1px #ccc;
  display: inline-block;
  width: 150px;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 801px) {
  .p-mypage-review-form input[type="submit"].p-mypage-review-form__btn {
    width: 95px;
  }
}

.p-mypage-review-form input[type="submit"].p-mypage-review-form__btn.is-wide {
  margin: 10px 0 0;
  width: 25rem;
}

.p-mypage-review-form__star input {
  display: none;
}

.p-mypage-review-form__star span {
  position: static;
  display: inline-block;
  width: 35px;
  height: 35px;
  background: none;
  background-image: url(/images/common/icon_star-off.png);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  margin: 15px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-review-form__star span {
    width: 40px;
    height: 40px;
    margin: 0;
  }
}

.p-mypage-review-form__star span.is-on, .p-mypage-review-form__star span:checked {
  background-image: url(/images/common/icon_star-on.png);
}

.p-mypage-review-form__star img {
  width: 30px;
}

.p-mypage-review-form__star.is-check li {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 15px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-review-form__star.is-check li {
    margin: 0;
    width: 40px;
    height: 40px;
  }
}

.p-mypage-review-form__star.is-check li img {
  width: 100%;
}

.p-mypage-review-form__fav-chara {
  text-align: center;
}

@media (min-width: 801px) {
  .p-mypage-review-form__fav-chara {
    text-align: left;
  }
}

.p-mypage-review-form__fav-chara img {
  display: block;
  width: 100px;
  margin: 15px auto 10px;
}

@media (min-width: 801px) {
  .p-mypage-review-form__fav-chara img {
    width: 60px;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 10px 0 0;
  }
}

.p-mypage-review-form__fav-chara a {
  display: block;
}

@media (min-width: 801px) {
  .p-mypage-review-form__fav-chara a {
    display: inline-block;
    margin: 10px 0 0 0;
    vertical-align: bottom;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 1.4rem;
    transition: 0.3s;
  }
  .p-mypage-review-form__fav-chara a:hover {
    opacity: 0.6;
    text-decoration: none;
  }
}

.p-mypage-review-form__addimg {
  text-align: center;
  position: relative;
}

@media (min-width: 801px) {
  .p-mypage-review-form__addimg {
    display: table;
    width: 100%;
  }
}

.p-mypage-review-form__addimg textarea {
  margin: 15px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-review-form__addimg textarea {
    display: table-cell;
    vertical-align: bottom;
    margin: 0;
    resize: none;
    height: 130px;
  }
}

.p-mypage-review-form__imgbtn {
  margin: 15px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-review-form__imgbtn {
    width: 17.34694%;
    display: table-cell;
    vertical-align: bottom;
    padding: 0 0 5px 10px;
    margin: 0;
  }
}

.p-mypage-review-form__imgbtn .progress {
  display: inline-block;
  padding: 0 0 5px;
}

.p-mypage-review-form__img {
  width: 150px;
  margin: 0 auto;
  position: relative;
}

@media (min-width: 801px) {
  .p-mypage-review-form__img {
    vertical-align: bottom;
    width: 20%;
    display: table-cell;
    padding: 0 0 0 10px;
  }
}

.p-mypage-review-form__imgWrap {
  opacity: 0;
  display: block;
}

.p-mypage-review-form__imgWrap.is-show {
  opacity: 1;
  display: block;
}

.p-mypage-review-form__close {
  position: absolute;
  top: 5px;
  right: 5px;
}

.p-mypage-review-form__del-btn {
  background-color: #f5f7f8;
  border: 1px solid #cccccc;
  border-radius: 4px;
  text-align: center;
  margin: 0 auto;
  width: 205px;
  font-size: 1.3rem;
  height: 40px;
  line-height: 40px;
  position: relative;
}

@media (min-width: 801px) {
  .p-mypage-review-form__del-btn {
    width: 300px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4rem;
  }
}

.p-mypage-review-form__del-btn:before, .p-mypage-review-form__del-btn:after {
  content: '';
  display: block;
  background-color: #888888;
  position: absolute;
  transform: rotate(45deg);
}

.p-mypage-review-form__del-btn:before {
  width: 10px;
  height: 2px;
  top: 50%;
  right: 11px;
  margin: -1px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-review-form__del-btn:before {
    width: 15px;
    height: 3px;
    margin: -2px 0 0;
  }
}

.p-mypage-review-form__del-btn:after {
  width: 2px;
  height: 10px;
  top: 50%;
  right: 15px;
  margin: -5px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-review-form__del-btn:after {
    width: 3px;
    height: 15px;
    margin: -8px 0 0;
    right: 17px;
  }
}

.p-mypage-review-form__del-btn input {
  width: 100%;
  height: 100%;
  text-align: center;
  background: none;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  color: #333333;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypage-review-form__del-btn input {
    font-size: inherit;
    transition: opacity 0.3s;
    font-size: 1.4rem;
  }
  .p-mypage-review-form__del-btn input:hover {
    opacity: 0.6;
  }
}

.p-mypage-tableguestvoice {
  margin: 0 0 30px;
}

@media (min-width: 801px) {
  .p-mypage-tableguestvoice {
    margin: 0 0 50px;
  }
}

@media (min-width: 801px) {
  .p-mypage-tableguestvoice__inner {
    display: table;
    width: 100%;
    border-top: 1px solid #cccccc;
  }
}

.p-mypage-tableguestvoice__inner:last-child {
  border-bottom: 1px solid #cccccc;
}

.p-mypage-tableguestvoice__ttl {
  color: #333333;
  background-color: #f5f7f8;
  padding: 10px 10px 8px;
  font-size: 1.3rem;
  font-weight: bold;
  border-top: 1px solid #cccccc;
}

@media (min-width: 801px) {
  .p-mypage-tableguestvoice__ttl {
    border: none;
    display: table-cell;
    vertical-align: middle;
    width: 160px;
    padding: 35px;
    font-weight: normal;
    line-height: 2.2rem;
    font-size: 1.4rem;
  }
}

.p-mypage-tableguestvoice__txt {
  padding: 0 10px 30px;
  position: relative;
}

@media (min-width: 801px) {
  .p-mypage-tableguestvoice__txt {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 40px;
  }
}

@media (min-width: 801px) {
  .p-mypage-tableguestvoice__txt.is-small {
    width: 250px;
  }
}

@media (min-width: 801px) {
  .p-mypage-tableguestvoice__txt.is-pwide {
    padding: 20px 10% 20px 40px;
  }
}

.p-mypage-tableguestvoice__txt .p-mypage-review-form__error {
  display: block;
  text-align: left;
  width: 100%;
}

@media (min-width: 801px) {
  .p-mypage-tableguestvoice__txt .p-mypage-review-form__error {
    position: absolute;
    margin: 0;
  }
}

.p-mypage-tableguestvoice__txt .caution {
  font-size: 1rem;
  display: inline-block;
  padding: 1rem 0 0;
  line-height: 1.3;
}

.p-mypage-tableguestvoice .is-must:after {
  content: '*';
  color: #c30a31;
  display: inline;
  margin: 0 0 0 3px;
}

.p-mypage-table {
  margin: 0 0 30px;
}

@media (min-width: 801px) {
  .p-mypage-table {
    margin: 0 0 40px;
  }
}

.p-mypage-table__table {
  display: block;
  border-top: 1px solid #cccccc;
}

@media (min-width: 801px) {
  .p-mypage-table__table {
    width: 100%;
    display: table;
  }
}

.p-mypage-table tbody {
  display: block;
}

@media (min-width: 801px) {
  .p-mypage-table tbody {
    display: table-row-group;
  }
}

.p-mypage-table__tr {
  display: block;
}

@media (min-width: 801px) {
  .p-mypage-table__tr {
    display: table-row;
    border-bottom: 1px solid #cccccc;
  }
}

.p-mypage-table__th {
  display: block;
  font-size: 1.3rem;
  font-weight: bold;
  color: #333333;
  background-color: #f5f7f8;
  padding: 10px 10px 8px;
}

@media (min-width: 801px) {
  .p-mypage-table__th {
    width: 220px;
    display: table-cell;
    padding: 30px;
    vertical-align: middle;
    font-weight: normal;
    line-height: 2.2rem;
    font-size: 1.4rem;
  }
}

.p-mypage-table__th.is-must:after {
  content: '*';
  color: #c30a31;
  display: inline;
  margin: 0 0 0 3px;
}

.p-mypage-table__th br {
  display: none;
}

@media (min-width: 801px) {
  .p-mypage-table__th br {
    display: block;
  }
}

.p-mypage-table__td {
  display: block;
  padding: 0 10px 30px;
  font-size: 1.2rem;
  color: #333333;
  line-height: 1.6;
  border-bottom: 1px solid #cccccc;
}

@media (min-width: 801px) {
  .p-mypage-table__td {
    display: table-cell;
    border-bottom: none;
    vertical-align: middle;
    padding: 30px 300px 30px 30px;
    position: relative;
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 801px) {
  .p-mypage-table__td--no-padding {
    padding: 30px 40px;
  }
}

.p-mypage-table__td.is_conf {
  padding: 15px 10px 30px;
}

@media (min-width: 801px) {
  .p-mypage-table__td.is_conf {
    padding: 30px 300px 30px 30px;
  }
}

.p-mypage-table__list {
  padding: 15px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-table__list {
    padding: 0;
  }
}

.p-mypage-table__list li {
  line-height: 1;
  padding: 0 0 10px;
}

@media (min-width: 801px) {
  .p-mypage-table__list li {
    display: inline-block;
    width: 49%;
    padding: 0 0 25px;
  }
}

@media (min-width: 801px) {
  .p-mypage-table__list li:nth-child(odd) {
    padding: 0 4% 25px 0;
  }
}

.p-mypage-table__list li:last-child {
  padding: 0;
}

.p-mypage-table__btn {
  display: block;
  width: 204px;
  height: 50px;
  line-height: 50px;
  margin: 15px auto 0;
  background-color: #1794ce;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  font-size: 1.3rem;
  font-weight: bold;
  position: relative;
}

@media (min-width: 801px) {
  .p-mypage-table__btn {
    position: absolute;
    top: 50%;
    margin: -25px 0 0;
    right: 30px;
    width: 230px;
    font-size: 1.6rem;
    transition: 0.3s ease-in-out;
  }
  .p-mypage-table__btn:hover {
    opacity: 0.6;
    text-decoration: none;
  }
}

.p-mypage-table__btn:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: rotate(45deg);
  margin: -4px 0 0;
}

.p-mypage-table__btn.bottom_btn {
  position: static;
  margin: 0 auto 30px;
}

@media (min-width: 801px) {
  .p-mypage-table__btn.bottom_btn {
    margin: 0 auto 40px;
  }
}

.p-mypage-table__none {
  color: #c01733;
}

.p-mypage-table__check-box-list, .p-mypage-table__check-box-list02 {
  margin: 15px 0 -20px;
}

@media (min-width: 801px) {
  .p-mypage-table__check-box-list, .p-mypage-table__check-box-list02 {
    margin: 0 0 -30px;
  }
}

.p-mypage-table__check-box-list li, .p-mypage-table__check-box-list02 li {
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-mypage-table__check-box-list li, .p-mypage-table__check-box-list02 li {
    display: inline-block;
    width: 32%;
    margin: 0 0 30px;
  }
}

.p-mypage-table__check-box-list label, .p-mypage-table__check-box-list02 label {
  position: relative;
  padding: 0 0 0 30px;
}

.p-mypage-table__check-box-list input, .p-mypage-table__check-box-list02 input {
  display: block;
  width: 22px;
  height: 22px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 0;
  border: none;
  margin: -11px 0 0;
  background-image: url(/images/common/icon_checkbox.png);
  background-size: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

.p-mypage-table__check-box-list input:checked, .p-mypage-table__check-box-list02 input:checked {
  background-image: url(/images/common/icon_checkbox-checked.png);
}

.p-mypage-table__check-box-list input:checked.is-checked, .p-mypage-table__check-box-list02 input:checked.is-checked {
  background-image: url(/images/common/icon_checkbox-checked-notactive.png);
}

.p-mypage-table__check-box-list span, .p-mypage-table__check-box-list02 span {
  font-size: 1.4rem;
  line-height: 22px;
}

@media (min-width: 801px) {
  .p-mypage-table__check-box-list02 li {
    width: 49%;
  }
}

@media (min-width: 801px) {
  .p-mypage-table02 {
    display: table;
    width: 100%;
  }
}

.p-mypage-table02__table {
  border: 1px solid #cccccc;
}

@media (min-width: 801px) {
  .p-mypage-table02__table {
    border: none;
    border-top: 1px solid #cccccc;
  }
}

@media (min-width: 801px) {
  .p-mypage-table02__tr {
    display: table-cell;
    border-right: 1px solid #cccccc;
  }
}

.p-mypage-table02__tr:last-child {
  border-right: none;
}

.p-mypage-table02__tr:last-child li {
  border: none;
}

@media (min-width: 801px) {
  .p-mypage-table02__tr:last-child li {
    border-bottom: 1px solid #cccccc;
  }
}

.p-mypage-table02__th {
  color: #333333;
  background-color: #f5f7f8;
  width: 100%;
  text-align: center;
  padding: 12px 10px 12px;
  display: block;
  font-weight: normal;
}

@media (min-width: 801px) {
  .p-mypage-table02__th {
    border-bottom: 1px solid #cccccc;
    padding: 18px 10px;
    min-height: 57px;
  }
}

.p-mypage-table02__td {
  width: 100%;
  text-align: center;
  display: block;
}

.p-mypage-table02__list li {
  border-bottom: 1px solid #cccccc;
  padding: 13px 0 25px;
}

@media (min-width: 801px) {
  .p-mypage-table02__list li {
    padding: 18px 15px;
    font-size: 1.4rem;
  }
}

.p-mypage-table02 .is-btn {
  margin: -1px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-table02 .is-btn {
    margin: 0;
  }
}

.p-mypage-table02 .is-btn .p-mypage-table02__th {
  display: none;
}

@media (min-width: 801px) {
  .p-mypage-table02 .is-btn .p-mypage-table02__th {
    display: block;
  }
}

.p-mypage-table02 .is-btn .p-mypage-table02__list li {
  padding: 30px 0;
}

@media (min-width: 801px) {
  .p-mypage-table02 .is-btn .p-mypage-table02__list li {
    padding: 12px 15px;
  }
}

.p-mypage-subscription {
  padding: 0 0 25px;
}

@media (min-width: 801px) {
  .p-mypage-subscription {
    padding: 0 0 65px;
  }
}

.p-mypage-subscription__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000001;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}

.p-mypage-subscription__modal.is-show {
  display: block;
}

.p-mypage-subscription__modalarea {
  border-radius: 5px;
  background-color: #fff;
  margin: 50% auto 0;
  width: 315px;
}

@media (min-width: 801px) {
  .p-mypage-subscription__modalarea {
    margin: 20% auto 0;
    width: 400px;
  }
}

.p-mypage-subscription__modalmessege {
  border-radius: 5px 5px 0 0;
  background-color: #f5f7f8;
  text-align: center;
  font-weight: bold;
  padding: 15px 0;
  margin: 0 0 25px;
  border-bottom: solid 1px #dcdcdc;
}

@media (min-width: 801px) {
  .p-mypage-subscription__modalmessege {
    font-size: 1.8rem;
    margin: 0 0 30px;
  }
}

.p-mypage-subscription__modalbtn {
  padding: 0 7% 25px;
}

@media (min-width: 801px) {
  .p-mypage-subscription__modalbtn {
    padding: 0 29px 30px;
  }
}

.p-mypage-subscription__modalbtn a {
  width: 128px;
}

@media (min-width: 801px) {
  .p-mypage-subscription__modalbtn a {
    width: 160px;
    height: 40px;
    line-height: 40px;
  }
}

.p-mypage-subscription__modalbtn a:first-child {
  margin: 0 5% 0 0;
}

@media (min-width: 801px) {
  .p-mypage-subscription__modalbtn a:first-child {
    margin: 0 20px 0 0;
  }
}

.p-mypage-subscription__modalbtn .c-btn-agree {
  border: solid 1px #00B4B6;
}

.p-mypage-dl {
  text-align: left;
  border-top: solid 1px #cccccc;
  margin: 0 0 30px;
}

@media (min-width: 801px) {
  .p-mypage-dl {
    margin: 0 0 40px;
  }
}

.p-mypage-dl__dl {
  display: table;
  width: 100%;
  border-bottom: solid 1px #cccccc;
  padding: 15px 0;
}

@media (min-width: 801px) {
  .p-mypage-dl__dl {
    padding: 30px 0;
    line-height: 1;
  }
}

.p-mypage-dl__dt {
  display: table-cell;
  width: 22%;
  font-size: 1.1rem;
  color: #888888;
}

@media (min-width: 801px) {
  .p-mypage-dl__dt {
    font-size: 1.4rem;
    width: 9%;
  }
}

.p-mypage-dl__dd {
  vertical-align: top;
  display: table-cell;
  width: 78%;
  padding: 0 0 0 1.5rem;
  font-size: 1.2rem;
}

@media (min-width: 801px) {
  .p-mypage-dl__dd {
    font-size: 1.4rem;
    padding: 0 0 0 1rem;
    width: 91 .p-mypage-dl__dd;
  }
}

.p-mypage-dl__dd a {
  font-size: 1.2rem;
}

@media (min-width: 801px) {
  .p-mypage-dl__dd a {
    font-size: 1.4rem;
  }
}

.p-mypage-charalist__link {
  font-size: 1.5rem;
  width: 100%;
  padding: 0 0 15px;
}

@media (min-width: 801px) {
  .p-mypage-charalist__link {
    font-size: 1.6rem;
    padding: 0 0 30px;
  }
}

.p-mypage-charalist__list {
  float: left;
  padding: 0 5.83333% 0 0;
  width: 10%;
  text-align: center;
}

@media (min-width: 801px) {
  .p-mypage-charalist__list {
    text-align: left;
    width: auto;
    padding: 0 2.91667% 0 0;
  }
}

.p-mypage-charalist__list:last-child {
  padding: 0 2.5% 0 0;
  text-align: left;
}

.p-mypage-charalist__list a {
  color: #1794ce;
  font-weight: bold;
}

.p-mypage-charalist__imglist {
  border-top: solid 1px #cccccc;
  padding: 0 0 15px;
}

@media (min-width: 801px) {
  .p-mypage-charalist__imglist {
    padding: 0 0 60px;
  }
}

.p-mypage-charalist__imglist li {
  float: left;
  width: 21%;
  margin: 0 5% 15px 0;
  text-align: center;
}

@media (min-width: 801px) {
  .p-mypage-charalist__imglist li {
    width: 12.5%;
    margin: 0 0 20px;
  }
  .p-mypage-charalist__imglist li:hover img {
    border-radius: 50%;
    transform: scale(1.18);
    transition: all 0.5s;
  }
  .p-mypage-charalist__imglist li:hover span {
    color: #1794ce;
  }
}

.p-mypage-charalist__imglist li:nth-child(4n) {
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .p-mypage-charalist__imglist li:nth-child(4n) {
    margin: 0;
  }
}

.p-mypage-charalist__imglist li:nth-child(4n+1) {
  clear: left;
}

@media (min-width: 801px) {
  .p-mypage-charalist__imglist li:nth-child(4n+1) {
    clear: none;
  }
}

@media (min-width: 801px) {
  .p-mypage-charalist__imglist li:nth-child(8n+1) {
    clear: left;
  }
}

@media (min-width: 801px) {
  .p-mypage-charalist__imglist li:last-child {
    margin: 0;
  }
}

.p-mypage-charalist__imglist li img {
  margin: 0 auto 7px;
  display: block;
  width: 70px;
  border-radius: 50%;
}

@media (min-width: 801px) {
  .p-mypage-charalist__imglist li img {
    width: 100px;
    margin: 0 auto 5px;
    border-radius: 50%;
    border: 7px solid #fff;
    -webkit-border-radius: 50% 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
}

.p-mypage-charalist__imglist li span {
  display: block;
  font-size: 1rem;
  padding: 0 5px;
}

@media (min-width: 801px) {
  .p-mypage-charalist__imglist li span {
    font-size: 1.4rem;
    padding: 0 8px;
  }
}

.p-mypage-charalist__imglist li input {
  display: none;
}

.p-mypage-charalist__imglist li input:checked + img {
  border: solid 5px #1794ce;
  transform: scale(1.08);
}

@media (min-width: 801px) {
  .p-mypage-charalist__imglist li input:checked + img {
    transition: all 0.5s;
    border: solid 7px #1794ce;
    transform: scale(1);
  }
}

.p-mypage-charalist__imglist li input:checked + img + span {
  color: #1794ce;
}

.p-mypage-charalist__imglist .current_chara img {
  border: solid 5px #1794ce;
  border-radius: 50%;
  transform: scale(1.08);
  transition: all 0.5s;
}

@media (min-width: 801px) {
  .p-mypage-charalist__imglist .current_chara img {
    border: solid 7px #1794ce;
    transform: scale(1);
  }
}

.p-mypage-charalist__imglist .current_chara span {
  color: #1794ce;
}

.p-mypage-charalist__ttl {
  font-size: 1.4rem;
  padding: 0 0 20px;
}

@media (min-width: 801px) {
  .p-mypage-charalist__ttl {
    font-size: 1.6rem;
    padding: 0 0 35px;
  }
}

.p-mypage-charalist__wrap {
  padding: 20px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-charalist .for_sp {
    display: none;
  }
}

.p-mypage-anchorlink {
  padding: 0 0 10px;
}

@media (min-width: 801px) {
  .p-mypage-anchorlink {
    padding: 0 0 25px;
  }
}

.p-mypage-anchorlink li {
  display: inline-block;
  padding: 0 5.83333% 15px 0;
  line-height: 1;
}

@media (min-width: 801px) {
  .p-mypage-anchorlink li {
    padding: 0 3.33333% 0 0;
  }
}

.p-mypage-anchorlink a {
  font-size: 1.5rem;
  color: #1794ce;
  font-weight: bold;
}

@media (min-width: 801px) {
  .p-mypage-anchorlink a {
    font-size: 1.6rem;
  }
}

.p-mypage-finished {
  margin: 20px 0 30px;
  border: solid 1px #dcdcdc;
  padding: 20px 6.66667% 20px;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypage-finished {
    font-size: 1.6rem;
    padding: 40px 4.16667% 40px 8.33333%;
    margin: 60px 0 50px;
    line-height: 1.8;
  }
}

.p-mypage-finished__wrap {
  padding: 0 0 30px;
}

@media (min-width: 801px) {
  .p-mypage-finished__wrap {
    float: left;
    width: 54.16667%;
    padding: 60px 0 30px;
  }
}

.p-mypage-finished__img {
  width: 75%;
  margin: 0 auto;
}

@media (min-width: 801px) {
  .p-mypage-finished__img {
    float: right;
    width: 37.5%;
  }
}

.p-mypage-title {
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .p-mypage-title {
    margin: 0 0 20px;
  }
}

.p-mypage-title__ttl {
  margin-bottom: 0;
}

@media (min-width: 801px) {
  .p-mypage-title__ttl {
    display: inline-block;
    vertical-align: top;
  }
}

.p-mypage-title__lead {
  display: inline-block;
  width: 230px;
  position: relative;
  left: -27px;
  margin: -13px 0 0;
  z-index: -1;
}

@media (min-width: 801px) {
  .p-mypage-title__lead {
    width: 330px;
    top: 0px;
    left: -10px;
    z-index: -1;
    margin: 0;
  }
}

.p-mypageTop__top:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 801px) {
  .p-mypageTop__top {
    margin: 0 0 60px;
  }
}

@media (min-width: 801px) {
  .p-mypageTop__ttlWrap {
    display: table;
    width: 100%;
    margin: 0 0 30px;
  }
}

@media (min-width: 801px) {
  .p-mypageTop__ttlLink {
    display: table-cell;
    text-align: right;
    width: 40%;
    padding: 0 15px 0 0;
  }
}

.p-mypageTop__ttl {
  color: #333333;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 0 15px;
  line-height: 1;
}

@media (min-width: 801px) {
  .p-mypageTop__ttl {
    font-size: 2.4rem;
    font-weight: normal;
    display: table-cell;
    width: 60%;
  }
}

@media (min-width: 801px) {
  .p-mypageTop__first {
    width: 100%;
  }
}

@media (min-width: 801px) {
  .p-mypageTop__second {
    width: 31.6666%;
    float: left;
  }
}

@media (min-width: 801px) {
  .p-mypageTop__third {
    width: 100%;
  }
}

.p-mypageTop-sale {
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-mypageTop-sale {
    margin: 0 0 40px;
  }
}

.p-mypageTop-sale__link {
  display: block;
  border: 2px solid #cccccc;
  border-bottom-width: 4px;
  border-radius: 4px;
}

@media (min-width: 801px) {
  .p-mypageTop-sale__link {
    border-bottom-width: 3px;
  }
  .p-mypageTop-sale__link:hover {
    text-decoration: none;
  }
}

.p-mypageTop-sale__main {
  padding: 17px 15px 20px;
}

@media (min-width: 801px) {
  .p-mypageTop-sale__main {
    padding: 30px 40px;
  }
}

.p-mypageTop-sale__img {
  border: 2px solid #cccccc;
  margin: 0 0 10px;
  position: relative;
}

.p-mypageTop-sale__img img {
  display: block;
  width: 100%;
}

.p-mypageTop-sale__img:before {
  content: '';
  display: block;
  width: 61px;
  height: 65px;
  position: absolute;
  top: -34px;
  right: -20px;
  background-image: url(../images/common/img_clip-blue.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

@media (min-width: 801px) {
  .p-mypageTop-sale__img:before {
    width: 120px;
    height: 130px;
    top: -57px;
    right: -40px;
  }
}

.p-mypageTop-sale__ttl {
  font-size: 1.4rem;
  color: #333333;
  font-weight: bold;
  margin: 0 0 5px;
}

@media (min-width: 801px) {
  .p-mypageTop-sale__ttl {
    font-size: 1.8rem;
  }
}

.p-mypageTop-sale__txt {
  font-size: 1.4rem;
  color: #333333;
}

@media (min-width: 801px) {
  .p-mypageTop-sale__txt {
    font-size: 1.4rem;
  }
}

.p-mypageTop-sale__date {
  border-top: 1px dashed #cccccc;
  background-color: #f5f7f8;
  padding: 15px;
  color: #c30a31;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypageTop-sale__date {
    padding: 15px 40px;
    font-size: 1.4rem;
  }
}

.p-mypageTop-info {
  border: 2px solid #cccccc;
  border-bottom-width: 4px;
  border-radius: 4px;
  padding: 20px 15px 5px;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-mypageTop-info {
    padding: 30px 40px;
    margin: 0 0 40px;
    border-bottom-width: 3px;
  }
}

.p-mypageTop-info__ttl {
  font-size: 1.3rem;
  font-weight: bold;
  color: #333333;
  position: relative;
  line-height: 1;
}

@media (min-width: 801px) {
  .p-mypageTop-info__ttl {
    font-size: 1.8rem;
  }
}

.p-mypageTop-info__ttl span {
  font-weight: normal;
  font-size: 1.1rem;
  padding: 0 0 0 2%;
}

@media (min-width: 801px) {
  .p-mypageTop-info__ttl span {
    font-size: 1.4rem;
    padding: 0 0 0 3rem;
  }
}

@media (max-width: 320px) {
  .p-mypageTop-info__ttl span {
    display: block;
    padding: 0.5rem 0 0 0;
  }
}

.p-mypageTop-info__more {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -0.5em 0 0;
  color: #00b4b6;
  font-size: 1.3rem;
  font-weight: normal;
  padding: 0 15px 0 0;
}

@media (min-width: 801px) {
  .p-mypageTop-info__more {
    font-size: 1.4rem;
  }
}

.p-mypageTop-info__more:before {
  border-top: 2px solid #00b4b6;
  border-left: 2px solid #00b4b6;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  transform: rotate(135deg);
}

@media (min-width: 801px) {
  .p-mypageTop-info__more:before {
    width: 8px;
    height: 8px;
    margin-top: -5px;
  }
}

.p-mypageTop-info__list {
  margin: 15px 0 0;
}

@media (min-width: 801px) {
  .p-mypageTop-info__list {
    border-bottom: 1px dashed #cccccc;
    margin: 20px 0 0;
  }
}

.p-mypageTop-info__item {
  border-top: 1px dashed #cccccc;
  padding: 10px 0;
}

@media (min-width: 801px) {
  .p-mypageTop-info__item {
    padding: 15px 0 15px 115px;
    position: relative;
  }
}

.p-mypageTop-info__date {
  font-size: 1.1rem;
  color: #333333;
  margin: 0 0 5px;
}

@media (min-width: 801px) {
  .p-mypageTop-info__date {
    position: absolute;
    top: 15px;
    left: 0;
    font-size: 1.4rem;
  }
}

.p-mypageTop-info__txt {
  font-size: 1.3rem;
  line-height: 1.4;
  display: inline;
}

@media (min-width: 801px) {
  .p-mypageTop-info__txt {
    font-size: 1.4rem;
  }
}

.p-mypageTop-info__txt a {
  display: inline;
}

.p-mypageTop-info__link {
  color: #00b4b6;
  text-decoration: underline;
}

@media (min-width: 801px) {
  .p-mypageTop-info__link:hover {
    text-decoration: none;
  }
}

.p-mypageTop-coupon {
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-mypageTop-coupon {
    margin: 0 0 40px;
  }
}

.p-mypageTop-coupon__link {
  display: block;
  border: 2px solid #cccccc;
  border-bottom-width: 4px;
  border-radius: 4px;
}

@media (min-width: 801px) {
  .p-mypageTop-coupon__link {
    border-bottom-width: 3px;
  }
  .p-mypageTop-coupon__link:hover {
    text-decoration: none;
  }
}

.p-mypageTop-coupon__main {
  padding: 17px 15px 20px;
}

@media (min-width: 801px) {
  .p-mypageTop-coupon__main {
    padding: 30px 40px;
  }
}

.p-mypageTop-coupon__img {
  border: 2px solid #cccccc;
  margin: 0 0 10px;
  position: relative;
}

.p-mypageTop-coupon__img img {
  display: block;
  width: 100%;
}

.p-mypageTop-coupon__img:before {
  content: '';
  display: block;
  width: 61px;
  height: 65px;
  position: absolute;
  top: -34px;
  right: -20px;
  background-image: url(../images/common/img_clip-yellow.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

@media (min-width: 801px) {
  .p-mypageTop-coupon__img:before {
    width: 120px;
    height: 130px;
    top: -57px;
    right: -40px;
  }
}

.p-mypageTop-coupon__ttl {
  font-size: 1.4rem;
  color: #333333;
  font-weight: bold;
  margin: 0 0 5px;
}

@media (min-width: 801px) {
  .p-mypageTop-coupon__ttl {
    font-size: 1.8rem;
  }
}

.p-mypageTop-coupon__txt {
  font-size: 1.4rem;
  color: #333333;
}

@media (min-width: 801px) {
  .p-mypageTop-coupon__txt {
    font-size: 1.4rem;
  }
}

.p-mypageTop-coupon__date {
  border-top: 1px dashed #cccccc;
  background-color: #f5f7f8;
  padding: 15px;
  color: #c30a31;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypageTop-coupon__date {
    padding: 15px 40px;
    font-size: 1.4rem;
  }
}

.p-mypageTop-use {
  border: 2px solid #ccc;
  margin: 30px 0;
  position: relative;
  background-color: #fff;
  z-index: 1;
}

@media (min-width: 801px) {
  .p-mypageTop-use {
    margin: 0 0 40px;
  }
}

.p-mypageTop-use:after {
  position: absolute;
  bottom: 8px;
  right: 5px;
  z-index: -1;
  content: '';
  width: 200px;
  height: 20px;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
  transform: rotate(3deg);
}

.p-mypageTop-use__header {
  position: relative;
  z-index: 10;
  background-color: #f5f7f8;
  border-bottom: 2px solid #ccc;
  text-align: center;
  padding: 25px 0 20px;
  background-image: url(../images/mypage/use_img03.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 35px;
  margin: 0 0 1px;
}

@media (min-width: 801px) {
  .p-mypageTop-use__header {
    padding: 30px 0 20px;
    background-size: 48px;
  }
}

.p-mypageTop-use__header:before {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  background-image: url(../images/mypage/use_img01.png);
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin: -7px 0 0 -8px;
}

@media (min-width: 801px) {
  .p-mypageTop-use__header:before {
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
  }
}

.p-mypageTop-use__main {
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.p-mypageTop-use__item {
  border-top: 1px dashed #ccc;
  padding: 10px 30px 15px 70px;
  background-repeat: no-repeat;
}

@media (min-width: 801px) {
  .p-mypageTop-use__item {
    padding: 15px 30px 20px 80px;
  }
}

.p-mypageTop-use__item--1 {
  padding-bottom: 5px;
  background-image: url(../images/mypage/use_img04.png);
  background-position: 10px 6px;
  background-size: 42px;
}

@media (min-width: 801px) {
  .p-mypageTop-use__item--1 {
    padding-bottom: 15px;
    background-position: 5px 10px;
    background-size: 50px;
  }
}

.p-mypageTop-use__item--2 {
  padding-bottom: 20px;
  background-image: url(../images/mypage/use_img05.png);
  background-position: 5px 6px;
  background-size: 60px;
}

@media (min-width: 801px) {
  .p-mypageTop-use__item--2 {
    padding-bottom: 30px;
    background-position: 0px 10px;
    background-size: 70px;
  }
}

.p-mypageTop-use__ttl {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #333;
}

@media (min-width: 801px) {
  .p-mypageTop-use__ttl {
    font-size: 2rem;
  }
}

.p-mypageTop-use__txt {
  font-size: 1.3rem;
  line-height: 1.6;
  color: #333;
  margin: 0 0 5px;
}

@media (min-width: 801px) {
  .p-mypageTop-use__txt {
    font-size: 1.4rem;
    margin: 0 0 10px;
  }
}

.p-mypageTop-use__link {
  color: #00b4b6;
  font-size: 1.3rem;
  font-weight: normal;
  padding: 0 15px 0 0;
  position: relative;
  line-height: 1;
}

@media (min-width: 801px) {
  .p-mypageTop-use__link {
    font-size: 1.4rem;
  }
}

.p-mypageTop-use__link:before {
  border-top: 2px solid #00b4b6;
  border-left: 2px solid #00b4b6;
  margin-top: -4px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  transform: rotate(135deg);
}

@media (min-width: 801px) {
  .p-mypageTop-use__link:before {
    width: 8px;
    height: 8px;
    margin-top: -5px;
  }
}

.p-mypageTop-timeline__ttl {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  color: #333333;
  margin: 0 0 20px;
  position: relative;
}

@media (min-width: 801px) {
  .p-mypageTop-timeline__ttl {
    font-size: 2rem;
  }
}

.p-mypageTop-timeline__link {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -0.5em 0 0;
  color: #00b4b6;
  font-size: 1.3rem;
  font-weight: normal;
  padding: 0 15px 0 0;
}

@media (min-width: 801px) {
  .p-mypageTop-timeline__link {
    font-size: 1.4rem;
  }
}

.p-mypageTop-timeline__link:before {
  border-top: 2px solid #00b4b6;
  border-left: 2px solid #00b4b6;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  transform: rotate(135deg);
}

@media (min-width: 801px) {
  .p-mypageTop-timeline__link:before {
    width: 8px;
    height: 8px;
    margin-top: -5px;
  }
}

.p-mypageTop-timeline .p-timeline-post {
  width: 100%;
  padding: 0 0 20px;
}

@media (min-width: 801px) {
  .p-mypageTop-timeline .p-timeline-post {
    padding: 0 0 30px;
  }
}

.p-mypageTop-timeline .p-timeline-post__inner {
  margin-bottom: 0;
}

.p-mypageTop-carousel {
  margin: 0 0 30px;
  border: 2px solid #cccccc;
  border-bottom-width: 4px;
  border-radius: 4px;
}

@media (min-width: 801px) {
  .p-mypageTop-carousel {
    margin: 0 0 40px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
}

.p-mypageTop-carousel__main:after {
  content: '';
  display: block;
  clear: both;
}

.p-mypageTop-carousel__item {
  width: 50%;
  border-right: 1px solid #ccc;
}

@media (min-width: 801px) {
  .p-mypageTop-carousel__item {
    border-left: 1px solid #ccc;
  }
}

.p-mypageTop-carousel__link {
  display: block;
  padding: 15px 15px 20px;
}

@media (min-width: 801px) {
  .p-mypageTop-carousel__link {
    position: relative;
    padding: 30px 55px 25px;
  }
  .p-mypageTop-carousel__link:hover {
    text-decoration: none;
  }
}

.p-mypageTop-carousel__type {
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.25;
  font-weight: bold;
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .p-mypageTop-carousel__type {
    font-size: 1.8rem;
  }
  .p-mypageTop-carousel__type br {
    display: none;
  }
}

.p-mypageTop-carousel__like {
  text-align: right;
}

@media (min-width: 801px) {
  .p-mypageTop-carousel__like {
    position: absolute;
    top: 60px;
    right: 55px;
  }
}

.p-mypageTop-carousel__like span {
  display: inline-block;
  width: 35px;
  height: 29px;
  background-position: center top;
  background-image: url(../images/mypage/use_img06.png);
  background-repeat: no-repeat;
  background-size: 100%;
  color: #fff;
  text-align: center;
  line-height: 29px;
  font-size: 1rem;
}

@media (min-width: 801px) {
  .p-mypageTop-carousel__like span {
    width: 40px;
    height: 38px;
  }
}

.p-mypageTop-carousel__img {
  padding: 0 10px 10px;
}

@media (min-width: 801px) {
  .p-mypageTop-carousel__img {
    width: 60%;
    padding: 0;
    margin: 0 auto 15px;
  }
}

.p-mypageTop-carousel__img img {
  display: block;
  width: 100%;
}

.p-mypageTop-carousel__ttl {
  font-size: 1.3rem;
  color: #333333;
}

@media (min-width: 801px) {
  .p-mypageTop-carousel__ttl {
    font-size: 1.4rem;
    margin: 0 0 5px;
  }
}

.p-mypageTop-carousel__price {
  font-size: 1.3rem;
  font-weight: bold;
  color: #333333;
}

@media (min-width: 801px) {
  .p-mypageTop-carousel__price {
    font-size: 1.4rem;
  }
}

.p-mypageTop-carousel .slick-prev {
  display: block;
  background-color: #f5f7f8;
  border: 2px solid #ccc;
  border-radius: 0 4px 4px 0;
  width: 20px;
  height: 45px;
  background-position: center center;
  background-size: 7px;
  left: -2px;
}

@media (min-width: 801px) {
  .p-mypageTop-carousel .slick-prev {
    width: 40px;
    height: 70px;
    background-size: 12px;
    left: -1px;
  }
}

.p-mypageTop-carousel .slick-next {
  display: block;
  background-color: #f5f7f8;
  border: 2px solid #ccc;
  border-radius: 4px 0 0 4px;
  width: 20px;
  height: 45px;
  background-position: center center;
  background-size: 7px;
  right: -2px;
}

@media (min-width: 801px) {
  .p-mypageTop-carousel .slick-next {
    width: 40px;
    height: 70px;
    background-size: 12px;
    right: -1px;
  }
}

.p-mypageTop-point {
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 40px;
}

@media (min-width: 801px) {
  .p-mypageTop-point {
    margin: 0 0 20px;
  }
}

.p-mypageTop-point__inner {
  display: table;
  border-collapse: collapse;
  width: 100%;
  height: 45px;
  text-align: center;
  border: 2px solid #cccccc;
  border-bottom-width: 4px;
  line-height: 1;
  font-size: 1.2rem;
}

@media (min-width: 801px) {
  .p-mypageTop-point__inner {
    height: 60px;
  }
}

.p-mypageTop-point__ttl {
  display: table-cell;
  width: 50%;
  border: 2px solid #cccccc;
  vertical-align: middle;
  font-weight: bold;
}

@media (min-width: 801px) {
  .p-mypageTop-point__ttl {
    font-size: 1.8rem;
  }
}

.p-mypageTop-point__link {
  display: table-cell;
  width: 50%;
  border: 2px solid #cccccc;
  vertical-align: middle;
  background-color: #f5f7f8;
  position: relative;
  color: #00b4b6;
}

@media (min-width: 801px) {
  .p-mypageTop-point__link {
    font-size: 1.4rem;
  }
}

.p-mypageTop-point__link:before {
  border-top: 2px solid #00b4b6;
  border-left: 2px solid #00b4b6;
  height: 5px;
  width: 5px;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -3px;
  margin-right: -70px;
  content: "";
  transform: rotate(135deg);
}

@media (min-width: 801px) {
  .p-mypageTop-point__link:before {
    width: 8px;
    height: 8px;
    margin-top: -6px;
    margin-right: -15rem;
  }
}

@media all and (-ms-high-contrast: none) {
  .p-mypageTop-point__link:before {
    top: 2rem;
    margin-right: -90px;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 801px) {
  .p-mypageTop-point__link:before {
    top: 2.6rem;
    left: 90%;
    margin-right: 0;
  }
}

.p-mypageTop-process {
  padding: 0 0 40px;
}

@media (min-width: 801px) {
  .p-mypageTop-process {
    padding: 0 0 80px;
  }
}

@media (min-width: 801px) {
  .p-mypageTop-process__list {
    display: table;
    width: 100%;
    margin: 30px 0 0;
  }
}

.p-mypageTop-process__list:last-child {
  margin: 10px 0 -10px;
}

@media (min-width: 801px) {
  .p-mypageTop-process__list:last-child {
    margin: 10px 0 -10px;
  }
}

.p-mypageTop-process__item {
  width: 100%;
  display: table;
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .p-mypageTop-process__item {
    display: table-cell;
    width: 33.3%;
    padding: 0 10px 0 0;
    vertical-align: middle;
  }
}

@media (min-width: 801px) {
  .p-mypageTop-process__item:last-child {
    padding: 0;
  }
}

.p-mypageTop-process__item .u-onlyPC {
  display: none;
}

@media (min-width: 801px) {
  .p-mypageTop-process__item .u-onlyPC {
    display: inline-block;
  }
}

.p-mypageTop-process__link {
  display: table-cell;
  vertical-align: middle;
  height: 55px;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #333333;
  padding: 3px 10px 0 22%;
  background-position: 10% center;
  background-repeat: no-repeat;
  background-size: 25px;
  position: relative;
  border: 1px solid #cccccc;
  background-color: #f5f7f8;
  border-radius: 4px;
}

@media (min-width: 801px) {
  .p-mypageTop-process__link {
    width: 100%;
    height: 100px;
    display: inline-block;
    padding: 30px 7% 25px 38%;
    background-position: 24% center;
    background-size: 50px;
    font-size: 1.6rem;
    line-height: 1.2;
  }
}

@media (min-width: 801px) {
  .p-mypageTop-process__link.is-one {
    padding: 30px 7% 25px 46%;
  }
}

@media (min-width: 801px) {
  .p-mypageTop-process__link.is-one:before {
    left: 45%;
  }
}

.p-mypageTop-process__link:before {
  content: "";
  padding: 13px;
  position: absolute;
  left: 10%;
  top: 50%;
  margin: -10px 0 0 0;
  display: inline-block;
}

@media (min-width: 801px) {
  .p-mypageTop-process__link:before {
    padding: 20px;
    left: 35%;
    top: auto;
    margin: 0 0 0 -40px;
  }
}

.p-mypageTop-process__link--account:before {
  background: url(../images/mypage/process_img01.png) no-repeat;
  background-size: contain;
}

.p-mypageTop-process__link--address:before {
  background: url(../images/mypage/process_img02.png) no-repeat;
  background-size: contain;
}

.p-mypageTop-process__link--card:before {
  background: url(../images/mypage/process_img03.png) no-repeat;
  background-size: contain;
  background-position: center;
  top: 2.5rem;
}

.p-mypageTop-process__link--newsmail:before {
  background: url(../images/mypage/process_img01.png) no-repeat;
  background-size: contain;
  top: 2.5rem;
}

@media (min-width: 801px) {
  .p-mypageTop-process__link--newsmail {
    height: 100px;
    line-height: 40px;
  }
}

.p-mypageTop-process__link--member:before {
  background: url(../images/mypage/process_img01.png) no-repeat;
  background-size: contain;
}

@media (min-width: 801px) {
  .p-mypageTop-process__link--member:before {
    padding: 20px 8% 25px 38%;
  }
}

@media (min-width: 801px) {
  .p-mypageTop-process__link--member:before.is-small {
    padding: 30px 8% 25px 38%;
  }
}

@media (min-width: 801px) {
  .p-mypageTop-process__link--premium {
    padding: 30px 10px 25px 42%;
  }
}

.p-mypageTop-process__link--premium:before {
  background-image: url(../images/mypage/process_img01.png);
  background-repeat: no-repeat;
  background-size: contain;
}

@media (min-width: 801px) {
  .p-mypageTop-process__link--premium:before {
    background-position: 28% center;
  }
}

.p-mypageTop-recommend {
  padding: 0 0 30px;
}

@media (min-width: 801px) {
  .p-mypageTop-recommend {
    padding: 0 0 80px;
  }
}

.p-mypage-arrowLink {
  margin: 0 15px 15px 0;
}

@media (min-width: 801px) {
  .p-mypage-arrowLink {
    margin: 0;
  }
}

.p-mypage-arrowLink a {
  font-weight: normal;
  text-align: right;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypage-arrowLink a {
    font-size: 1.6rem;
  }
}

@media (min-width: 481px) {
  .p-mypage-colmn ._column.type-fav ._column_item {
    position: relative;
  }
}

.p-mypage-colmn ._column.type-fav .p-mypageTop-carousel__like {
  top: 20px;
  left: auto;
  right: 20px;
}

.p-mypage-colmn ._column_item {
  float: left;
  border: solid 1px #d2d2d2;
  margin: 0 -1px -1px 0;
  width: 50%;
  text-align: center;
  padding: 15px 10px 47px;
  font-size: 13px;
  text-align: left;
}

@media (min-width: 481px) {
  .p-mypage-colmn ._column_item {
    padding: 30px;
  }
}

@media (min-width: 801px) {
  .p-mypage-colmn ._column_item {
    width: 25%;
  }
}

.p-mypage-colmn ._column_item a {
  display: block;
}

.p-mypage-colmn ._column_img {
  margin: 0 15px 0;
}

@media (min-width: 801px) {
  .p-mypage-colmn ._column_img {
    margin: 0;
  }
}

.p-mypage-colmn ._column_img img {
  width: 100%;
}

.p-mypage-colmn ._column_name {
  margin: 0 0 5px;
}

.p-mypage-colmn ._column_price.is-sale {
  display: inline;
  position: static;
}

.p-mypage-colmn ._column_price.is-sprice {
  color: #C5002C;
  font-weight: bold;
  display: inline;
  margin-left: 2px;
}

.p-mypage-colmn ._column_price.is-sprice:before {
  content: "→";
  margin-right: 2px;
}

.p-mypage-colmn .apiGoods__icon {
  width: 45%;
  font-weight: bold;
  margin: 5px 0;
}

.p-mypage--btnArea p {
  margin: 0 auto 30px;
}

@media (min-width: 801px) {
  .p-mypage--btnArea p {
    float: right;
    margin: 0 15px;
    width: 690px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-mypage--btnArea p {
    float: left;
  }
}

@media (min-width: 801px) {
  .p-mypage--btnArea p.btn--prev, .p-mypage--btnArea p.btn--prev--cart {
    float: left;
  }
}

.p-mypage--btnArea p .p-mypage-btn--save {
  margin: 0 auto 30px;
}

@media (min-width: 801px) {
  .p-mypage--btnArea p .p-mypage-btn--save {
    margin: 0 0 30px;
  }
}

.p-mypageTop-popular {
  padding: 0 0 30px;
}

@media (min-width: 801px) {
  .p-mypageTop-popular {
    padding: 0 0 80px;
  }
}

.p-mypageSecret__inner {
  padding: 0 0 20px;
}

@media (min-width: 801px) {
  .p-mypageSecret__inner {
    padding: 0 0 40px;
  }
}

@media (min-width: 801px) {
  .p-mypageSecret__inner li {
    float: left;
    width: 50%;
  }
  .p-mypageSecret__inner li:nth-child(odd) {
    clear: both;
  }
}

@media (min-width: 801px) {
  .p-mypageSecret__inner li:nth-child(odd) {
    padding: 0 20px 0 0;
  }
}

@media (min-width: 801px) {
  .p-mypageSecret__inner li:nth-child(even) {
    padding: 0 0 0 20px;
  }
}

@media (min-width: 801px) {
  .p-mypageSecret_coupon .p-mypageTop-coupon__link {
    position: relative;
    padding: 0 0 52px;
  }
}

@media (min-width: 801px) {
  .p-mypageSecret_coupon .p-mypageTop-coupon__date {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 52px;
  }
}

.p-mypageSecret__empty {
  border: solid 1px #cccccc;
  font-size: 1.3rem;
  text-align: center;
  margin: 0 0 30px;
  padding: 40px 5%;
}

@media (min-width: 801px) {
  .p-mypageSecret__empty {
    padding: 60px 18.83333%;
    font-size: 2rem;
    margin: 0 0 40px;
  }
}

.p-mypageSecret__emptyimg {
  padding: 0 0 25px;
}

@media (min-width: 801px) {
  .p-mypageSecret__emptyimg {
    padding: 0 0 60px;
  }
}

@media (min-width: 801px) {
  .p-mypageSecret .p-mypageTop-sale__ttl,
  .p-mypageSecret .p-mypageTop-coupon__ttl {
    margin: 20px 0 5px;
  }
}

.p-mypageSecret .p-mypageTop-sale__img:before,
.p-mypageSecret .p-mypageTop-coupon__img:before {
  right: -16px;
}

@media (min-width: 801px) {
  .p-mypageSecret .p-mypageTop-sale__img:before,
  .p-mypageSecret .p-mypageTop-coupon__img:before {
    background-size: 78%;
    top: -52px;
    right: -68px;
  }
}

.p-mypage-bookmark__naviWrap {
  display: table;
  width: 100%;
  margin: 0 0 27px;
}

@media (min-width: 801px) {
  .p-mypage-bookmark__naviWrap {
    margin: 0 0 40px;
  }
}

.p-mypage-bookmark__ttl {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}

.p-mypage-bookmark__ttl h2 {
  margin: 0;
}

.p-mypage-bookmark__navi {
  color: #333;
  display: table-cell;
}

@media (min-width: 801px) {
  .p-mypage-bookmark__navi {
    border: none;
    margin: 0;
    height: 40px;
    box-sizing: border-box;
  }
}

.p-mypage-bookmark__navi ul {
  float: right;
  display: table;
}

.p-mypage-bookmark__navi ul li {
  display: table-cell;
  padding: 0 20px 0 0;
}

@media only screen and (max-width: 321px) {
  .p-mypage-bookmark__navi ul li {
    padding: 0 10px 0 0;
  }
}

.p-mypage-bookmark__navi ul li:last-child {
  border-left: solid 1px #dcdcdc;
  padding: 0 0 0 20px;
}

@media only screen and (max-width: 321px) {
  .p-mypage-bookmark__navi ul li:last-child {
    padding: 0 0 0 10px;
  }
}

.p-mypage-bookmark__naviBtm {
  font-size: 1.4rem;
  font-weight: bold;
  display: table;
  width: 100%;
  text-align: right;
}

@media (min-width: 801px) {
  .p-mypage-bookmark__naviBtm {
    font-size: 1.6rem;
  }
}

.p-mypage-bookmark__naviBtm p {
  display: table-cell;
}

.p-mypage-bookmark__naviBtm p {
  width: 40%;
  text-align: left;
  vertical-align: bottom;
  line-height: 1;
}

.p-mypage-bookmark__naviBtm .p-mypage-bookmark__delatebtm {
  display: table-cell;
  width: 60%;
  text-align: right;
}

.p-mypage-bookmark__itemttl {
  color: #0093d0;
  line-height: 1.5;
  font-size: 1.4rem;
}

.p-mypage-bookmark__stock {
  padding: 5px 0 0;
}

.p-mypage-bookmark__btn-box {
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 0;
  padding: 0 10px;
}

@media (min-width: 801px) {
  .p-mypage-bookmark__btn-box {
    text-align: center;
  }
}

.p-mypage-bookmark__btn-box .btn--cart--detail {
  display: block;
  width: 100%;
  margin: 0 auto 10px;
  max-width: 170px;
}

@media (min-width: 801px) {
  .p-mypage-bookmark__btn-box .btn--cart--detail {
    display: inline-block;
    max-width: 140px;
    vertical-align: top;
  }
}

.p-mypage-bookmark__btn-box .btn--dismiss, .p-mypage-bookmark__btn-box .btn--dismiss--lg, .p-mypage-bookmark__btn-box .btn--dismiss--centered, .p-mypage-bookmark__btn-box .btn--dismiss--all {
  display: block;
  margin: 0 auto 10px;
}

@media (min-width: 801px) {
  .p-mypage-bookmark__btn-box .btn--dismiss, .p-mypage-bookmark__btn-box .btn--dismiss--lg, .p-mypage-bookmark__btn-box .btn--dismiss--centered, .p-mypage-bookmark__btn-box .btn--dismiss--all {
    display: inline-block;
  }
}

.p-mypage-bookmark__btn-box .p-product__message--cart {
  bottom: 15px;
}

.p-mypage-bookmark .item-list, .p-mypage-bookmark .item-list--ranking, .p-mypage-bookmark .item-list--sale {
  margin: 20px 0 15px;
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list, .p-mypage-bookmark .item-list--ranking, .p-mypage-bookmark .item-list--sale {
    margin: 30px 0;
  }
}

.p-mypage-bookmark .item-list a .p-mypage-bookmark__itemttl, .p-mypage-bookmark .item-list--ranking a .p-mypage-bookmark__itemttl, .p-mypage-bookmark .item-list--sale a .p-mypage-bookmark__itemttl {
  text-decoration: none;
}

.p-mypage-bookmark .item-list a:hover, .p-mypage-bookmark .item-list--ranking a:hover, .p-mypage-bookmark .item-list--sale a:hover {
  text-decoration: none;
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list a:hover .p-mypage-bookmark__itemttl, .p-mypage-bookmark .item-list--ranking a:hover .p-mypage-bookmark__itemttl, .p-mypage-bookmark .item-list--sale a:hover .p-mypage-bookmark__itemttl {
    text-decoration: underline;
  }
}

.p-mypage-bookmark .item-list .c-list-gift li, .p-mypage-bookmark .item-list--ranking .c-list-gift li, .p-mypage-bookmark .item-list--sale .c-list-gift li, .p-mypage-bookmark .item-list .c-list-gift--horizontal li, .p-mypage-bookmark .item-list--ranking .c-list-gift--horizontal li, .p-mypage-bookmark .item-list--sale .c-list-gift--horizontal li {
  float: left;
  padding: 0 5px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list .c-list-gift li .c-icon-txt_word, .p-mypage-bookmark .item-list--ranking .c-list-gift li .c-icon-txt_word, .p-mypage-bookmark .item-list--sale .c-list-gift li .c-icon-txt_word, .p-mypage-bookmark .item-list .c-list-gift--horizontal li .c-icon-txt_word, .p-mypage-bookmark .item-list--ranking .c-list-gift--horizontal li .c-icon-txt_word, .p-mypage-bookmark .item-list--sale .c-list-gift--horizontal li .c-icon-txt_word {
    padding: 2px 9px;
  }
}

.p-mypage-bookmark .item-list .grid-item__btn, .p-mypage-bookmark .item-list--ranking .grid-item__btn, .p-mypage-bookmark .item-list--sale .grid-item__btn {
  margin: 0 0 0 -20%;
}

.p-mypage-bookmark .item-list .c-carousel__caption__price, .p-mypage-bookmark .item-list--ranking .c-carousel__caption__price, .p-mypage-bookmark .item-list--sale .c-carousel__caption__price {
  font-weight: bold;
  font-size: 1.6rem;
}

.p-mypage-bookmark .item-list .c-carousel__caption__price span, .p-mypage-bookmark .item-list--ranking .c-carousel__caption__price span, .p-mypage-bookmark .item-list--sale .c-carousel__caption__price span {
  margin: 0 0 0 1em;
}

.p-mypage-bookmark .item-list > li, .p-mypage-bookmark .item-list--ranking > li, .p-mypage-bookmark .item-list--sale > li {
  padding: 20px 10px 60px;
  padding: 20px 10px 115px;
}

@media (min-width: 801px) and (max-width: 990px) {
  .p-mypage-bookmark .item-list > li, .p-mypage-bookmark .item-list--ranking > li, .p-mypage-bookmark .item-list--sale > li {
    padding: 0 0 100px;
  }
}

@media (min-width: 991px) {
  .p-mypage-bookmark .item-list > li, .p-mypage-bookmark .item-list--ranking > li, .p-mypage-bookmark .item-list--sale > li {
    padding: 0 0 50px;
  }
}

.p-mypage-bookmark .item-list.grid .c-list-gift, .p-mypage-bookmark .grid.item-list--ranking .c-list-gift, .p-mypage-bookmark .grid.item-list--sale .c-list-gift, .p-mypage-bookmark .item-list.grid .c-list-gift--horizontal, .p-mypage-bookmark .grid.item-list--ranking .c-list-gift--horizontal, .p-mypage-bookmark .grid.item-list--sale .c-list-gift--horizontal {
  margin: 5px 0 0;
}

.p-mypage-bookmark .item-list.grid .p-searchResult__itemprice span, .p-mypage-bookmark .grid.item-list--ranking .p-searchResult__itemprice span, .p-mypage-bookmark .grid.item-list--sale .p-searchResult__itemprice span {
  display: inline;
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.grid .grid-item__wrap, .p-mypage-bookmark .grid.item-list--ranking .grid-item__wrap, .p-mypage-bookmark .grid.item-list--sale .grid-item__wrap {
    margin-bottom: 30px;
    padding: 20px 45px 0;
  }
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.grid .p-mypageTop-carousel__like, .p-mypage-bookmark .grid.item-list--ranking .p-mypageTop-carousel__like, .p-mypage-bookmark .grid.item-list--sale .p-mypageTop-carousel__like {
    top: 20px;
    left: auto;
    right: 20px;
  }
}

.p-mypage-bookmark .item-list.list > li, .p-mypage-bookmark .list.item-list--ranking > li, .p-mypage-bookmark .list.item-list--sale > li {
  position: relative;
  border: 1px solid #dcdcdc;
  margin: 0 0 -1px 0;
  padding: 0;
}

.p-mypage-bookmark .item-list.list > li .p-mypage-bookmark__box, .p-mypage-bookmark .list.item-list--ranking > li .p-mypage-bookmark__box, .p-mypage-bookmark .list.item-list--sale > li .p-mypage-bookmark__box {
  display: block;
  padding: 20px 10px 0;
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list > li .p-mypage-bookmark__box, .p-mypage-bookmark .list.item-list--ranking > li .p-mypage-bookmark__box, .p-mypage-bookmark .list.item-list--sale > li .p-mypage-bookmark__box {
    padding: 30px 0 30px 30px;
    margin: 0 300px 0 0;
  }
}

.p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box {
  position: static;
  padding: 0 10px;
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box {
    position: absolute;
    bottom: auto;
    top: 50%;
    right: 0;
    left: auto;
    text-align: right;
    padding: 0 30px 0 0;
    margin: -15px 0 0;
    z-index: 10;
    width: 300px;
  }
}

.p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box:after, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box:after, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box:after {
  content: '';
  display: block;
  clear: both;
}

.p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box .p-product__message--cart, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box .p-product__message--cart, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box .p-product__message--cart {
  width: 165px;
  right: 0;
  left: auto;
}
@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box .p-product__message--cart, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box .p-product__message--cart, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box .p-product__message--cart {
    width: 200px;
    right: 65px;
  }
}

.p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box .btn--cart--detail, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box .btn--cart--detail, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box .btn--cart--detail {
  display: block;
  margin: 0 0 10px;
  max-width: 165px;
  float: right;
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box .btn--cart--detail, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box .btn--cart--detail, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box .btn--cart--detail {
    float: none;
    display: inline-block;
    max-width: 140px;
    margin-bottom: 0;
  }
}

.p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box .btn--dismiss, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box .btn--dismiss, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box .btn--dismiss, .p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box .btn--dismiss--lg, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box .btn--dismiss--lg, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box .btn--dismiss--lg, .p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box .btn--dismiss--centered, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box .btn--dismiss--centered, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box .btn--dismiss--centered, .p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box .btn--dismiss--all, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box .btn--dismiss--all, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box .btn--dismiss--all {
  clear: both;
  float: right;
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box .btn--dismiss, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box .btn--dismiss, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box .btn--dismiss, .p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box .btn--dismiss--lg, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box .btn--dismiss--lg, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box .btn--dismiss--lg, .p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box .btn--dismiss--centered, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box .btn--dismiss--centered, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box .btn--dismiss--centered, .p-mypage-bookmark .item-list.list .p-mypage-bookmark__btn-box .btn--dismiss--all, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__btn-box .btn--dismiss--all, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__btn-box .btn--dismiss--all {
    float: none;
    display: inline-block;
    margin: 0 0 0 10px;
    margin-bottom: 0;
  }
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .grid-item__wrap, .p-mypage-bookmark .list.item-list--ranking .grid-item__wrap, .p-mypage-bookmark .list.item-list--sale .grid-item__wrap {
    display: table;
  }
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .grid-item__body, .p-mypage-bookmark .list.item-list--ranking .grid-item__body, .p-mypage-bookmark .list.item-list--sale .grid-item__body {
    display: table-cell;
    padding: 0 0 0 25px;
    width: 100%;
    vertical-align: middle;
  }
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .grid-item__body p, .p-mypage-bookmark .list.item-list--ranking .grid-item__body p, .p-mypage-bookmark .list.item-list--sale .grid-item__body p {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .c-list-gift, .p-mypage-bookmark .list.item-list--ranking .c-list-gift, .p-mypage-bookmark .list.item-list--sale .c-list-gift, .p-mypage-bookmark .item-list.list .c-list-gift--horizontal, .p-mypage-bookmark .list.item-list--ranking .c-list-gift--horizontal, .p-mypage-bookmark .list.item-list--sale .c-list-gift--horizontal {
    padding: 0;
    position: absolute;
    margin: 15px 0 0 0;
    width: 38%;
  }
}

.p-mypage-bookmark .item-list.list .c-carousel__caption, .p-mypage-bookmark .list.item-list--ranking .c-carousel__caption, .p-mypage-bookmark .list.item-list--sale .c-carousel__caption {
  display: table;
  width: 100%;
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .p-searchResult__itemprice, .p-mypage-bookmark .list.item-list--ranking .p-searchResult__itemprice, .p-mypage-bookmark .list.item-list--sale .p-searchResult__itemprice {
    width: 30%;
    text-align: right;
    padding: 0 10% 0 0;
  }
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .p-searchResult__itemprice span, .p-mypage-bookmark .list.item-list--ranking .p-searchResult__itemprice span, .p-mypage-bookmark .list.item-list--sale .p-searchResult__itemprice span {
    display: block;
  }
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .p-mypage-bookmark__itemttl, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__itemttl, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__itemttl {
    width: 60%;
    padding: 0 25px 0 0;
  }
}

.p-mypage-bookmark .item-list.list .grid-item__image, .p-mypage-bookmark .list.item-list--ranking .grid-item__image, .p-mypage-bookmark .list.item-list--sale .grid-item__image {
  margin: 30px 0 0;
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .grid-item__image, .p-mypage-bookmark .list.item-list--ranking .grid-item__image, .p-mypage-bookmark .list.item-list--sale .grid-item__image {
    margin: 0;
    width: 140px;
    float: none;
    display: table-cell;
  }
}

.p-mypage-bookmark .item-list.list .p-mypageTop-carousel__like, .p-mypage-bookmark .list.item-list--ranking .p-mypageTop-carousel__like, .p-mypage-bookmark .list.item-list--sale .p-mypageTop-carousel__like {
  position: absolute;
  left: 85px;
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .p-mypageTop-carousel__like, .p-mypage-bookmark .list.item-list--ranking .p-mypageTop-carousel__like, .p-mypage-bookmark .list.item-list--sale .p-mypageTop-carousel__like {
    width: 40px;
    left: 120px;
    top: 10px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-mypage-bookmark .item-list.list .p-mypageTop-carousel__like, .p-mypage-bookmark .list.item-list--ranking .p-mypageTop-carousel__like, .p-mypage-bookmark .list.item-list--sale .p-mypageTop-carousel__like {
    left: 90px;
  }
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .p-mypage-bookmark__stock, .p-mypage-bookmark .list.item-list--ranking .p-mypage-bookmark__stock, .p-mypage-bookmark .list.item-list--sale .p-mypage-bookmark__stock {
    padding: 0;
  }
}

.p-mypage-bookmark .item-list.list .item-list__btnMypage, .p-mypage-bookmark .list.item-list--ranking .item-list__btnMypage, .p-mypage-bookmark .list.item-list--sale .item-list__btnMypage {
  margin: -20px 10px 20px;
  width: auto;
  text-align: right;
}

@media (min-width: 801px) {
  .p-mypage-bookmark .item-list.list .item-list__btnMypage, .p-mypage-bookmark .list.item-list--ranking .item-list__btnMypage, .p-mypage-bookmark .list.item-list--sale .item-list__btnMypage {
    left: auto;
    position: absolute;
    right: 30px;
    top: 50%;
    margin: -15px 0 0;
    width: 84px;
    height: 30px;
  }
}

@media (min-width: 801px) {
  .p-mypage-bookmark .grid-item__image {
    transition: none;
  }
}

.p-mypage-btn__fixd {
  display: none;
}

.p-mypage-btn__fixd.is-fixed {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  z-index: 9;
}

.p-mypage-btn__fixd.is-fixed input {
  width: 260px;
  margin: 15px auto;
}

@media (min-width: 801px) {
  .p-mypage-btn__fixd.is-fixed input {
    margin: 20px auto;
  }
}

.p-mypage-custdest {
  display: table;
  width: 100%;
}

@media (min-width: 801px) {
  .p-mypage-custdest {
    margin: 0 0 70px;
  }
}

.p-mypage-custdest #sort {
  display: block !important;
}

@media (min-width: 801px) {
  .p-mypage-custdest #sort {
    display: none !important;
  }
}

.p-mypage-custdest .easy-select-box {
  display: none;
}

@media (min-width: 801px) {
  .p-mypage-custdest .easy-select-box {
    display: block;
  }
}

.p-mypage-custdest__ttl {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  padding: 12px;
  border-bottom: solid 1px #ccc;
}

@media (min-width: 801px) {
  .p-mypage-custdest__ttl {
    font-size: 1.8rem;
    padding: 30px;
  }
}

@media (min-width: 801px) {
  .p-mypage-custdest__wrap {
    display: table-cell;
    width: 50%;
    height: 100%;
  }
}

@media (min-width: 801px) {
  .p-mypage-custdest__wrap:nth-child(even) > div {
    margin: 0 0 0 20px;
  }
}

.p-mypage-custdest__inner {
  border: solid 1px #ccc;
  border-bottom: solid 2px #ccc;
  border-radius: 5px;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-mypage-custdest__inner {
    margin: 0 20px 0 0;
    height: 100%;
  }
}

.p-mypage-custdest__ttl {
  background-color: #f5f7f8;
}

.p-mypage-custdest__box {
  padding: 25px 0;
}

@media (min-width: 801px) {
  .p-mypage-custdest__box {
    padding: 50px 0;
  }
}

.p-mypage-custdest .p-searchResult__navi2__sortBtn {
  float: none;
  width: 204px;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 801px) {
  .p-mypage-custdest .p-searchResult__navi2__sortBtn {
    width: 240px;
  }
}

.p-mypage-custdest .p-searchResult__navi2__sortBtn .easy-select-box {
  display: block;
}

.p-mypage-setnumber {
  text-align: center;
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .p-mypage-setnumber {
    margin: 0 0 10px;
  }
}

.p-mypage-setnumber__inner {
  border: solid 1px #cccccc;
  border-radius: 3px;
  text-align: center;
  padding: 20px;
  margin: 0 0 30px;
  position: relative;
}

@media (min-width: 801px) {
  .p-mypage-setnumber__inner {
    text-align: right;
    height: auto;
    padding: 10px 28% 10px 10px;
    margin: 0 0 60px;
  }
}

.p-mypage-setnumber__inner:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #fff;
  border-bottom: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  position: absolute;
  left: 50%;
  bottom: -7px;
  transform: rotate(45deg);
  margin: 0 0 0 -6px;
}

.p-mypage-setnumber p {
  display: inline-block;
}

@media (min-width: 801px) {
  .p-mypage-setnumber p {
    line-height: 40px;
  }
}

.p-mypage-setnumber__num {
  font-size: 1.3rem;
  padding: 0 0 5px;
  vertical-align: top;
}

@media (min-width: 801px) {
  .p-mypage-setnumber__num {
    font-size: 1.6rem;
    padding: 0;
  }
}

.p-mypage-setnumber__num span {
  font-weight: bold;
  font-size: 1.5rem;
}

@media (min-width: 801px) {
  .p-mypage-setnumber__num span {
    font-size: 1.6rem;
  }
}

.p-mypage-setnumber__red {
  color: #c30a31;
  text-align: left;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypage-setnumber__red {
    font-size: 1.4rem;
    padding: 0 0 0 25px;
  }
}

.p-mypage-setnumber__red span {
  display: none;
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .p-mypage-setnumber__red span {
    margin: -15px 0 0;
  }
}

.p-mypage-setnumber__red span.is-show {
  display: block;
}

.p-mypage-setnumber__clearbtn {
  height: 40px;
  line-height: 40px;
  margin: 0;
}

@media (min-width: 801px) {
  .p-mypage-setnumber__clearbtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 210px;
  }
}

.p-mypage-setnumber a {
  display: inline-block;
  text-decoration: none;
  color: #333;
  background: none;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypage-setnumber a {
    font-size: 1.4rem;
  }
}

@media (min-width: 801px) {
  .p-mypage-shop {
    margin: 80px 0 0;
  }
}

.p-mypage-shop__allselect {
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 0 0 30px;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-mypage-shop__allselect {
    margin: 0 0 30px;
    padding: 30px;
  }
}

.p-mypage-shop__allselect li {
  float: none;
  width: 100%;
}

.p-mypage-shop__btmbox {
  padding: 0 20px;
}

@media (min-width: 801px) {
  .p-mypage-shop__btmbox {
    padding: 0;
  }
}

.p-mypage-account {
  border: solid 1px #f0bdd2;
  padding: 18px;
  font-size: 1.3rem;
  text-align: center;
  background-image: url(../images/common/bg_glitter_pink_left.png), url(../images/common/bg_glitter_pink_right.png);
  background-repeat: no-repeat no-repeat;
  background-position: 10px 90%, 99% 10px;
  background-size: 15%;
  margin: 0;
}

@media (min-width: 801px) {
  .p-mypage-account {
    font-size: 1.8rem;
    padding: 35px;
    background-size: 9%;
    line-height: 1;
  }
}

.p-mypage-account.is-nomenu {
  margin: 30px 0 0;
}

.p-mypage-account__ttl {
  color: #c30a31;
  font-weight: bold;
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .p-mypage-account__ttl {
    margin: 0 0 10px;
  }
}

.p-mypage-account .u-link {
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypage-account .u-link {
    font-size: 1.8rem;
  }
}

.p-mypage-pointhistory {
  padding: 0 0 40px;
}

@media (min-width: 801px) {
  .p-mypage-pointhistory {
    text-align: center;
  }
}

.p-mypage-pointhistory__ttl {
  border-bottom: solid 1px #dcdcdc;
  font-size: 1.4rem;
  width: 100%;
  display: none;
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__ttl {
    display: table;
    border-bottom: none;
  }
}

.p-mypage-pointhistory__ttl div {
  background-color: #f5f7f8;
  border: solid 1px #dcdcdc;
  border-left: none;
  text-align: center;
  padding: 17px 10px;
  font-size: 1.4rem;
  font-weight: bold;
  display: table-cell;
}

.p-mypage-pointhistory__ttl div:last-child {
  border-right: none;
}

.p-mypage-pointhistory__ttlDate {
  width: 21%;
}

.p-mypage-pointhistory__ttlShop {
  width: 30%;
}

.p-mypage-pointhistory__ttlKind {
  width: 21%;
}

.p-mypage-pointhistory__ttlPoint {
  width: 11%;
}

.p-mypage-pointhistory__ttlComment {
  width: 17%;
}

.p-mypage-pointhistory__wrap {
  border: solid 1px #dcdcdc;
  margin: -1px 0 0;
  padding: 0 0 25px;
  clear: both;
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__wrap {
    display: table;
    width: 100%;
    border-right: none;
    border-left: none;
    padding: 0;
  }
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__wrap div {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.4rem;
    border-right: solid 1px #dcdcdc;
  }
}

.p-mypage-pointhistory__wrap div:last-child {
  border-right: none;
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__wrap p {
    line-height: 1.7;
  }
}

.p-mypage-pointhistory__wrap span {
  display: inline-block;
  font-weight: normal;
}

.p-mypage-pointhistory__date {
  background-color: #f5f7f8;
  padding: 17px 15px;
  line-height: 1;
  margin: 0 0 17px;
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__date {
    background: none;
    margin: 0;
    width: 21%;
    padding: 0;
  }
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__date span {
    display: none;
  }
}

.p-mypage-pointhistory__shop {
  line-height: 1;
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__shop {
    width: 30%;
  }
}

.p-mypage-pointhistory__shop p {
  padding: 0 15px 10px;
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__shop p {
    padding: 17px 10px;
  }
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__shop span {
    display: none;
  }
}

.p-mypage-pointhistory__kind {
  display: inline-block;
  width: 68%;
  line-height: 1;
  box-sizing: border-box;
  font-weight: bold;
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__kind {
    width: 21%;
    font-weight: normal;
  }
}

.p-mypage-pointhistory__kind p {
  padding: 0 15px 10px;
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__kind p {
    padding: 17px 10px;
  }
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__kind span {
    display: none;
  }
}

.p-mypage-pointhistory__point {
  display: inline-block;
  width: 30%;
  text-align: right;
  line-height: 1;
  box-sizing: border-box;
  font-weight: bold;
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__point {
    width: 11%;
    font-weight: normal;
    text-align: left;
  }
}

.p-mypage-pointhistory__point p {
  padding: 0 15px;
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__point p {
    padding: 17px 10px 17px 30px;
  }
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__comment {
    width: 17%;
  }
}

.p-mypage-pointhistory__comment p {
  padding: 10px 15px 0;
}

@media (min-width: 801px) {
  .p-mypage-pointhistory__comment p {
    padding: 17px 10px;
  }
}

@media (min-width: 801px) {
  .p-mypage-premiumitem {
    margin: 30px 0 40px;
  }
}

.p-mypage-imgtext4 {
  border-bottom: solid 1px #dcdcdc;
}

.p-mypage-imgtext4__inner {
  display: table;
  width: 100%;
  border-top: solid 1px #dcdcdc;
}

.p-mypage-imgtext4__img {
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 801px) {
  .p-mypage-imgtext4__img {
    width: 140px;
  }
}

.p-mypage-imgtext4__img img {
  margin: 20px 10px;
  width: 100px;
}

@media (min-width: 801px) {
  .p-mypage-imgtext4__img img {
    width: 140px;
    margin: 20px;
  }
}

.p-mypage-imgtext4__body {
  display: table-cell;
  width: auto;
  vertical-align: middle;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-mypage-imgtext4__body {
    padding: 0 0 0 40px;
    font-size: 1.6rem;
  }
}

.p-mypage-imgtext4__body span {
  font-weight: bold;
}

.p-mypage-imgtext4__txt01 {
  line-height: 1.4 !important;
  padding: 0 0 10px;
}

@media (min-width: 801px) {
  .p-mypage-imgtext4__txt01 {
    display: inline-block;
    width: 65%;
  }
}

.p-mypage-imgtext4__txt02 {
  font-weight: bold;
}

@media (min-width: 801px) {
  .p-mypage-imgtext4__txt02 {
    display: inline-block;
    width: 14%;
  }
}

@media (min-width: 801px) {
  .p-mypage-imgtext4__txt03 {
    width: 19%;
    text-align: right;
    display: inline-block;
  }
}

.p-mypage-bgr-fr {
  background: #faecef;
  color: #c30a31;
  text-align: center;
  font-size: 1.6rem;
  padding: 15px 0;
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .p-mypage-bgr-fr {
    padding: 25px 0;
    margin: 0 0 30px;
  }
}

.p-timeline-mytimeline--what {
  background: #138ac1;
  color: #fff;
  padding: 20px 25px;
  border-radius: 5px;
}

@media (min-width: 801px) {
  .p-timeline-mytimeline--what {
    display: table;
    width: 100%;
    padding: 25px 3%;
  }
}

@media (min-width: 801px) {
  .p-timeline-mytimeline--what__ttl, .p-timeline-mytimeline--what__list, .p-timeline-mytimeline--what__btn {
    display: table-cell;
    vertical-align: middle;
  }
}

.p-timeline-mytimeline--what__ttl {
  font-size: 1.7rem;
  font-weight: bold;
  margin: 0 0 18px 15px;
}

@media (min-width: 801px) {
  .p-timeline-mytimeline--what__ttl {
    font-size: 2.6rem;
    width: 29%;
    font-weight: normal;
    padding: 0 2% 0 0;
  }
}

.p-timeline-mytimeline--what__ttl p {
  line-height: 20px;
  display: inline-block;
  background: url(../images/common/mypage_timeline_what.png) no-repeat;
  background-size: contain;
  padding: 15px 0 5px 45px;
}

@media (min-width: 801px) {
  .p-timeline-mytimeline--what__ttl p {
    padding: 10px 0 0px 90px;
    background-size: 80px;
    line-height: 1.4;
  }
}

.p-timeline-mytimeline--what__list {
  font-size: 1.2rem;
}

@media (min-width: 801px) {
  .p-timeline-mytimeline--what__list {
    font-size: 1.4rem;
    width: 51%;
    padding: 0 2% 0 0;
  }
}

.p-timeline-mytimeline--what__list li {
  list-style-type: disc;
  margin: 0 0 15px 15px;
}

@media (min-width: 801px) {
  .p-timeline-mytimeline--what__list li {
    margin: 0 0 10px 10px;
  }
}

@media (min-width: 801px) {
  .p-timeline-mytimeline--what__list li:last-child {
    margin: 0 0 0 10px;
  }
}

.p-timeline-mytimeline--what__btn {
  font-size: 1.4rem;
}

@media (min-width: 801px) {
  .p-timeline-mytimeline--what__btn {
    width: 20%;
  }
}

.p-timeline-mytimeline--what__btn a {
  color: #138ac1;
  background: #fff;
  font-size: 1.4rem;
  width: 100%;
  display: block;
  padding: 10px 0;
  text-align: center;
  border-radius: 5px;
}

@media (min-width: 801px) {
  .p-timeline-mytimeline--what__btn a {
    font-weight: bold;
    padding: 15px 0;
    width: 200px;
    margin: 0 auto;
    border-radius: 10px;
  }
}

.p-mypage-pager {
  margin: 0 0 5px;
}

.p-mypage-pager__count {
  margin: 0 0 20px;
}

.p-mypage-pager__countAll {
  font-weight: bold;
  font-size: 1.5rem;
}

.p-mypage-pager__num ul:after {
  content: '';
  display: block;
  clear: both;
}

.p-mypage-pager__num li {
  float: left;
  padding-right: 8px;
}

@media (min-width: 801px) {
  .p-mypage-pager__num li {
    padding-right: 5px;
  }
}

.p-mypage-pager__num li.is-current {
  color: #00b4b6;
  font-weight: bold;
}

.p-mypage-reccommend.grid > li {
  padding: 20px 10px 60px;
}

@media (min-width: 801px) {
  .p-mypage-reccommend.grid > li {
    padding: 30px 5% 70px;
  }
}

.p-mypage-reccommend.grid > li.is-recommend-noncart {
  padding: 20px 10px;
}

@media (min-width: 801px) {
  .p-mypage-reccommend.grid > li.is-recommend-noncart {
    padding: 30px 5%;
  }
}

@media (min-width: 801px) {
  .p-mypage-reccommend.grid .grid-item__wrap {
    margin-bottom: 0;
  }
}

.p-result-header {
  position: relative;
}

@media (min-width: 1200px) {
  .p-result-header {
    height: auto;
  }
}

.p-result-header__heading {
  padding: 20px 0;
  margin-bottom: 0;
}

@media (min-width: 481px) {
  .p-result-header__heading {
    width: 70%;
    padding: 20px 0;
  }
}

.p-result-header__heading-chara {
  width: 60%;
}

.p-result-header__image {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}

.p-result-header__image img {
  width: 60%;
  height: auto;
}

.p-list-noresult__inner {
  margin: 0 auto;
  width: 700px;
}

.p-list-noresult__heading {
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: left;
  font-size: 17px;
  font-size: 1.7rem;
}

@media (min-width: 481px) {
  .p-list-noresult__heading {
    text-align: center;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-list-noresult__heading {
    margin-bottom: 50px;
    font-size: 28px;
    font-size: 2.8rem;
  }
}

@media (min-width: 1200px) {
  .p-list-noresult__heading {
    margin-bottom: 50px;
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.p-list-noresult__text {
  color: #878787;
  line-height: 1.7;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-list-noresult__text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-result-select-detail {
  margin-bottom: 30px;
}

.p-result-select-detail li {
  width: 100%;
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .p-result-select-detail li {
    margin-right: 2.5%;
    margin-bottom: 0;
  }
}

.p-result-select-detail li:first-child {
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  .p-result-select-detail li:first-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .p-result-select-detail li:last-child {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .p-result-select-detail li {
    float: left;
  }
}

@media (min-width: 1200px) {
  .p-result-select-detail li.p-result-link {
    width: 20%;
    height: 40px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .p-result-select-detail li.p-result-category {
    width: 37.5%;
  }
}

.p-result-select-detail li .easy-select-box {
  width: 100%;
}

.p-result-category__list {
  width: 100%;
  margin-top: -1px;
}

.p-result-category__list:first-child {
  margin-top: 0;
}

@media (min-width: 1200px) {
  .p-result-category__list {
    float: left;
    width: 32.66667%;
    margin: 0 1% 1% 0;
  }
  .p-result-category__list:nth-child(3n) {
    margin-right: 0;
  }
}

.p-result-category__list > p {
  background: #F5F7F8;
  border: 1px solid #dcdcdc;
  color: #666;
  line-height: 50px;
  height: 50px;
  padding: 0 25px 0 10px;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-result-category__list > p:after {
  border-top: 5px solid #333;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #333;
  margin-top: -3px;
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
}

@media (min-width: 1200px) {
  .p-result-category__list > p {
    line-height: 40px;
    height: 40px;
    padding: 0 30px 0 20px;
  }
}

.p-result-category__list > p.open:after {
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #333;
  border-left: 5px solid transparent;
  color: #333;
  margin-top: -5px;
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
}

.p-result-category__list ul {
  display: none;
}

.p-result-category__list ul li {
  border: 1px solid #dcdcdc;
  color: #666;
  padding: 20px 10px;
  margin-top: -1px;
}

@media (min-width: 1200px) {
  .p-result-category__list ul li {
    padding: 10px 20px;
  }
}

@media (min-width: 1200px) {
  .p-result-inner, .p-result-inner--default, .p-result-inner--ssize, .p-result-inner--cancel, .p-result-inner--notfound {
    margin: 0 auto;
  }
}

.p-result-inner--default {
  display: block;
}

@media (min-width: 481px) {
  .p-result-inner--default {
    display: table;
    width: 100%;
    margin: 0 auto;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-result-inner--default {
    display: table;
    width: 740px;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .p-result-inner--default {
    width: 850px;
  }
}

.p-result-inner--default--text {
  display: block;
  margin-bottom: 20px;
}

@media (min-width: 481px) {
  .p-result-inner--default--text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
  }
}

@media (min-width: 1200px) {
  .p-result-inner--default--text {
    padding-right: 50px;
  }
}

.p-result-inner--default--image {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 70%;
}

@media (min-width: 481px) {
  .p-result-inner--default--image {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    width: 180px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-result-inner--default--image {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    width: 270px;
  }
}

@media (min-width: 1200px) {
  .p-result-inner--default--image {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    width: 270px;
  }
}

.p-result-inner--default--image > img {
  width: 100%;
  height: auto;
}

.p-result-inner--ssize {
  margin-bottom: 30px;
}

@media (min-width: 481px) {
  .p-result-inner--ssize {
    display: table;
    width: 100%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-result-inner--ssize {
    width: 740px;
    margin: 0 auto 50px;
  }
}

@media (min-width: 1200px) {
  .p-result-inner--ssize {
    width: 770px;
    margin-bottom: 50px;
  }
}

.p-result-inner--ssize--text {
  display: block;
  margin-bottom: 20px;
}

@media (min-width: 481px) {
  .p-result-inner--ssize--text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
  }
}

@media (min-width: 1200px) {
  .p-result-inner--ssize--text {
    width: 500px;
  }
}

@media (min-width: 481px) {
  .p-result-inner--cancel {
    width: 360px;
    margin: 0 auto;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-result-inner--cancel {
    width: 480px;
  }
}

@media (min-width: 1200px) {
  .p-result-inner--cancel {
    width: 480px;
  }
}

.p-result-inner--cancel .p-result-inner__heading {
  text-align: center;
}

.p-result-inner--notfound {
  display: block;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-result-inner--notfound {
    display: table;
    width: 750px;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .p-result-inner--notfound {
    display: table;
    width: 750px;
    margin: 0 auto;
  }
}

.p-result-inner--notfound--text {
  display: block;
  margin-bottom: 20px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-result-inner--notfound--text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 70px;
  }
}

@media (min-width: 1200px) {
  .p-result-inner--notfound--text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 70px;
  }
}

.p-result-inner--notfound--image {
  display: block;
  margin: 0 auto;
  width: 60%;
  text-align: center;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-result-inner--notfound--image {
    display: table-cell;
    vertical-align: middle;
    width: 270px;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .p-result-inner--notfound--image {
    display: table-cell;
    vertical-align: middle;
    width: 270px;
    margin: 0;
  }
}

.p-result-inner__heading {
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: left;
  font-size: 17px;
  font-size: 1.7rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-result-inner__heading {
    margin-bottom: 15px;
    font-size: 28px;
    font-size: 2.8rem;
  }
}

@media (min-width: 1200px) {
  .p-result-inner__heading {
    margin-bottom: 15px;
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.p-result-inner > p, .p-result-inner--default > p, .p-result-inner--ssize > p, .p-result-inner--cancel > p, .p-result-inner--notfound > p {
  margin-bottom: 20px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-result-inner > p, .p-result-inner--default > p, .p-result-inner--ssize > p, .p-result-inner--cancel > p, .p-result-inner--notfound > p {
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .p-result-inner > p, .p-result-inner--default > p, .p-result-inner--ssize > p, .p-result-inner--cancel > p, .p-result-inner--notfound > p {
    margin-bottom: 50px;
  }
}

.p-result-title {
  margin-bottom: 20px;
}

@media (min-width: 481px) {
  .p-result-title {
    padding: 0 0 0 2%;
  }
}

@media (min-width: 1200px) {
  .p-result-title {
    margin-bottom: 30px;
    padding: 0 0 0 3%;
  }
}

.p-result-line, .p-result-line--btm {
  margin-bottom: 30px;
}

@media (min-width: 481px) {
  .p-result-line, .p-result-line--btm {
    margin-bottom: 50px;
  }
}

.p-result-line li, .p-result-line--btm li {
  margin: 0 15px 0 0;
  display: inline-block;
}

@media (min-width: 481px) {
  .p-result-line li, .p-result-line--btm li {
    margin: 0 20px 0 0;
  }
}

@media (min-width: 1200px) {
  .p-result-line li, .p-result-line--btm li {
    margin: 0 60px 0 0;
  }
}

.p-result-line li:last-child, .p-result-line--btm li:last-child {
  margin: 0;
}

@media (min-width: 481px) {
  .p-result-line li:last-child, .p-result-line--btm li:last-child {
    margin: 0;
  }
}

.p-result-line li a, .p-result-line--btm li a {
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .p-result-line li a, .p-result-line--btm li a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-result-line--btm {
  margin: 30px 0 0 0;
}

@media (min-width: 1200px) {
  .p-result-line--btm {
    margin: 50px 0 0 0;
  }
}

.p-result-nav__heading {
  font-weight: normal;
  margin: 30px 0 15px;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 1200px) {
  .p-result-nav__heading {
    margin: 50px 0 20px;
    font-size: 20px;
    font-size: 2rem;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-result-nav {
    width: 740px;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .p-result-nav {
    width: 770px;
    margin: 0 auto;
  }
}

.p-result-nav__link {
  margin-top: 15px;
}

@media (min-width: 1200px) {
  .p-result-nav__link {
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  .p-result-nav__link > ul {
    float: left;
  }
}

.p-result-nav__link > ul li {
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  .p-result-nav__link > ul li {
    margin-bottom: 20px;
  }
}

.p-result-nav__link > ul a {
  color: #999;
  line-height: 1.3;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-result-nav__link > ul a:hover {
  text-decoration: underline;
}

@media (min-width: 1200px) {
  .p-result-nav__link > ul a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .p-result-nav__left {
    width: 300px;
  }
  .p-result-nav__left li:last-child {
    margin-bottom: 0;
  }
}

.p-result-nav__right li:last-child {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .p-result-nav__right {
    width: 445px;
  }
}

.p-result-box {
  border: 1px solid #dcdcdc;
  padding: 15px;
  margin-bottom: 20px;
}

.p-link-sp {
  display: block;
  margin-top: 30px;
}

@media (min-width: 481px) {
  .p-link-sp {
    display: none;
  }
}

.p-link-pc {
  display: none;
}

@media (min-width: 481px) {
  .p-link-pc {
    display: block;
  }
}

.p-feature-item, .p-feature-item--first {
  width: 100%;
  padding: 10px 10px 25px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-feature-item--first {
  padding: 0 0 25px !important;
}

.p-feature-item:nth-child(odd), .p-feature-item--first:nth-child(odd) {
  padding: 10px 9px 25px 10px;
}

.p-feature-item a, .p-feature-item--first a {
  display: block;
}

.p-feature-item a:hover, .p-feature-item--first a:hover {
  text-decoration: none;
}

.p-feature-item a:hover h4, .p-feature-item--first a:hover h4 {
  text-decoration: underline;
}

.p-feature-item__image {
  margin: 0 auto 20px;
  /* 		@include breakpoint(desktop) {
			width: 100%;
			max-width: 100%;
		} */
}

@media (min-width: 1200px) {
  .p-feature-item__body, .p-feature-item__body--first {
    padding: 0 20px;
  }
}

.p-feature-item__body--first {
  padding: 0 10px;
}

@media (min-width: 1200px) {
  .p-feature-item__body--first {
    padding: 0 30px;
  }
}

.p-feature-item__heading {
  line-height: 1.2;
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 1200px) {
  .p-feature-item__heading {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
  }
}

.p-feature-item__text {
  color: #666;
  line-height: 1.2;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-feature-item__text {
    line-height: 1.5;
  }
}

.p-sale-item {
  border-width: 0 0 0 1px;
  width: 100%;
  padding: 30px 25px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 	&:nth-child(2n+1){
		border-width: 0;
	} */
}

@media (min-width: 481px) {
  .p-sale-item {
    border: 1px solid #dcdcdc;
  }
  .p-sale-item:nth-child(2n+1) {
    border-width: 0 0 0 1px;
  }
}

@media (min-width: 1200px) {
  .p-sale-item {
    padding: 30px 35px;
  }
}

.p-sale-item a {
  display: block;
}

@media (max-width: 480px) {
  .p-sale-item a {
    margin-bottom: 10px;
  }
}

.p-sale-item a:hover {
  text-decoration: none;
}

.p-sale-item a:hover p.p-sale-item__text {
  text-decoration: underline;
}

.p-sale-item__image {
  margin: 0 auto 30px;
  width: 200px;
  max-width: 200px;
  height: auto;
}

.p-sale-item__heading {
  line-height: 1.2;
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 1200px) {
  .p-sale-item__heading {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
  }
}

.p-sale-item__text {
  line-height: 1.2;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-sale-item__text {
    margin-bottom: 10px;
  }
}

.p-sale-item__price {
  font-weight: bold;
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem;
}

.p-sale-item__price span {
  color: #C5002C;
}

.p-sale-link {
  margin-bottom: 30px;
  border: 1px solid #dcdcdc;
}

@media (min-width: 481px) {
  .p-sale-link {
    border: none;
    margin-bottom: 60px;
  }
}

.p-sale-link > li {
  border-bottom: 1px solid #dcdcdc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-sale-link > li:last-child {
  border-bottom: none;
}

@media (min-width: 481px) {
  .p-sale-link > li {
    float: left;
    margin: 0 10px 0 0;
    border: none;
  }
}

.p-sale-link > li a {
  display: block;
  padding: 20px;
  color: #86868B;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .p-sale-link > li a {
    font-weight: normal;
    border: 1px solid #dcdcdc;
    background: #F5F7F8;
    padding: 9px 35px 8px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .p-sale-link > li a:hover {
    text-decoration: none;
  }
}

.p-sale-header {
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  background: #F5F7F8;
  padding: 15px;
  margin: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .p-sale-header {
    height: 86px;
    line-height: 85px;
    margin: 0;
    padding: 0 35px;
  }
}

.p-sale-header__left {
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .p-sale-header__left {
    float: left;
    overflow: hidden;
    margin-bottom: 0;
  }
}

.p-sale-header__right {
  text-align: left;
}

@media (min-width: 1200px) {
  .p-sale-header__right {
    float: right;
  }
}

.p-sale-header__heading {
  font-weight: normal;
  margin: 0 0 10px 0;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-sale-header__heading {
    display: inline-block;
    margin: 0 40px 0 0;
    font-size: 20px;
    font-size: 2rem;
  }
}

@media (min-width: 1200px) {
  .p-sale-header__heading {
    display: inline-block;
    margin: 0 40px 0 0;
    font-size: 20px;
    font-size: 2rem;
  }
}

.p-sale-header__secondary {
  color: #666;
  line-height: 1.8;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-sale-header__secondary {
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .p-sale-header__secondary {
    display: inline-block;
  }
}

.p-sale-image {
  margin: 0 0 20px;
}

@media (min-width: 1200px) {
  .p-sale-image {
    margin: 0;
  }
}

@media (min-width: 481px) {
  .p-sale-image > img {
    width: 100%;
    max-width: 100%;
  }
}

.p-sale {
  border-bottom: 1px solid #dcdcdc;
}

.p-sale__header, .p-sale__header--sale, .p-sale__header--value {
  padding: 20px 20px 40px 20px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/sale/bg_arrow_sp.png);
  background-repeat: no-repeat;
  background-position: 20px bottom;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-sale__header, .p-sale__header--sale, .p-sale__header--value {
    background-image: url(//store-resources-disneyjp.akamaized.net/images/sale/bg_arrow_pc.png);
    background-position: right center;
  }
}

@media (min-width: 1200px) {
  .p-sale__header, .p-sale__header--sale, .p-sale__header--value {
    background-image: url(//store-resources-disneyjp.akamaized.net/images/sale/bg_arrow_pc.png);
    background-position: right center;
  }
}

.p-sale__header--sale {
  background-color: #FEFBEB;
}

.p-sale__header--value {
  background-color: #FEF2F6;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-sale__header, .p-sale__header--sale, .p-sale__header--value {
    padding: 30px 20px;
  }
}

@media (min-width: 1200px) {
  .p-sale__header, .p-sale__header--sale, .p-sale__header--value {
    padding: 30px 20px;
  }
}

.p-sale__title {
  display: inline-block;
  margin: 0 15px 15px 0;
}

@media (min-width: 1200px) {
  .p-sale__title {
    margin: 0 20px 30px 0;
  }
}

.p-sale__title--value {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #DF3D63;
}

@media (min-width: 1200px) {
  .p-sale__title--value {
    margin-bottom: 15px;
    font-size: 34px;
    font-size: 3.4rem;
  }
}

.p-sale__title > p {
  color: #DF3D63;
  font-weight: bold;
  display: inline-block;
  vertical-align: bottom;
  line-height: 1;
}

.p-sale__title > p span {
  display: block;
}

.p-sale__title > p span.per {
  font-size: 23px;
  font-size: 2.3rem;
}

@media (min-width: 1200px) {
  .p-sale__title > p span.per {
    font-size: 38px;
    font-size: 3.8rem;
  }
}

.p-sale__title > p span.txt {
  font-size: 17px;
  font-size: 1.7rem;
}

@media (min-width: 1200px) {
  .p-sale__title > p span.txt {
    font-size: 34px;
    font-size: 3.4rem;
  }
}

.p-sale__off {
  font-size: 45px;
  font-size: 4.5rem;
}

@media (min-width: 1200px) {
  .p-sale__off {
    font-size: 78px;
    font-size: 7.8rem;
  }
}

.p-sale__secondary {
  color: #DF3D63;
  font-weight: bold;
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-sale__secondary {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

@media (min-width: 1200px) {
  .p-sale__secondary {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.p-sale__lead {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-sale__lead {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) {
  .p-sale__lead {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media (min-width: 481px) {
  .p-sale__image {
    text-align: center;
  }
}

.p-sale__image li {
  float: left;
  margin-right: 2%;
  width: 32%;
}

.p-sale__image li:last-child {
  margin-right: 0;
}

.p-sale__image img {
  width: 100%;
  height: auto;
}

.p-sale-news {
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 0 1px;
}

.p-sale-news > li {
  background: #F5F7F8;
  border-bottom: 1px solid #dcdcdc;
}

.p-sale-news > li a {
  position: relative;
  display: block;
  padding: 20px 40px 20px 20px;
}

.p-sale-news > li a:hover .p-sale-news__text {
  text-decoration: underline;
}

.p-sale-news > li a:after {
  border-top: 2px solid #C1C1C1;
  border-right: 2px solid #C1C1C1;
  margin-top: -3px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-sale-news__text {
  font-size: 11px;
  font-size: 1.1rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-sale-news__text {
    font-size: 17px;
    font-size: 1.7rem;
  }
}

@media (min-width: 1200px) {
  .p-sale-news__text {
    font-size: 17px;
    font-size: 1.7rem;
  }
}

.p-contact-menu {
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  .p-contact-menu {
    margin-bottom: 50px;
  }
}

.p-contact-menu li {
  border: 1px solid #dcdcdc;
  background: #F5F7F8;
  width: 100%;
  margin: 0 0 20px 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-contact-menu li:last-child {
  margin-right: 0;
}

@media (min-width: 481px) {
  .p-contact-menu li {
    float: left;
    width: 49%;
    margin-right: 2%;
  }
  .p-contact-menu li:nth-child(even) {
    margin-right: 0;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-contact-menu li {
    width: 32%;
    margin: 0 2% 0 0;
  }
  .p-contact-menu li:nth-child(even) {
    margin-right: 2%;
  }
  .p-contact-menu li:last-child {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .p-contact-menu li {
    width: 32%;
    margin: 0 2% 0 0;
  }
  .p-contact-menu li:nth-child(even) {
    margin-right: 2%;
  }
  .p-contact-menu li:last-child {
    margin-right: 0;
  }
}

.p-contact-inner {
  width: auto;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-contact-inner {
    width: 600px;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .p-contact-inner {
    width: 600px;
    margin: 0 auto;
  }
}

.p-contact-inner > p {
  color: #878787;
  line-height: 1.7;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-contact-inner > p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .p-contact-inner > p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 50px;
  }
}

.p-info-block {
  padding: 50px 0;
}

.p-info-block:first-child {
  padding-top: 0;
}

.p-info-block:last-child {
  padding-bottom: 0;
}

.p-info-block__header {
  padding-bottom: 30px;
  border-bottom: 1px solid #dcdcdc;
}

.p-info-block__header__title {
  font-weight: normal;
  margin-bottom: 15px;
  font-size: 24px;
  font-size: 2.4rem;
}

@media (min-width: 1200px) {
  .p-info-block__header__title {
    font-size: 26px;
    font-size: 2.6rem;
  }
}

.p-info-block__heading {
  font-weight: normal;
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 2rem;
}

@media (min-width: 1200px) {
  .p-info-block__heading {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.p-info-block__heading02 {
  font-weight: normal;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (min-width: 1200px) {
  .p-info-block__heading02 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.p-info-block__text, .p-info-block__text--secondary, .p-info-block__text--detail {
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-info-block__text--secondary {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
}

.p-info-block__text--detail {
  padding-left: 28px;
}

.p-info-block a {
  line-height: 1.4;
  padding-left: 2em;
  text-indent: -2em;
}

@media (min-width: 481px) {
  .p-info-block a {
    line-height: 1;
  }
}

.p-info-block__list > li {
  position: relative;
  color: #666;
  line-height: 1.5;
  margin-bottom: 5px;
  padding-left: 28px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-info-block__list > li:last-child {
  margin-bottom: 0;
}

.p-info-block__list > li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: .5em;
  left: 0;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -536px -430px;
  width: 6px;
  height: 6px;
}

@media (min-width: 1200px) {
  .p-info-map__col {
    float: left;
    width: 50%;
  }
}

.p-info-map__col li {
  margin-bottom: 15px;
}

.p-info-map__col li:last-child {
  margin-bottom: 0;
}

.p-info-soft__body {
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-info-soft__image, .p-info-soft__image--stamp {
  width: 112px;
  padding-right: 20px;
  vertical-align: top;
}

.p-info-soft__image--stamp {
  width: auto;
}

.p-info-soft__heading {
  font-weight: bold;
}

.p-info-detail {
  padding-left: 28px;
  color: #666;
  margin-bottom: 20px;
}

.p-info-detail > p {
  line-height: 1.5;
}

.p-info-section {
  border-bottom: 1px solid #dcdcdc;
}

.p-info-section__heading {
  padding: 25px 65px 25px 30px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-info-section__heading:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 42px;
  margin-top: -6px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -162px -215px;
  width: 12px;
  height: 12px;
  background-size: 271px 236px;
}

.p-info-section__heading:hover:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 42px;
  margin-top: -6px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -198px -195px;
  width: 12px;
  height: 12px;
  background-size: 271px 236px;
}

.p-info-section__heading.is-open:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 42px;
  margin-top: -6px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -145px -215px;
  width: 12px;
  height: 12px;
  background-size: 271px 236px;
}

.p-info-section__heading.is-open:hover:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 42px;
  margin-top: -6px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -128px -215px;
  width: 12px;
  height: 12px;
  background-size: 271px 236px;
}

@media (min-width: 1200px) {
  .p-info-section__heading {
    cursor: pointer;
    padding: 28px 60px 28px 40px;
  }
}

.p-info-summary {
  display: none;
  padding: 0 30px 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .p-info-summary {
    padding: 0 40px 20px;
  }
}

.p-news__header {
  margin-bottom: 20px;
}

.p-news__date {
  background: #138ac1;
  color: #fff;
  display: inline-block;
  padding: 1px 5px;
  margin-bottom: 10px;
  font-size: 10px;
  font-size: 1rem;
}

@media (min-width: 1200px) {
  .p-news__date {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-news__heading {
  color: #0093d0;
  font-weight: normal;
  font-size: 22px;
  font-size: 2.2rem;
}

@media (min-width: 1200px) {
  .p-news__heading {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.p-news__body {
  font-size: 14px;
  font-size: 1.4rem;
}

.p-chara__name {
  font-size: 1.2rem;
  color: #333333;
  line-height: 1.2;
}

@media (min-width: 801px) {
  .p-chara__name {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}

.p-chara__text {
  padding: 10px 10px 0;
  color: #797979;
  font-size: 1.2rem;
  line-height: 1.5;
}

@media (min-width: 481px) {
  .p-chara__text {
    padding: 15px 15px 0;
  }
}

@media (min-width: 801px) {
  .p-chara__text {
    font-size: 1.4rem;
    padding: 20px 15px 0;
  }
}

.p-chara__nav {
  padding: 0 0 5px;
  border-bottom: 1px solid #CCCCCC;
}

.p-chara__nav li {
  display: inline-block;
  margin: 0 10px 15px 0;
}

@media (min-width: 801px) {
  .p-chara__nav li {
    margin: 0 30px 20px 0;
  }
}

.p-chara__nav a {
  font-size: 1.4rem;
  font-weight: bold;
  color: #0092D0;
}

@media (min-width: 801px) {
  .p-chara__nav a {
    font-size: 1.6rem;
  }
}

.p-chara__seriesWrap {
  padding: 0 0 40px;
}

.p-chara__series {
  padding: 40px 0 0;
}

.p-chara__series:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 801px) {
  .p-chara__series {
    padding: 60px 0 0;
    border-bottom: 1px solid #CCCCCC;
  }
}

.p-chara__seriesImg {
  width: 83%;
  margin: 0 auto;
}

.p-chara__seriesImg img {
  width: 100%;
  max-width: none;
}

@media (min-width: 801px) {
  .p-chara__seriesImg {
    width: 19%;
    float: left;
    margin: 0 0 60px;
  }
}

.p-chara__seriesTtl {
  text-align: center;
  font-size: 2.1rem;
  color: #333333;
  font-weight: normal;
}

@media (min-width: 801px) {
  .p-chara__seriesTtl {
    width: 19%;
    float: left;
    margin: 0 0 60px;
    text-align: left;
    font-size: 2.8rem;
  }
}

.p-chara__seriesList {
  padding: 30px 0 15px;
  border-bottom: 1px solid #CCCCCC;
}

.p-chara__seriesList:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 801px) {
  .p-chara__seriesList {
    width: 80%;
    float: right;
    padding: 0 0 33px;
    border-bottom: none;
  }
}

@media (min-width: 801px) {
  .p-chara__seriesList--3 {
    width: 80%;
    float: right;
    padding: 0 0 33px;
    border-bottom: none;
  }
}

.p-chara__seriesList--3 .p-chara__seriesItem {
  width: 33%;
  width: calc(100% / 3);
  float: left;
  padding: 0 10px;
}

@media (min-width: 801px) {
  .p-chara__seriesList--3 .p-chara__seriesItem {
    width: 25%;
    float: left;
    padding: 0 25px;
  }
}

.p-chara__seriesList--3 .p-chara__seriesItem:nth-of-type(odd) {
  clear: none;
}

.p-chara__seriesList--3 .p-chara__seriesItem:nth-of-type(3n+1) {
  clear: both;
}

@media (min-width: 801px) {
  .p-chara__seriesList--3 .p-chara__seriesItem:nth-of-type(3n+1) {
    clear: none;
  }
}

@media (min-width: 801px) {
  .p-chara__seriesList--3 .p-chara__seriesItem:nth-of-type(4n+1) {
    clear: both;
  }
}

.p-chara__seriesList--3 .p-chara__seriesItem .p-chara__name {
  text-align: left;
}

.p-chara__seriesItem {
  width: 45%;
  float: right;
  margin: 0 0 27px;
}

@media (min-width: 481px) {
  .p-chara__seriesItem {
    width: 33%;
    width: calc(100% / 3);
    float: left;
  }
}

@media (min-width: 801px) {
  .p-chara__seriesItem {
    width: 25%;
    float: left;
    padding: 0 25px;
  }
}

.p-chara__seriesItem:nth-of-type(odd) {
  clear: both;
  float: left;
}

@media (min-width: 481px) {
  .p-chara__seriesItem:nth-of-type(odd) {
    clear: none;
  }
}

@media (min-width: 481px) {
  .p-chara__seriesItem:nth-of-type(3n+1) {
    clear: both;
  }
}

@media (min-width: 801px) {
  .p-chara__seriesItem:nth-of-type(3n+1) {
    clear: none;
  }
}

@media (min-width: 801px) {
  .p-chara__seriesItem:nth-of-type(4n+1) {
    clear: both;
  }
}

.p-chara__seriesItem a {
  display: block;
  text-decoration: underline;
}

.p-chara__seriesItem a:hover {
  text-decoration: none;
}

.p-chara__seriesItem img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 20px;
}

@media (min-width: 481px) {
  .p-chara__seriesItem img {
    width: 80%;
  }
}

@media (min-width: 481px) {
  .p-chara__seriesItem img {
    width: 100px;
  }
}

.p-chara__seriesItem .p-chara__name {
  text-align: center;
}

.p-chara__heading {
  display: none;
}

@media (min-width: 481px) {
  .p-chara__heading {
    display: block;
    color: #85858B;
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
  }
}

.p-chara__list {
  margin-bottom: 10px;
}

@media (min-width: 481px) {
  .p-chara__list {
    margin-bottom: 30px;
  }
}

.p-chara__list > li {
  margin: 0 0 40px 0;
}

@media (min-width: 481px) {
  .p-chara__list > li {
    float: left;
    width: 49%;
    margin: 0 2% 35px 0;
  }
  .p-chara__list > li:nth-child(even) {
    margin-right: 0;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-chara__list > li {
    width: 32%;
    margin: 0 2% 35px 0;
    padding: 0 1%;
  }
  .p-chara__list > li:nth-child(3n) {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .p-chara__list > li {
    width: 255px;
    margin: 0 60px 70px 0;
  }
  .p-chara__list > li:nth-child(even) {
    margin-right: 60px;
  }
  .p-chara__list > li:nth-child(4n) {
    margin-right: 0;
  }
}

.p-chara__panel > a {
  display: block;
  text-align: center;
  text-decoration: underline;
}

.p-chara__panel > a:hover {
  text-decoration: none;
}

.p-chara__image {
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 481px) {
  .p-chara__image {
    margin-bottom: 35px;
  }
}

.p-chara__image img {
  width: 145px;
  height: 145px;
}

@media (min-width: 481px) {
  .p-chara__image img {
    height: auto;
    width: auto;
  }
}

.p-chara-btn {
  position: relative;
}

.p-chara-btn:after {
  -ms-transform: rotate(135deg) !important;
  -webkit-transform: rotate(135deg) !important;
  transform: rotate(135deg) !important;
}

.p-ranking-top__left {
  position: relative;
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 0 1px;
  padding: 30px 35px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-ranking-top__left {
    border-width: 1px 0 0 0;
  }
}

@media (min-width: 1200px) {
  .p-ranking-top__left {
    border-width: 0 1px 0 0;
    float: left;
    width: 67%;
    padding: 100px 40px 40px 40px;
  }
}

.p-ranking-top__left a {
  display: block;
  text-align: center;
}

.p-ranking-top__left a:hover {
  text-decoration: none;
}

.p-ranking-top__left a:hover p {
  text-decoration: underline;
}

.p-ranking-top__left a:hover p.c-carousel__caption__price {
  text-decoration: none;
}

@media (min-width: 1200px) {
  .p-ranking-top__right {
    border-bottom: none;
    float: left;
    width: 33%;
  }
}

.p-ranking-top__ranked {
  position: relative;
  padding: 30px 35px;
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 0 1px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-ranking-top__ranked {
    border-width: 1px 0 0 0;
  }
}

@media (min-width: 1200px) {
  .p-ranking-top__ranked {
    border: none;
  }
}

@media (min-width: 1200px) {
  .p-ranking-top__ranked:first-child {
    border-bottom: 1px solid #dcdcdc;
  }
}

.p-ranking-top__ranked a {
  display: block;
  text-align: center;
}

.p-ranking-top__ranked a:hover {
  text-decoration: none;
}

.p-ranking-top__ranked a:hover p {
  text-decoration: underline;
}

.p-ranking-top__ranked a:hover p.c-carousel__caption__price {
  text-decoration: none;
}

.p-ranking-side {
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-ranking-side a {
  color: #85858B;
  background: #F5F7F8;
  font-weight: bold;
  display: block;
  padding: 15px 20px 15px 20px;
  position: relative;
}

@media (min-width: 1200px) {
  .p-ranking-side a {
    background: #FFF;
    color: #333;
    font-weight: normal;
    padding: 0 20px 0 35px;
    height: 60px;
    line-height: 60px;
  }
}

.p-ranking-side a:after {
  right: 10px;
  border-top: 2px solid #bbb;
  border-right: 2px solid #bbb;
}

@media (min-width: 1200px) {
  .p-ranking-side a:after {
    right: 30px;
    border-top: 2px solid #777;
    border-right: 2px solid #777;
  }
}

.p-ranking-side-accBtn {
  position: relative;
}

.p-ranking-side-accBtn:before {
  content: "";
  position: absolute;
  background: url(/images/common/bg_search_toopen.png) no-repeat center;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 8px;
  padding: 6px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-ranking-side-accBtn:before {
    padding: 7px;
    right: 10px;
  }
}

@media (min-width: 1200px) {
  .p-ranking-side-accBtn:before {
    padding: 7px;
    right: 20px;
  }
}

.p-ranking-side-accBtn.c-nav-current:before {
  background: url(/images/common/bg_search_toclose_g.png) no-repeat center;
}

.p-ranking-item {
  margin-top: -1px;
}

@media (min-width: 481px) {
  .p-ranking-item {
    margin-top: 0;
  }
}

.p-result-rank {
  border: 1px solid #dcdcdc;
}

.p-result-rank li {
  border: 1px solid #dcdcdc;
  border-width: 0 0 1px 0;
  width: 100%;
  position: relative;
  padding: 30px 35px;
}

.p-result-rank li:last-child {
  border: none;
}

@media (min-width: 1200px) {
  .p-result-rank li {
    border-width: 0 1px;
    float: left;
    width: 33.33333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .p-result-rank li:first-child {
    border: none;
  }
}

.p-result-rank img {
  max-width: 70%;
  height: auto;
  margin: 0 auto 30px;
}

@media (min-width: 1200px) {
  .p-result-rank img {
    width: 250px;
    max-width: 250px;
  }
}

.p-result-rank a {
  display: block;
  text-align: center;
}

@media (min-width: 1200px) {
  .p-ranking-image01 {
    width: 400px;
    max-width: 400px;
  }
}

@media (min-width: 1200px) {
  .p-ranking-image02 {
    width: 160px;
    max-width: 160px;
  }
}

.p-shop-heading {
  margin-bottom: 20px;
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 0 1px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-shop-heading {
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .p-shop-heading {
    margin-bottom: 40px;
  }
}

.p-shop-heading__content {
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
}

@media (min-width: 481px) {
  .p-shop-heading__content {
    display: table;
  }
}

.p-shop-heading__content > dt {
  font-weight: bold;
  padding: 20px 12px 0;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .p-shop-heading__content > dt {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 25px;
    width: 25%;
  }
}

.p-shop-heading__content > dd {
  font-size: 14px;
  font-size: 1.4rem;
  color: #666;
  padding: 20px 12px;
}

@media (min-width: 481px) {
  .p-shop-heading__content > dd {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
  }
}

.p-shop-table01 {
  border-collapse: collapse;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-shop-table01 th {
  background: #F5F7F8;
  font-weight: bold;
  text-align: center;
  border: 1px solid #dcdcdc;
  padding: 20px 5px;
  width: 33.33333%;
}

@media (min-width: 1200px) {
  .p-shop-table01 th {
    padding: 20px 0;
  }
}

.p-shop-table01 td {
  border: 1px solid #dcdcdc;
  color: #666;
  text-align: center;
  vertical-align: middle;
  padding: 20px 10px;
}

@media (min-width: 1200px) {
  .p-shop-table01 td {
    padding: 20px 0;
  }
}

.p-shop-table02 {
  margin-bottom: 20px;
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 0 1px;
}

.p-shop-table02__inner {
  display: table;
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}

@media (min-width: 481px) {
  .p-shop-table02__inner {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.p-shop-table02__heading, .p-shop-table02__heading--left, .p-shop-table02__heading--right {
  background: #F5F7F8;
  border-bottom: 1px solid #dcdcdc;
  display: table-cell;
  text-align: center;
  font-weight: bold;
  padding: 20px 10px;
}

.p-shop-table02__heading--left {
  border-right: 1px solid #dcdcdc;
  width: 55%;
}

@media (min-width: 481px) {
  .p-shop-table02__heading--left {
    width: 70%;
  }
}

@media (min-width: 481px) {
  .p-shop-table02__heading--right {
    width: 70%;
  }
}

.p-shop-table02__title {
  border: 1px solid #dcdcdc;
  border-width: 0 1px 1px 0;
  font-weight: bold;
  padding: 20px 10px;
  display: table-cell;
  width: 55%;
  text-align: left;
  vertical-align: middle;
}

@media (min-width: 481px) {
  .p-shop-table02__title {
    width: 70%;
    padding: 20px 10px;
  }
}

@media (min-width: 1200px) {
  .p-shop-table02__title {
    padding: 20px 0 20px 40px;
  }
}

.p-shop-table02__body {
  color: #666;
  display: table-cell;
  text-align: center;
  padding: 20px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #dcdcdc;
}

.p-shop-table02__body span {
  display: block;
}

@media (min-width: 481px) {
  .p-shop-table02__body span {
    display: inline-block;
  }
}

@media (min-width: 481px) {
  .p-shop-table02__body {
    text-align: right;
    padding: 20px 20px 20px 0;
  }
}

.p-shop-info {
  line-height: 1.8;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-temp-inner {
  padding: 3% 2.9% 8% 2.8%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-temp-inner > div {
  text-align: left;
}

@media (min-width: 481px) {
  .p-temp-inner {
    text-align: center;
    padding: 13%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-temp-inner {
    padding: 13%;
  }
}

@media (min-width: 1200px) {
  .p-temp-inner {
    padding: 6.5% 13.1%;
  }
}

.p-temp-inner__body, .p-temp-inner__body--col3, .p-temp-inner__body--col4 {
  padding: 0 10px;
  margin-top: 10px;
}

@media (min-width: 1200px) {
  .p-temp-inner__body, .p-temp-inner__body--col3, .p-temp-inner__body--col4 {
    margin: 0 auto;
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .p-temp-inner__body--col3 {
    margin-top: 30px;
    width: 276px;
  }
}

.p-temp-inner__body--col3 > a {
  text-align: left;
}

.p-temp-inner__body--col3 > a:hover {
  text-decoration: none;
}

.p-temp-inner__body--col3 > a:hover .p-temp-inner__title {
  text-decoration: underline;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-temp-inner__body--col4 {
    margin-top: 20px;
    padding: 0 13%;
  }
}

@media (min-width: 1200px) {
  .p-temp-inner__body--col4 {
    margin-top: 20px;
    width: 178px;
  }
}

.p-temp-inner__body--col4 > a {
  text-align: left;
}

.p-temp-inner__body--col4 > a:hover {
  text-decoration: none;
}

.p-temp-inner__body--col4 > a:hover .p-temp-inner__title {
  text-decoration: underline;
}

.p-temp-inner__title {
  color: #777;
  line-height: 1.2;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

.p-temp-inner__price {
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 481px) {
  .p-temp-inner__price {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-temp-inner__price span {
  margin-left: 1em;
  color: #C5002C;
}

.p-temp-inner__btn {
  margin-top: 15px;
  text-align: center;
}

@media (max-width: 480px) {
  .p-temp-list {
    display: table;
    width: 100%;
    padding: 10px;
  }
  .p-temp-list__left {
    display: table-cell;
    width: 70%;
    vertical-align: top;
  }
  .p-temp-list__right {
    display: table-cell;
    padding-left: 1px;
    vertical-align: top;
  }
}

.p-temp-image--col3 {
  width: 100%;
  height: auto;
}

@media (min-width: 1200px) {
  .p-temp-image--col3 {
    width: 276px;
    height: 276px;
  }
}

.p-temp-image--col4 {
  width: 100%;
  height: auto;
}

@media (min-width: 1200px) {
  .p-temp-image--col4 {
    width: 178px;
    height: 178px;
  }
}

.p-tsum-sizeL, .p-tsum-sizeL--mega {
  padding: 13.9% 18.9% 5%;
  text-align: center;
}

@media (min-width: 481px) {
  .p-tsum-sizeL, .p-tsum-sizeL--mega {
    padding: 4% 22% 6%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-tsum-sizeL, .p-tsum-sizeL--mega {
    padding: 4.7% 11.5% 7%;
  }
}

@media (min-width: 1200px) {
  .p-tsum-sizeL, .p-tsum-sizeL--mega {
    padding: 20px 34px 30px;
  }
}

.p-tsum-sizeL__image {
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  .p-tsum-sizeL__image {
    margin-bottom: 40px;
  }
}

.p-tsum-sizeL__image > img {
  width: 100%;
  height: auto;
}

@media (min-width: 1200px) {
  .p-tsum-sizeL__image > img {
    width: 230px;
    height: 230px;
  }
}

.p-tsum-sizeL__price {
  margin-bottom: 5px;
}

.p-tsum-sizeL__price .p-discount {
  margin-left: 1em;
  color: #C5002C;
}

.p-tsum-sizeL--mega {
  padding: 3.6% 12% 4.8%;
}

@media (min-width: 481px) {
  .p-tsum-sizeL--mega {
    padding: 3.8% 18.75% 6.4%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-tsum-sizeL--mega {
    padding: 4.7% 11.5% 7%;
  }
}

@media (min-width: 1200px) {
  .p-tsum-sizeL--mega {
    padding: 20px 24px 30px;
  }
}

@media (min-width: 1200px) {
  .p-tsum-sizeL--mega .p-tsum-sizeL__image {
    margin-bottom: 20px;
  }
}

.p-tsum-sizeL--mega .p-tsum-sizeL__image > img {
  width: 100%;
  height: auto;
}

@media (min-width: 1200px) {
  .p-tsum-sizeL--mega .p-tsum-sizeL__image > img {
    width: 250px;
    height: 250px;
  }
}

.p-tsum-sizeM {
  padding: 0;
  display: table;
  width: 100%;
  text-align: center;
}

@media (min-width: 481px) {
  .p-tsum-sizeM {
    display: block;
    padding: 4.6% 15.6% 7.7%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-tsum-sizeM {
    padding: 5% 8% 8%;
  }
}

@media (min-width: 1200px) {
  .p-tsum-sizeM {
    padding: 20px 20px 30px;
  }
}

.p-tsum-sizeM__image {
  display: table-cell;
  padding-left: 4.6%;
  vertical-align: middle;
  width: 47%;
}

@media (min-width: 481px) {
  .p-tsum-sizeM__image {
    display: block;
    margin-bottom: 15px;
    padding-left: 0;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .p-tsum-sizeM__image {
    margin-bottom: 20px;
  }
}

.p-tsum-sizeM__image > img {
  width: 100%;
  height: auto;
}

@media (min-width: 1200px) {
  .p-tsum-sizeM__image > img {
    width: 198px;
    height: 198px;
  }
}

.p-tsum-sizeM__body {
  display: table-cell;
  padding: 3% 3.75%;
  vertical-align: middle;
  text-align: left;
}

@media (min-width: 481px) {
  .p-tsum-sizeM__body {
    display: block;
    padding: 0;
  }
}

.p-tsum-sizeM__btn {
  text-align: left;
}

@media (min-width: 481px) {
  .p-tsum-sizeM__btn {
    text-align: center;
  }
}

.p-tsum-sizeM__price {
  margin-bottom: 15px;
}

.p-tsum-sizeM__price .p-discount {
  margin-left: 1em;
  color: #C5002C;
}

@media (min-width: 1200px) {
  .p-tsum-sizeM__price {
    margin-bottom: 20px;
  }
}

.p-tsum-sizeS {
  padding: 0;
  display: table;
  width: 100%;
  text-align: center;
}

@media (min-width: 481px) {
  .p-tsum-sizeS {
    display: block;
    padding: 0 0 7.5%;
  }
}

@media (min-width: 1200px) {
  .p-tsum-sizeS {
    padding: 0 0 20px;
  }
}

.p-tsum-sizeS__image {
  display: table-cell;
  padding-left: 4.6%;
  vertical-align: middle;
  width: 48%;
}

@media (min-width: 481px) {
  .p-tsum-sizeS__image {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    padding: 0;
  }
}

.p-tsum-sizeS__image > img {
  width: 100%;
  height: auto;
}

@media (min-width: 1200px) {
  .p-tsum-sizeS__image > img {
    width: 200px;
    height: 200px;
  }
}

.p-tsum-sizeS__btn {
  text-align: left;
}

@media (min-width: 481px) {
  .p-tsum-sizeS__btn {
    text-align: center;
  }
}

.p-tsum-sizeS__body {
  display: table-cell;
  padding: 3% 3.75% 3% 10.1%;
  vertical-align: middle;
  text-align: left;
}

@media (min-width: 481px) {
  .p-tsum-sizeS__body {
    display: block;
    padding: 0 7.5%;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .p-tsum-sizeS__body {
    padding: 0 24px;
  }
}

.p-tsum-sizeS__price {
  margin-bottom: 15px;
}

.p-tsum-sizeS__price .p-discount {
  margin-left: 1em;
  color: #C5002C;
}

@media (min-width: 1200px) {
  .p-tsum-sizeS__price {
    margin-bottom: 20px;
  }
}

.p-tsum-chara {
  padding: 3.2% 5.3% 6.4%;
  text-align: center;
  width: 100%;
}

@media (min-width: 481px) {
  .p-tsum-chara {
    padding: 4% 22% 6%;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-tsum-chara {
    display: block;
    padding: 0 0 7.5%;
  }
}

@media (min-width: 1200px) {
  .p-tsum-chara {
    padding: 0 0 20px;
  }
}

.p-tsum-chara__image {
  margin-bottom: 15px;
}

@media (min-width: 1200px) {
  .p-tsum-chara__image {
    width: 100%;
    margin-bottom: 40px;
  }
}

.p-tsum-chara__image > img {
  width: 100%;
  height: auto;
}

@media (min-width: 1200px) {
  .p-tsum-chara__image > img {
    width: 200px;
    height: 200px;
  }
}

.p-tsum-chara__body {
  padding: 0 10px;
  margin-top: 10px;
}

@media (min-width: 1200px) {
  .p-tsum-chara__body {
    margin: 0 auto;
  }
}

.p-tsum-chara__price {
  margin-bottom: 15px;
}

.p-tsum-chara__price .p-discount {
  margin-left: 1em;
  color: #C5002C;
}

@media (min-width: 1200px) {
  .p-tsum-chara__price {
    margin-bottom: 20px;
  }
}

.p-temp-icon {
  margin: 0;
  text-align: left;
}

.p-temp-icon li {
  margin: 0 0 5px 0;
}

.p-temp-icon li:last-child {
  margin-bottom: 0;
}

.p-searchResult--chara {
  position: relative;
}

.p-searchResult--chara:after {
  content: '';
  display: block;
  clear: both;
}

.p-searchResult--chara p {
  float: left;
  width: 70%;
  padding: 0 0 30px;
  font-size: 1.1rem;
  line-height: 1.3;
  color: #333333;
  min-height: 5em;
}

@media (min-width: 801px) {
  .p-searchResult--chara p {
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: auto;
  }
}

.p-searchResult--chara div {
  max-width: 40%;
  display: block;
  position: absolute;
  bottom: 0;
  right: 10px;
  text-align: right;
}

@media (min-width: 801px) {
  .p-searchResult--chara div {
    right: 0;
  }
}

.p-searchResult--chara img {
  width: 60%;
  height: auto;
  max-width: 100%;
}

.ttlfontS .p-searchResult__itemname {
  font-size: 10px;
}

@media (min-width: 801px) {
  .ttlfontS .p-searchResult__itemname {
    font-size: 14px;
  }
}

@media (min-width: 801px) {
  .p-searchResult {
    display: table;
    border-collapse: collapse;
    border: 1px solid #dcdcdc;
    margin: 0 0 30px;
  }
}

.p-searchResult .c-carousel__caption__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-searchResult .current_bold {
  font-weight: bold;
}

.p-searchResult input {
  position: static;
  margin: 0;
}

.p-searchResult__main {
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .p-searchResult__main {
    box-sizing: border-box;
    display: table-cell;
    width: 75%;
    vertical-align: top;
    border-left: 1px solid #dcdcdc;
  }
}

.p-searchResult__side {
  box-sizing: border-box;
}

@media (min-width: 801px) {
  .p-searchResult__side {
    display: table-cell;
    width: 25%;
  }
}

.p-searchResult__itemname {
  color: #777;
  font-size: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 801px) {
  .p-searchResult__itemname {
    font-size: 1.1vw;
  }
}

@media (min-width: 1200px) {
  .p-searchResult__itemname {
    font-size: 14px;
  }
}

@media only screen and (max-width: 321px) {
  .p-searchResult__itemname {
    font-size: 1.2rem;
  }
}

.p-searchResult__itemprice {
  font-size: 1.2rem;
}

@media only screen and (max-width: 321px) {
  .p-searchResult__itemprice {
    font-size: 1.3rem;
  }
}

@media (min-width: 801px) {
  .p-searchResult__itemprice {
    font-size: 1.3vw;
  }
}

@media (min-width: 1200px) {
  .p-searchResult__itemprice {
    font-size: 16px;
  }
}

.p-searchResult__itemprice span.new-txt {
  font-size: 10px;
  font-weight: normal;
}

@media (min-width: 801px) {
  .p-searchResult__itemprice span.new-txt {
    font-size: 14px;
  }
}

.p-searchResult__navi {
  border: 1px solid #dcdcdc;
  background-color: #F5F7F8;
  margin: 0 10px 15px;
  padding: 10px;
  color: #333;
}

@media (min-width: 801px) {
  .p-searchResult__navi {
    border: none;
    margin: 0;
    height: 83px;
    box-sizing: border-box;
  }
}

.p-searchResult__navi__sort {
  float: left;
  padding-top: -10px;
  width: 66%;
}

@media only screen and (max-width: 321px) {
  .p-searchResult__navi__sort {
    width: 60%;
  }
}

.p-searchResult__navi__sort p {
  font-size: 1.6rem;
  font-weight: bold;
}

@media (min-width: 801px) {
  .p-searchResult__navi__sort p {
    font-size: 18px;
    padding: 0 15px 0;
  }
}

@media (min-width: 801px) {
  .p-searchResult__navi__sort p span {
    font-size: 24px;
  }
}

.p-searchResult__navi__sort span.u-onlyPC {
  display: none;
}

@media (min-width: 801px) {
  .p-searchResult__navi__sort span.u-onlyPC {
    display: inline-block;
    font-size: 14px;
    padding: 0 15px 0;
    margin: 0;
    border-right: 1px solid #dcdcdc;
  }
}

.p-searchResult__navi__sort a {
  position: relative;
  padding: 0 15px 0 0;
  font-size: 1.2rem;
  margin: 0 3% 0 0;
}

@media only screen and (max-width: 321px) {
  .p-searchResult__navi__sort a {
    padding: 0 12px 0 0;
    font-size: 1rem;
    margin: 0 2% 0 0;
  }
}

@media (min-width: 801px) {
  .p-searchResult__navi__sort a {
    font-size: 1.6vw;
    padding: 0 2% 0;
    margin: 0;
    border-right: 1px solid #dcdcdc;
  }
}

@media (min-width: 1200px) {
  .p-searchResult__navi__sort a {
    font-size: 14px;
  }
}

.p-searchResult__navi__sort a.u-onlySP {
  display: inline-block;
}

@media (min-width: 801px) {
  .p-searchResult__navi__sort a.u-onlySP {
    display: none;
  }
}

.p-searchResult__navi__sort a.u-onlyPC {
  display: none;
}

@media (min-width: 801px) {
  .p-searchResult__navi__sort a.u-onlyPC {
    display: inline-block;
  }
}

.p-searchResult__navi__sort a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid #333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  top: 20%;
  bottom: 0;
  right: 0;
}

@media (min-width: 801px) {
  .p-searchResult__navi__sort a:after {
    content: none;
  }
}

.p-searchResult__navi ul {
  float: right;
  display: table;
}

@media (min-width: 801px) {
  .p-searchResult__navi ul {
    margin: 15px 10px 0 0;
    padding: 10px 10px 0 0;
  }
}

.p-searchResult__navi ul li {
  display: table-cell;
  padding: 0 20px 0 0;
}

@media only screen and (max-width: 321px) {
  .p-searchResult__navi ul li {
    padding: 0 10px 0 0;
  }
}

.p-searchResult__navi ul li:last-child {
  border-left: solid 1px #dcdcdc;
  padding: 0 0 0 20px;
}

@media only screen and (max-width: 321px) {
  .p-searchResult__navi ul li:last-child {
    padding: 0 0 0 10px;
  }
}

.p-searchResult__navi2 {
  display: block;
  margin: 0 10px 15px;
}

.p-searchResult__navi2:after {
  content: '';
  display: block;
  clear: both;
}

.p-searchResult__navi2__modalBtn {
  width: 49.5%;
  float: left;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #F5F7F8;
}

.p-searchResult__navi2__modalBtn a {
  border: 1px solid #dcdcdc;
  display: block;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  position: relative;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-searchResult__navi2__modalBtn a:after {
  content: "";
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -220px -141px;
  width: 20px;
  height: 20px;
  background-size: 271px 236px;
  position: absolute;
  right: 10px;
  top: 8px;
}

.p-searchResult__navi2__sortBtn {
  float: right;
  width: 49.5%;
}

.p-searchResult__navi2__sortBtn > div {
  width: 100%;
  position: relative;
}

.p-searchResult__navi2__sortBtn select {
  width: 100%;
  height: 40px;
  font-size: 1.2rem;
  border: 1px solid #b6b6b6;
}

.p-searchResult__more {
  position: relative;
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .p-searchResult__more {
    width: 75%;
    margin: 0 0 30px 25%;
  }
}

.p-searchResult__more .c-btn-more, .p-searchResult__more .c-btn-more__hide {
  margin: 0;
}

.p-searchResult__more.more-pager {
  position: relative;
  margin: 40px 0;
  text-align: center;
}

@media (min-width: 801px) {
  .p-searchResult__more.more-pager {
    width: auto;
    margin: 30px 0;
  }
}

.p-searchResult__pager {
  display: inline-block;
  text-align: center;
  width: 100%;
  position: relative;
}

.p-searchResult__pager:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 801px) {
  .p-searchResult__pager {
    width: auto;
    margin: 0 auto;
  }
}

.p-searchResult__pager li {
  font-weight: bold;
  padding: 0 1%;
  display: inline-block;
  font-size: 1.2rem;
}

@media (min-width: 801px) {
  .p-searchResult__pager li {
    float: left;
    font-size: 1.4rem;
    padding: 0 5px;
  }
}

.p-searchResult__pager li a {
  color: #333333;
  display: block;
}

.p-searchResult__pager li a,
.p-searchResult__pager li span {
  border: solid 1px #a2a2a2;
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  border-radius: 3px;
}

@media (max-width: 320px) {
  .p-searchResult__pager li a,
  .p-searchResult__pager li span {
    width: 2.7rem;
    height: 2.7rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 801px) {
  .p-searchResult__pager li a,
  .p-searchResult__pager li span {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
  }
}

.p-searchResult__pager li.is-current span {
  background: #00ADEF;
  color: #fff;
  border-color: #00ADEF;
}

.p-searchResult__pager .is-prev a,
.p-searchResult__pager .is-next a {
  border: none;
  width: auto;
}

.p-searchResult__pager .is-prev {
  position: relative;
  padding: 0 2% 0 0;
}

@media (min-width: 801px) {
  .p-searchResult__pager .is-prev {
    padding: 0 20px 0 0;
  }
}

.p-searchResult__pager .is-prev:before {
  border-top: 2px solid #a2a2a2;
  border-right: 2px solid #a2a2a2;
  margin-top: -4px;
  margin-left: 5px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.p-searchResult__pager .is-prev a {
  padding: 1px 0 0 15px;
}

@media (min-width: 801px) {
  .p-searchResult__pager .is-prev a {
    padding: 1px 0 0 20px;
  }
}

.p-searchResult__pager .is-next {
  position: relative;
  padding: 0 0 0 2%;
}

@media (min-width: 801px) {
  .p-searchResult__pager .is-next {
    padding: 0 0 0 20px;
  }
}

.p-searchResult__pager .is-next:after {
  border-top: 2px solid #a2a2a2;
  border-right: 2px solid #a2a2a2;
  margin-top: -5px;
  margin-left: 5px;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-searchResult__pager .is-next a {
  padding: 0 10px 0 0;
}

@media (min-width: 801px) {
  .p-searchResult__pager .is-next a {
    padding: 0 15px 0 0;
  }
}

.p-searchResult__block {
  display: none;
}

@media (min-width: 801px) {
  .p-searchResult__block {
    display: block;
    position: relative;
    border-bottom: 1px solid #CCCCCC;
    padding: 20px 50px 20px 20px;
    background-color: #F5F7F8;
  }
}

@media (min-width: 801px) {
  .p-searchResult__block > label input {
    margin: 0 5px 0 0;
  }
}

@media (min-width: 801px) {
  .p-searchResult__block > label span {
    font-size: 14px;
    font-weight: bold;
  }
}

@media (min-width: 801px) {
  .p-searchResult__ttl {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 15px;
  }
}

@media (min-width: 801px) {
  .p-searchResult__list li {
    margin: 0 0 10px;
  }
}

@media (min-width: 801px) {
  .p-searchResult__list li input {
    margin: 0 5px 0 0;
  }
}

.p-searchResult__price input {
  margin: 0 5px 0 0;
  height: 40px;
  border-radius: 5px;
  width: 40%;
  font-size: 16px;
}

@media (min-width: 801px) {
  .p-searchResult__price input {
    display: inline-block;
    width: 40%;
    height: 40px;
    border-radius: 4px;
  }
}

.p-searchResult__accBtn {
  position: absolute;
  top: 20px;
  right: 20px;
  background: url(/images/common/bg_search_toopen.png) no-repeat center;
  background-size: contain;
  padding: 8px;
}

.p-searchResult__accBtn.is-current {
  content: "";
  position: absolute;
  background: url(/images/common/bg_search_toclose_g.png) no-repeat center;
}

.p-searchResult .item-list, .p-searchResult .item-list--ranking, .p-searchResult .item-list--sale {
  margin: 0;
}

.p-searchResult .item-list.grid .p-searchResult__itemtext, .p-searchResult .grid.item-list--ranking .p-searchResult__itemtext, .p-searchResult .grid.item-list--sale .p-searchResult__itemtext {
  display: none;
}

.p-searchResult .item-list.list, .p-searchResult .list.item-list--ranking, .p-searchResult .list.item-list--sale {
  border: 1px solid #dcdcdc;
}

@media (min-width: 801px) {
  .p-searchResult .item-list.list, .p-searchResult .list.item-list--ranking, .p-searchResult .list.item-list--sale {
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
}

.p-searchResult .item-list.list .c-list-gift .c-txt-icon, .p-searchResult .list.item-list--ranking .c-list-gift .c-txt-icon, .p-searchResult .list.item-list--sale .c-list-gift .c-txt-icon, .p-searchResult .item-list.list .c-list-gift--horizontal .c-txt-icon, .p-searchResult .list.item-list--ranking .c-list-gift--horizontal .c-txt-icon, .p-searchResult .list.item-list--sale .c-list-gift--horizontal .c-txt-icon {
  padding: 3px;
  width: 100%;
  max-width: 170px;
  background: #F2F9FC;
  border: solid 1px #BDE1F2;
  color: #2C9BD1;
  font-size: 1.1rem;
}

@media (min-width: 801px) {
  .p-searchResult .item-list.list .c-list-gift .c-txt-icon, .p-searchResult .list.item-list--ranking .c-list-gift .c-txt-icon, .p-searchResult .list.item-list--sale .c-list-gift .c-txt-icon, .p-searchResult .item-list.list .c-list-gift--horizontal .c-txt-icon, .p-searchResult .list.item-list--ranking .c-list-gift--horizontal .c-txt-icon, .p-searchResult .list.item-list--sale .c-list-gift--horizontal .c-txt-icon {
    padding: 1px 6px;
    width: 100%;
    max-width: none;
    font-size: 1.2rem;
  }
}

.p-searchResult .item-list.list > li:last-child, .p-searchResult .list.item-list--ranking > li:last-child, .p-searchResult .list.item-list--sale > li:last-child {
  border-bottom: none;
}

@media (min-width: 801px) {
  .p-searchResult .item-list.grid, .p-searchResult .grid.item-list--ranking, .p-searchResult .grid.item-list--sale {
    border-right: none;
    border-left: none;
  }
}

@media (min-width: 801px) {
  .p-searchResult .item-list.grid > li, .p-searchResult .grid.item-list--ranking > li, .p-searchResult .grid.item-list--sale > li {
    width: 33.3333%;
    border-left: none;
  }
  .p-searchResult .item-list.grid > li:nth-of-type(3n), .p-searchResult .grid.item-list--ranking > li:nth-of-type(3n), .p-searchResult .grid.item-list--sale > li:nth-of-type(3n) {
    border-right: none;
  }
}

@media (min-width: 801px) {
  .p-searchResult .item-list.grid.item-list--ranking > li, .p-searchResult .grid.item-list--ranking > li, .p-searchResult .grid.item-list--ranking.item-list--sale > li {
    width: 25%;
  }
  .p-searchResult .item-list.grid.item-list--ranking > li:nth-of-type(3n), .p-searchResult .grid.item-list--ranking > li:nth-of-type(3n), .p-searchResult .grid.item-list--ranking.item-list--sale > li:nth-of-type(3n) {
    border-right: solid 1px #dcdcdc;
  }
  .p-searchResult .item-list.grid.item-list--ranking > li:nth-of-type(4n), .p-searchResult .grid.item-list--ranking > li:nth-of-type(4n), .p-searchResult .grid.item-list--ranking.item-list--sale > li:nth-of-type(4n) {
    border-right: none;
  }
}

@media (min-width: 801px) {
  .p-searchResult .item-list .p-searchResult__itemprice, .p-searchResult .item-list--ranking .p-searchResult__itemprice, .p-searchResult .item-list--sale .p-searchResult__itemprice {
    display: inline-block;
    padding: 0 20px 0 0;
  }
}

.p-searchResult .item-list .p-searchResult__itemtext, .p-searchResult .item-list--ranking .p-searchResult__itemtext, .p-searchResult .item-list--sale .p-searchResult__itemtext {
  padding: 10px 0;
}

@media (min-width: 801px) {
  .p-searchResult .item-list .p-searchResult__itemtext, .p-searchResult .item-list--ranking .p-searchResult__itemtext, .p-searchResult .item-list--sale .p-searchResult__itemtext {
    padding-top: 15px;
    color: #333;
  }
}

@media (min-width: 801px) {
  .p-searchResult .item-list .c-list-gift, .p-searchResult .item-list--ranking .c-list-gift, .p-searchResult .item-list--sale .c-list-gift, .p-searchResult .item-list .c-list-gift--horizontal, .p-searchResult .item-list--ranking .c-list-gift--horizontal, .p-searchResult .item-list--sale .c-list-gift--horizontal {
    display: inline-block;
  }
}

@media (min-width: 801px) {
  .p-searchResult .item-list .c-list-gift li, .p-searchResult .item-list--ranking .c-list-gift li, .p-searchResult .item-list--sale .c-list-gift li, .p-searchResult .item-list .c-list-gift--horizontal li, .p-searchResult .item-list--ranking .c-list-gift--horizontal li, .p-searchResult .item-list--sale .c-list-gift--horizontal li {
    display: inline-block;
    vertical-align: top;
  }
}

.p-searchResult .item-list .c-list-gift .c-txt-icon, .p-searchResult .item-list--ranking .c-list-gift .c-txt-icon, .p-searchResult .item-list--sale .c-list-gift .c-txt-icon, .p-searchResult .item-list .c-list-gift--horizontal .c-txt-icon, .p-searchResult .item-list--ranking .c-list-gift--horizontal .c-txt-icon, .p-searchResult .item-list--sale .c-list-gift--horizontal .c-txt-icon {
  padding: 3px;
  width: 100%;
  max-width: 170px;
  background: #F2F9FC;
  border: solid 1px #BDE1F2;
  color: #2C9BD1;
  font-size: 1.1rem;
}

@media (min-width: 801px) {
  .p-searchResult .item-list .c-list-gift .c-txt-icon, .p-searchResult .item-list--ranking .c-list-gift .c-txt-icon, .p-searchResult .item-list--sale .c-list-gift .c-txt-icon, .p-searchResult .item-list .c-list-gift--horizontal .c-txt-icon, .p-searchResult .item-list--ranking .c-list-gift--horizontal .c-txt-icon, .p-searchResult .item-list--sale .c-list-gift--horizontal .c-txt-icon {
    padding: 4px;
    width: 100%;
    max-width: 100%;
    font-size: 12px;
    font-size: 1vw;
  }
}

@media only screen and (max-width: 321px) {
  .p-searchResult .item-list .c-list-gift .c-txt-icon, .p-searchResult .item-list--ranking .c-list-gift .c-txt-icon, .p-searchResult .item-list--sale .c-list-gift .c-txt-icon, .p-searchResult .item-list .c-list-gift--horizontal .c-txt-icon, .p-searchResult .item-list--ranking .c-list-gift--horizontal .c-txt-icon, .p-searchResult .item-list--sale .c-list-gift--horizontal .c-txt-icon {
    font-size: 1rem;
  }
}

@media (min-width: 1200px) {
  .p-searchResult .item-list .c-list-gift .c-txt-icon, .p-searchResult .item-list--ranking .c-list-gift .c-txt-icon, .p-searchResult .item-list--sale .c-list-gift .c-txt-icon, .p-searchResult .item-list .c-list-gift--horizontal .c-txt-icon, .p-searchResult .item-list--ranking .c-list-gift--horizontal .c-txt-icon, .p-searchResult .item-list--sale .c-list-gift--horizontal .c-txt-icon {
    font-size: 12px;
  }
}

.p-searchResult__categoryTitle p {
  padding: 10px 5px;
  position: relative;
  margin: 0 10px;
  border: 1px solid #dcdcdc;
  background-color: #F5F7F8;
  position: relative;
}

@media (min-width: 801px) {
  .p-searchResult__categoryTitle p {
    padding: 0;
    position: static;
    border: none;
    background-color: transparent;
  }
}

.p-searchResult__categoryTitle p:after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  margin: 0.6rem 0 0 5px;
  vertical-align: top;
  right: 20px;
}

@media (min-width: 801px) {
  .p-searchResult__categoryTitle p:after {
    content: none;
  }
}

.p-searchResult__categoryTitle p span {
  font-weight: bold;
  margin: 0 5px 0 0;
}

@media (min-width: 801px) {
  .p-searchResult__categoryTitle p span {
    margin: 0;
  }
}

@media (min-width: 801px) {
  .p-searchResult__categoryTitle {
    width: 100%;
    font-size: 1.8rem;
    font-weight: bold;
    height: 84px;
    display: table;
    line-height: 1.4;
    vertical-align: middle;
    border-bottom: 1px solid #CCCCCC;
    padding: 0;
  }
  .p-searchResult__categoryTitle p {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
  }
}

@media (min-width: 801px) {
  .p-searchResult__categoryMenu {
    display: block;
    padding: 15px 0 0 15px;
  }
}

@media (min-width: 801px) {
  .p-searchResult__categoryMenu li {
    padding: 0 0 18px 0;
  }
}

@media (min-width: 801px) {
  .p-searchResult__categoryMenu label {
    display: block;
    position: relative;
    padding: 0 0 0 15px;
  }
}

.p-searchResult__categoryMenu label.is-ban {
  opacity: 0.3;
  pointer-events: none;
}

@media (min-width: 801px) {
  .p-searchResult__categoryMenu input {
    position: absolute;
    top: 3px;
    left: 0;
  }
}

.p-searchResult__character {
  display: block;
}

@media (min-width: 801px) {
  .p-searchResult__character {
    background-color: #F5F7F8;
    padding: 20px 15px 30px;
  }
}

.p-searchResult__characterTitle {
  padding: 10px 5px;
  position: relative;
  margin: 0 10px 15px;
  border: 1px solid #dcdcdc;
  border-top: none;
  background-color: #F5F7F8;
  position: relative;
}

@media (min-width: 801px) {
  .p-searchResult__characterTitle {
    padding: 0;
    position: static;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 15px;
    border: none;
  }
}

.p-searchResult__characterTitle:after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  margin: 0.6rem 0 0 5px;
  vertical-align: top;
  right: 20px;
}

@media (min-width: 801px) {
  .p-searchResult__characterTitle:after {
    content: none;
  }
}

.p-searchResult__characterTitle span {
  font-weight: bold;
  margin: 0 5px 0 0;
}

@media (min-width: 801px) {
  .p-searchResult__characterTitle span {
    margin: 0;
  }
}

.p-searchResult__characterBtn {
  display: none;
}

@media (min-width: 801px) {
  .p-searchResult__characterBtn {
    display: block;
    width: 94%;
    margin: 0;
    border: 2px solid #000;
    text-align: center;
    background-color: #fff;
    padding: 10px 0;
    border-radius: 6px;
    font-weight: bold;
    color: #000;
  }
}

.p-searchResult__submit {
  display: none;
}

@media (min-width: 801px) {
  .p-searchResult__submit {
    display: block;
    position: relative;
  }
  .p-searchResult__submit:after {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 16px;
    bottom: 0;
    right: 35px;
    margin: 0.6rem 0 0 0;
    vertical-align: top;
  }
  .p-searchResult__submit input {
    display: block;
    width: 86%;
    margin: 30px auto 50px;
    background: url(/images/common/ico_input_02.png) no-repeat 15px center #fff;
    -webkit-background-size: 17px 17px;
    -o-background-size: 17px 17px;
    background-size: 17px 17px;
    border: 1px solid #000;
    border-radius: 100px;
    padding: 15px 0;
    font-size: 1.6rem;
    position: relative;
  }
  .p-searchResult__submit input:hover {
    text-decoration: underline;
  }
}

.p-searchResult__btn--detail {
  width: 135px;
  padding: 0;
}

@media (min-width: 801px) {
  .p-searchResult__btn--detail {
    width: 152px;
    padding: 0 8% 0 0;
  }
}

@media (min-width: 1200px) {
  .p-searchResult__btn--detail {
    width: 152px;
  }
}

.p-searchResult .btn--detail, .p-searchResult .btn--detail-lv2 {
  padding: 0 7% 0 0;
}

.p-searchResult__setNavi {
  margin: 0 10px 15px;
}

@media (min-width: 801px) {
  .p-searchResult__setNavi {
    margin: 20px 0 0;
    border-top: 1px solid #cccccc;
  }
}

.p-searchResult__setNavi > a {
  display: block;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  border-left: none;
  border: 1px solid #dcdcdc;
  background: #FFF;
  cursor: pointer;
  outline: none;
  position: relative;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 3px 5px 2px;
  border-radius: 4px;
  color: #777;
  line-height: 30px;
}

@media (min-width: 801px) {
  .p-searchResult__setNavi > a {
    font-size: 1.6rem;
    border: none;
    padding: 30px 20px;
    border-bottom: 1px solid #cccccc;
    color: #333333;
    line-height: 1;
    pointer-events: none;
  }
  .p-searchResult__setNavi > a:hover {
    text-decoration: none;
  }
}

.p-searchResult__setNavi > a > span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #dcdcdc;
  width: 35px;
  height: 100%;
  line-height: 26px;
  text-align: center;
  background-color: #eceff0;
}

@media (min-width: 801px) {
  .p-searchResult__setNavi > a > span {
    display: none;
  }
}

.p-searchResult__setNavi > a > span span:after {
  border-top: 8px solid #333;
  margin-left: 0;
  margin-top: 13px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #333;
  display: inline-block;
  height: 0;
  width: 0;
  content: "";
}

.p-searchResult__setNavi > a.is-open > span span:after {
  margin-top: 9px;
  border-bottom: 8px solid #333;
  border-top: 5px solid transparent;
}

.p-searchResult__setNavi ul {
  display: none;
  border: 1px solid #CCCCCC;
  border-top: none;
  border-bottom: none;
}

@media (min-width: 801px) {
  .p-searchResult__setNavi ul {
    display: block;
    border: none;
    background-color: #F5F7F8;
  }
}

.p-searchResult__setNavi li {
  border-bottom: 1px solid #cccccc;
}

@media (min-width: 801px) {
  .p-searchResult__setNavi li:last-child {
    border-bottom: none;
  }
}

.p-searchResult__setNavi li > a {
  display: block;
  padding: 10px;
  font-size: 1.2rem;
  line-height: 1.4;
}

@media (min-width: 801px) {
  .p-searchResult__setNavi li > a {
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 20px 40px 20px 20px;
    position: relative;
  }
  .p-searchResult__setNavi li > a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -5px 0 0 0;
    vertical-align: top;
  }
}

.p-searchModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  min-height: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 801px) {
  .p-searchModal {
    display: block;
    position: static;
    min-height: none;
    background-color: transparent;
    overflow: hidden;
  }
}

.p-searchModal__toclose {
  position: absolute;
  background: url(/images/common/icon_msgclose.png) no-repeat;
  background-size: contain;
  padding: 13px;
  top: 6%;
  right: 13px;
  z-index: 3;
}

.p-searchModal.is-show {
  display: block;
}

.p-searchModal input {
  position: static;
}

@media (min-width: 801px) {
  .p-searchModal input {
    margin: 0 5px 0 0;
  }
}

.p-searchModal__main {
  position: relative;
  background-color: #f1f1f1;
  width: 90%;
  margin: 15% auto 50px;
  padding: 30px 25px;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
}

@media (min-width: 801px) {
  .p-searchModal__main {
    margin: 0;
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }
}

.p-searchModal .p-searchResult__ttl {
  font-size: 1.4rem;
  font-weight: bold;
}

.p-searchModal .p-searchResult__list:before, .p-searchModal .p-searchResult__list:after {
  content: "";
  display: table;
}

.p-searchModal .p-searchResult__list:after {
  clear: both;
}

.p-searchModal .p-searchResult__list li {
  float: left;
  width: 50%;
}

.p-searchModal .p-searchResult__list li:first-child, .p-searchModal .p-searchResult__list li:nth-child(2) {
  padding: 15px 0;
}

.p-searchModal .p-searchResult__list li span {
  padding: 0 0 0 5px;
}

.p-searchModal .p-searchResult__block {
  display: block;
  border-bottom: 1px solid #CCCCCC;
  padding: 0 0 20px;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-searchModal .p-searchResult__block {
    padding: 20px 15px 30px;
    margin: 0;
  }
}

.p-searchModal .p-searchResult__block.no-bordernottom {
  border-bottom: none;
  padding: 0;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-searchModal .p-searchResult__block.no-bordernottom {
    border-bottom: 1px solid #CCCCCC;
    padding: 20px 15px 30px;
    margin: 0;
  }
}

.p-searchModal__submit {
  color: #333;
  border: 1px solid #878788;
  padding: 15px 45px 15px 45px;
  margin: 0 auto;
  width: 100%;
  background: #fff;
  -webkit-border-radius: 4em;
  border-radius: 4em;
  position: relative;
  text-align: center;
  background: url(/images/common/ico_input_02.png) no-repeat 20px center #fff;
  -webkit-background-size: 17px 17px;
  -o-background-size: 17px 17px;
  background-size: 17px 17px;
}

.p-searchModal__submit:before {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 15px;
  bottom: 0;
  right: 15px;
  margin: 0.6rem 0 0 0;
  vertical-align: top;
}

.p-searchModal__submit input {
  font-size: 1.6rem;
  font-weight: bold;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.p-characterModal {
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 1000;
  width: 100%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  transition: 0.3s;
}

.p-characterModal.is-show {
  left: 0;
}

.p-characterModal.is-show .p-characterModal__submitWrap {
  left: 0;
}

@media (min-width: 801px) {
  .p-characterModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    overflow: hidden;
  }
}

.p-characterModal__toclose {
  position: absolute;
  background: url(/images/common/icon_msgclose.png) no-repeat;
  background-size: contain;
  padding: 13px;
  top: 1%;
  right: 6%;
  z-index: 3;
}

@media (min-width: 801px) {
  .p-characterModal__toclose {
    position: fixed;
    top: 10px;
    right: 4%;
    z-index: 1000;
  }
}

@media (min-width: 1201px) {
  .p-characterModal__toclose {
    right: 50%;
    margin: 0 -560px 0 0;
    z-index: 1000;
  }
}

.p-characterModal input {
  position: static;
  margin: 0;
}

.p-characterModal__main {
  width: 100%;
  overflow: hidden;
  margin-bottom: 138px;
}

@media (min-width: 801px) {
  .p-characterModal__main {
    box-sizing: border-box;
    width: 90%;
    height: 100%;
    height: calc(100% - 40px);
    max-width: 1100px;
    margin: 20px auto;
    background-color: #FEFEFE;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    padding: 0 0 100px;
    position: relative;
    overflow: hidden;
  }
}

@media (min-width: 801px) {
  .p-characterModal__inner {
    padding: 30px 30px 0;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
  }
}

.p-characterModal__top {
  border-bottom: 1px solid #CCCCCC;
  padding: 15px 1.6%;
  font-weight: normal;
  font-size: 1.6rem;
  position: relative;
  text-align: center;
}

@media (min-width: 801px) {
  .p-characterModal__top {
    border: none;
    font-size: 64px;
  }
}

.p-characterModal__top__back {
  display: block;
  position: absolute;
  top: 20px;
  left: 9.6%;
}

.p-characterModal__top__back:before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 3px solid #a0a0a0;
  border-right: 3px solid #a0a0a0;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 5%;
  left: -40%;
  margin: 0.6rem 0 0 0;
  vertical-align: top;
}

.p-characterModal__top p {
  text-align: center;
  padding: 10px 30%;
  line-height: 1.2;
}

@media (min-width: 801px) {
  .p-characterModal__top p {
    font-size: 2vw;
  }
}

@media (min-width: 1200px) {
  .p-characterModal__top p {
    font-size: 24px;
  }
}

@media (min-width: 801px) {
  .p-characterModal__back {
    display: none;
  }
}

.p-characterModal__ancList {
  display: table;
  width: 100%;
}

@media (min-width: 801px) {
  .p-characterModal__ancList {
    width: 40%;
    margin: -40px auto 0;
  }
}

.p-characterModal__ancList li {
  display: table-cell;
  text-align: center;
  font-weight: bold;
}

.p-characterModal__ancList li a {
  color: #0093D0;
  font-size: 1.7rem;
}

@media (min-width: 801px) {
  .p-characterModal__ancList li a {
    font-size: 1.3vw;
  }
}

@media (min-width: 1200px) {
  .p-characterModal__ancList li a {
    font-size: 16px;
  }
}

@media (min-width: 801px) {
  .p-characterModal__seriesWrap {
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0 40px 0;
  }
  .p-characterModal__seriesWrap:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (min-width: 801px) {
  .p-characterModal__series {
    display: inline-block;
    width: 30%;
    margin: 0 1%;
    vertical-align: top;
  }
}

.p-characterModal__series > a {
  display: block;
  background-color: #f1f1f1;
  border-bottom: 1px solid #CCCCCC;
  padding: 15px 1.5%;
  font-size: 1.5rem;
  position: relative;
}

@media (min-width: 801px) {
  .p-characterModal__series > a {
    display: none;
  }
}

.p-characterModal__series > a:after {
  content: "";
  position: absolute;
  background: url(/images/common/bg_search_toopen.png) no-repeat center;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 5%;
  padding: 7px;
}

.p-characterModal__series > a.is-current {
  background-color: #333;
  color: #FFF;
  padding: 15px 1.5%;
  font-size: 1.5rem;
}

.p-characterModal__series > a.is-current:after {
  content: "";
  position: absolute;
  background: url(/images/common/bg_search_toclose.png) no-repeat center;
}

.p-characterModal__series li {
  position: relative;
}

@media (min-width: 801px) {
  .p-characterModal__series li {
    text-align: left;
  }
}

.p-characterModal__series li input, .p-characterModal__series li span {
  position: absolute;
  top: 45%;
}

.p-characterModal__series li span {
  top: 40%;
  left: 31%;
}

@media (min-width: 801px) {
  .p-characterModal__series li span {
    left: 33%;
  }
}

.p-characterModal__series__ttl {
  padding: 15px 1.5%;
  border-bottom: 1px solid #CCCCCC;
  display: block;
}

@media (min-width: 801px) {
  .p-characterModal__series__ttl {
    border: 1px solid #CCCCCC !important;
    background: #F5F7F8;
    padding: 15px 1.5%;
  }
}

.p-characterModal__series__ttl .p-characterModal__checkItem {
  padding: 0;
  border: none;
}

.p-characterModal__series__ttl input, .p-characterModal__series__ttl span {
  position: static !important;
  margin: 0 0 0 4%;
}

@media (min-width: 801px) {
  .p-characterModal__other {
    padding: 30px 0;
  }
}

@media (min-width: 801px) {
  .p-characterModal__other ul {
    width: 100%;
  }
  .p-characterModal__other ul:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (min-width: 801px) {
  .p-characterModal__other li {
    width: 25%;
    float: left;
  }
  .p-characterModal__other li:nth-of-type(4n+1) {
    clear: both;
  }
}

@media (min-width: 801px) {
  .p-characterModal__kind li {
    padding: 0 0 40px 0;
    position: relative;
  }
  .p-characterModal__kind li input {
    position: absolute;
    top: 35%;
  }
  .p-characterModal__kind li img {
    position: absolute;
    left: 10%;
  }
}

.p-characterModal__kind .p-characterModal__checkItem img {
  width: 30%;
  margin: 0 0 0 8px;
}

@media (min-width: 801px) {
  .p-characterModal__kind .p-characterModal__checkItem img {
    width: 60%;
  }
}

.p-characterModal__seriesMain {
  display: none;
}

@media (min-width: 801px) {
  .p-characterModal__seriesMain {
    display: block;
  }
}

.p-characterModal__checkItem {
  border-bottom: 1px solid #CCCCCC;
  padding: 15px 1.5%;
}

@media (min-width: 801px) {
  .p-characterModal__checkItem {
    border-bottom: none;
    padding: 10px 0;
  }
}

.p-characterModal__checkItem span {
  font-size: 1.5rem;
  margin: 0 0 0 4%;
}

@media (min-width: 801px) {
  .p-characterModal__checkItem span {
    font-size: 1.1vw;
  }
}

@media (min-width: 1200px) {
  .p-characterModal__checkItem span {
    font-size: 12px;
  }
}

.p-characterModal__checkItem label {
  width: 100%;
  display: block;
}

.p-characterModal__checkItem input {
  position: static;
  margin: 0 0 0 4%;
}

@media (min-width: 1200px) {
  .p-characterModal__checkItem input {
    font-size: 40px;
  }
}

.p-characterModal__checkItem img {
  width: 15%;
  margin: 0 0 0 10%;
}

@media (min-width: 801px) {
  .p-characterModal__checkItem img {
    width: 25%;
    margin: 0 0 0 1.5%;
  }
}

.p-characterModal__kana > a {
  display: block;
  background-color: #f1f1f1;
  border-bottom: 1px solid #CCCCCC;
  padding: 15px 1.5%;
  font-size: 1.5rem;
  position: relative;
}

@media (min-width: 801px) {
  .p-characterModal__kana > a {
    font-size: 15px;
    border: 1px solid #CCCCCC;
    padding: 5px 25px;
    pointer-events: none;
  }
  .p-characterModal__kana > a:hover {
    text-decoration: none;
  }
}

.p-characterModal__kana > a:after {
  content: "";
  position: absolute;
  background: url(/images/common/bg_search_toopen.png) no-repeat center;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 5%;
  padding: 7px;
}

@media (min-width: 801px) {
  .p-characterModal__kana > a:after {
    content: none;
  }
}

.p-characterModal__kana > a.is-current {
  background-color: #000;
  color: #FFF;
  padding: 15px 1.5%;
  font-size: 1.5rem;
}

.p-characterModal__kana > a.is-current:after {
  content: "";
  position: absolute;
  background: url(/images/common/bg_search_toclose.png) no-repeat center;
}

@media (min-width: 801px) {
  .p-characterModal__kana > a.is-current:after {
    content: none;
  }
}

@media (min-width: 801px) {
  .p-characterModal__kanaList {
    padding: 10px 0 20px;
  }
  .p-characterModal__kanaList:before, .p-characterModal__kanaList:after {
    content: "";
    display: table;
  }
  .p-characterModal__kanaList:after {
    clear: both;
  }
}

@media (min-width: 801px) {
  .p-characterModal__kanaList li {
    width: 20%;
    float: left;
    padding: 7px 0;
  }
}

@media (min-width: 801px) {
  .p-characterModal__kanaList li label {
    position: relative;
    padding: 0 0 0 30px;
  }
}

@media (min-width: 801px) {
  .p-characterModal__kanaList li input {
    position: absolute;
    top: 2px;
    left: 0;
  }
}

@media (min-width: 801px) {
  .p-characterModal__kanaList li span {
    position: absolute;
    position: relative;
    position: static;
    margin: 0;
    line-height: 1.3;
  }
}

.p-characterModal__decision {
  margin: 25px auto;
  text-align: center;
  color: #333;
}

@media (min-width: 801px) {
  .p-characterModal__decision a {
    border: 1px solid #878788;
    padding: 15px 0;
    width: 80%;
    display: inline-block;
    font-size: 1.7rem;
    font-weight: bold;
    background: #fff;
    -webkit-border-radius: 4em;
    border-radius: 4em;
    position: relative;
    font-size: 16px;
    width: 300px;
  }
}

@media (min-width: 801px) {
  .p-characterModal__decision a:before {
    top: 18px;
  }
}

.p-characterModal__kanaMain {
  display: none;
}

@media (min-width: 801px) {
  .p-characterModal__kanaMain {
    display: block;
  }
}

.p-characterModal__submitWrap {
  position: fixed;
  bottom: 0;
  left: 100%;
  width: 100%;
  transition: 0.3s;
  height: 138px;
}

@media (min-width: 801px) {
  .p-characterModal__submitWrap {
    bottom: 20px;
    height: auto;
  }
}

.p-characterModal__submit {
  margin: 0;
  padding: 10px 0 30px;
  background-color: #dcdcdc;
  position: relative;
}

@media (min-width: 801px) {
  .p-characterModal__submit {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
  }
}

.p-characterModal__submit .u-onlySP {
  position: relative;
}

.p-characterModal__submit .u-onlySP:before {
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 20px;
  right: 15%;
  z-index: 100;
  margin: 0.6rem 0 0 0;
  vertical-align: top;
}

@media (min-width: 801px) {
  .p-characterModal__submit .u-onlySP:before {
    display: none;
  }
}

.p-characterModal__submit input {
  border: 1px solid #878788;
  padding: 15px 0;
  margin: 10px auto;
  width: 80%;
  display: block;
  font-size: 1.7rem;
  font-weight: bold;
  -webkit-border-radius: 4em;
  border-radius: 4em;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background: url(//store-resources-disneyjp.akamaized.net/images/common/ico_input.png) no-repeat 20px center #fff;
  -webkit-background-size: 17px 17px;
  -o-background-size: 17px 17px;
  background-size: 17px 17px;
}

.p-categoryModal {
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 1000;
  width: 100%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  transition: 0.3s;
}

@media (min-width: 801px) {
  .p-categoryModal {
    overflow: hidden;
  }
}

@media (max-width: 480px) {
  .p-categoryModal input {
    margin: 0 0 0 4%;
  }
  .p-categoryModal span {
    font-size: 1.5rem;
    margin: 0 0 0 4%;
  }
}

.p-categoryModal li {
  border-bottom: 1px solid #CCCCCC;
  padding: 15px 1.5%;
  font-size: 1.5rem;
  position: relative;
}

@media (min-width: 801px) {
  .p-categoryModal li {
    font-size: 14px;
    border: none;
    padding: 5px 0;
  }
}

@media (max-width: 480px) {
  .p-categoryModal li,
  .p-categoryModal .p-searchResult__block > label {
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 1.5%;
    font-size: 1.5rem;
    position: relative;
  }
  .p-categoryModal .p-searchResult__block > label {
    display: block;
  }
  .p-categoryModal .p-searchResult__block > label input {
    margin: 0 0 0 1%;
  }
}

.p-categoryModal__top {
  border-bottom: 1px solid #CCCCCC;
  padding: 15px 1.6%;
  font-weight: normal;
  font-size: 1.6rem;
  position: relative;
  text-align: center;
}

.p-categoryModal__top p {
  text-align: center;
  padding: 10px 30%;
  line-height: 1.2;
}

@media (min-width: 801px) {
  .p-categoryModal__top {
    border: none;
  }
}

.p-categoryModal__back {
  display: block;
  position: absolute;
  top: 20px;
  left: 9.6%;
}

.p-categoryModal__back:before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 3px solid #a0a0a0;
  border-right: 3px solid #a0a0a0;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 5%;
  left: -40%;
  margin: 0.6rem 0 0 0;
  vertical-align: top;
}

.p-categoryModal.is-show {
  left: 0;
}

@media (min-width: 801px) {
  .p-categoryModal {
    position: static;
    display: block;
    background-color: #F5F7F8;
  }
}

.p-categoryModal__ttl {
  border-bottom: 1px solid #CCCCCC;
  padding: 15px 10.0% 15px 1.5%;
  font-size: 1.5rem;
  position: relative;
  display: block;
  background-color: #f1f1f1;
}

@media (min-width: 801px) {
  .p-categoryModal__ttl {
    background-color: #F5F7F8;
    padding: 15px 30px 15px 20px;
    font-weight: bold;
  }
}

.p-categoryModal__ttl:after {
  content: "";
  position: absolute;
  background: url(/images/common/bg_search_toopen.png) no-repeat center;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 5%;
  padding: 7px;
}

.p-categoryModal__ttl.is-current {
  background-color: #333;
  color: #FFF;
  padding: 15px 10.0% 15px 1.5%;
  font-size: 1.5rem;
}

@media (min-width: 801px) {
  .p-categoryModal__ttl.is-current {
    background-color: #F5F7F8;
    padding: 15px 30px 15px 20px;
    color: #333;
  }
}

.p-categoryModal__ttl.is-current:after {
  content: "";
  position: absolute;
  background: url(/images/common/bg_search_toclose.png) no-repeat center;
}

@media (min-width: 801px) {
  .p-categoryModal__ttl.is-current:after {
    background: url(/images/common/bg_search_toclose_g.png) no-repeat center;
  }
}

.p-categoryModal__submit {
  background-color: #dcdcdc;
  margin: 0 auto;
  padding: 10px 0 30px;
  text-align: center;
  color: #333;
  position: relative;
}

.p-categoryModal__submit:before {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 40px;
  right: 15%;
  z-index: 100;
  margin: 0.6rem 0 0 0;
  vertical-align: top;
}

.p-categoryModal__submit input {
  border: 1px solid #878788;
  padding: 15px 0;
  margin: 10px auto;
  width: 80%;
  display: block;
  font-size: 1.7rem;
  font-weight: bold;
  -webkit-border-radius: 4em;
  border-radius: 4em;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background: url(//store-resources-disneyjp.akamaized.net/images/common/ico_input.png) no-repeat 20px center #fff;
  -webkit-background-size: 17px 17px;
  -o-background-size: 17px 17px;
  background-size: 17px 17px;
}

@media (min-width: 801px) {
  .p-categoryModal__submit input {
    font-size: 16px;
    width: 300px;
  }
}

.p-categoryModal .p-searchResult__block {
  display: none;
}

.p-categoryModal .p-searchResult__block > label span {
  font-weight: normal;
}

.p-categoryModal__block input {
  position: static;
  margin: 0 0 0 4%;
}

.p-searchModal__submit--txt {
  text-align: center;
  padding-top: 10px;
}

@media (min-width: 801px) {
  .p-searchModal__submit--txt {
    margin-top: -40px;
    padding-bottom: 23px;
  }
}

@media (min-width: 801px) {
  .p-searchResult__notfound {
    border: none;
    margin: 0;
  }
}

@media (min-width: 801px) {
  .p-searchResult__notfound .p-result-inner--default {
    width: 85%;
  }
}

.l-headerSearchBox__main .p-searchModal__submit--txt {
  margin-top: 0;
  text-align: center;
}

@media (min-width: 801px) {
  .l-headerSearchBox__main .p-searchModal__submit--txt {
    padding: 0 62px 0 0;
    text-align: right;
  }
}

.c-image-icon {
  height: 23px !important;
  width: auto !important;
  margin-bottom: 0 !important;
}

@media (min-width: 801px) {
  .p-searchResult__recommend {
    padding: 40px 0 0;
  }
}

.p-searchResult__recommend__category {
  padding: 15px 0 0;
  margin: 0 0 -10px;
}

@media (min-width: 801px) {
  .p-searchResult__recommend__category {
    padding: 20px 0 0;
  }
}

.p-searchResult__recommend__category li {
  display: inline-block;
  padding: 0 5px 10px 0;
}

@media (min-width: 801px) {
  .p-searchResult__recommend__category li {
    padding: 0 10px 10px 0;
  }
}

.p-searchResult__recommend__category li .btn--label {
  border-radius: 3px;
}

.p-searchResult__recommend__spe ul li {
  padding: 15px 0 10px;
}

@media (min-width: 801px) {
  .p-searchResult__recommend__spe ul li {
    display: inline-block;
    width: 49.7%;
  }
}

@media (min-width: 801px) {
  .p-searchResult__recommend__spe ul li:first-child {
    padding: 20px 3px 0 0;
  }
}

.p-searchResult__recommend__spe ul li:last-child {
  padding: 15px 0 0;
}

@media (min-width: 801px) {
  .p-searchResult__recommend__spe ul li:last-child {
    padding: 20px 0 0 3px;
  }
}

.p-searchResult__recommend__spe ul li p {
  font-size: 1.3rem;
  text-align: center;
  padding: 5px 0 0;
}

@media (min-width: 801px) {
  .p-searchResult__recommend__spe ul li p {
    font-size: 1.4rem;
    padding: 10px 0 0;
  }
}

.p-searchResult__recommend__spe ul li img {
  display: block;
  width: 100%;
}

.p-searchResult__recommend__spe ul li img:hover {
  opacity: 0.6;
}

@media (min-width: 801px) {
  .p-news {
    width: 100%;
    display: table;
    margin: 0 0 30px;
    border-collapse: collapse;
  }
}

.p-news__menu {
  margin: 0 0 20px;
  border: 1px solid #cccccc;
}

@media (min-width: 801px) {
  .p-news__menu {
    width: 25%;
    margin: 0;
    display: table-cell;
    vertical-align: top;
  }
}

.p-news__menu > p {
  font-weight: bold;
}

.p-news__menu > p a {
  display: block;
  background: url("/images/common/bg_search_toopen.png") no-repeat center right;
  background-size: 1.2rem;
  padding: 15px 0 15px 1.5rem;
  margin: 0 13px 0 0;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-news__menu > p a {
    background: none;
    padding: 30px 0 30px 1.5rem;
    font-size: 1.8rem;
    cursor: default;
  }
  .p-news__menu > p a:hover {
    text-decoration: none;
  }
}

@media (max-width: 480px) {
  .p-news__menu > p a.bg_open {
    background: url("/images/common/bg_search_toclose_g.png") no-repeat center right;
    background-size: 1.2rem 0.2rem;
  }
}

.p-news .js-newsSearchChild {
  display: none;
  border-top: 1px solid #cccccc;
}

@media (min-width: 801px) {
  .p-news .js-newsSearchChild {
    display: block !important;
  }
}

.p-news .js-newsSearchChild.is_open {
  display: block;
}

.p-news__category {
  background: #f6f7f9;
}

@media (min-width: 801px) {
  .p-news__category {
    border-bottom: 1px solid #cccccc;
    padding: 0 0 15px;
  }
}

.p-news__category li {
  border-bottom: 1px solid #cccccc;
  padding: 15px 0 15px 9.16667%;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-news__category li {
    border: none;
    padding: 0 0 15px 15%;
  }
}

.p-news__category li:first-child {
  padding: 15px 0 15px 5%;
}

@media (min-width: 801px) {
  .p-news__category li:first-child {
    padding: 30px 0 15px 6.66667%;
  }
}

.p-news__category li input {
  margin: 0 1rem 0 0;
  position: static;
}

.p-news__main {
  margin: 0 0 20px;
  border: 1px solid #cccccc;
}

@media (min-width: 801px) {
  .p-news__main {
    margin: 0;
    display: table-cell;
    vertical-align: top;
  }
}

.p-news__main.news__empty {
  border: none;
}

@media (min-width: 801px) {
  .p-news__main.news__empty {
    border: 1px solid #cccccc;
  }
}

.p-news__btn {
  padding: 0 6%;
  margin: 20px 0;
}

@media (min-width: 801px) {
  .p-news__btn {
    padding: 0;
  }
}

@media (min-width: 801px) {
  .p-news__more-btn {
    width: 75%;
    margin: 0 0 0 25%;
  }
}

@media (min-width: 801px) {
  .p-news__more-btn .c-btn-more, .p-news__more-btn .c-btn-more__hide {
    margin: 0 0 30px;
  }
}

.p-news-list__item {
  border-top: 1px solid #cccccc;
  background-color: #f6f7f9;
}

.p-news-list__item:first-child {
  border-top: none;
}

.p-news-list__link {
  display: block;
  position: relative;
  padding: 20px 35px 20px 20px;
}

@media (min-width: 801px) {
  .p-news-list__link {
    padding: 20px 80px 20px 30px;
  }
}

.p-news-list__link.is-no-link:before {
  content: none;
}

.p-news-list__link:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  border-top: 2px solid #858585;
  border-right: 2px solid #858585;
  margin-top: -3px;
  right: 17px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}

@media (min-width: 801px) {
  .p-news-list__link:before {
    height: 12px;
    width: 12px;
    margin-top: -4px;
    border-top: 3px solid #858585;
    border-right: 3px solid #858585;
    right: 25px;
  }
}

.p-news-list__item-inner {
  display: table;
  width: 100%;
}

.p-news-list__thumb {
  display: table-cell;
  width: 65px;
  vertical-align: top;
}

@media (min-width: 801px) {
  .p-news-list__thumb {
    width: 130px;
  }
}

.p-news-list__img {
  display: block;
  width: 65px;
}

@media (min-width: 801px) {
  .p-news-list__img {
    width: 130px;
  }
}

.p-news-list__info {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 10px;
}

@media (min-width: 801px) {
  .p-news-list__info {
    padding: 0 0 0 20px;
  }
}

.p-news-list__date {
  width: 6rem;
  height: 17px;
  line-height: 17px;
  display: inline-block;
  font-size: 1rem;
  color: #888888;
  vertical-align: top;
}

@media (min-width: 801px) {
  .p-news-list__date {
    width: 7rem;
    height: 20px;
    line-height: 20px;
    font-size: 1.2rem;
  }
}

.p-news-list__category {
  text-align: center;
  padding: 0 10px;
  height: 17px;
  line-height: 17px;
  display: inline-block;
  font-size: 1rem;
  color: #138ac1;
  border: 1px solid #138ac1;
  background-color: #ffffff;
  margin: 0 0 0 5px;
  vertical-align: top;
}

@media (min-width: 801px) {
  .p-news-list__category {
    height: 20px;
    line-height: 20px;
    font-size: 1.2rem;
    padding: 0 20px;
    margin: 0 0 0 10px;
  }
}

.p-news-list__ttl {
  padding: 3px 0 0;
  font-size: 1.1rem;
  color: #333333;
  line-height: 15px;
}

@media (min-width: 801px) {
  .p-news-list__ttl {
    font-size: 1.4rem;
    line-height: 22px;
    padding: 10px 0 0;
  }
}

.p-news-list .news__emptylead {
  padding: 20px 0;
  text-align: center;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-news-list .news__emptylead {
    padding: 60px 10%;
    font-size: 2rem;
  }
}

.p-timeline__more {
  margin: 0 auto;
}

@media (min-width: 801px) {
  .p-timeline__more {
    margin: 0 auto 40px;
  }
}

.p-timeline__submitvoice {
  display: block;
  font-size: 1.6rem;
  line-height: 65px;
  height: 65px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background-color: #00ADEF;
  border-radius: 4px;
  margin: 20px 0 0;
}

@media (min-width: 801px) {
  .p-timeline__submitvoice {
    width: 500px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    transition: 0.3s;
  }
  .p-timeline__submitvoice:hover {
    opacity: 0.6;
    text-decoration: none;
  }
}

.p-timeline__submitvoice:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/common/icon_voicesubmit.png);
  background-repeat: no-repeat;
  background-size: 100%;
  vertical-align: middle;
  margin: 0 0 0 5px;
}

@media (min-width: 801px) {
  .p-timeline__submitvoice:after {
    margin: 0 0 0 10px;
  }
}

.p-timeline-menu {
  margin: 25px -10px 15px;
  padding: 0 0 15px;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 1200px) {
  .p-timeline-menu {
    overflow: hidden;
    margin: 30px 0 0;
    padding: 0 0 30px;
  }
}

.p-timeline-menu__inner {
  padding: 0;
}

@media (min-width: 801px) {
  .p-timeline-menu__inner {
    width: 100% !important;
  }
}

.p-timeline-menu__list {
  display: table;
  background-color: #f5f7f8;
}

@media (min-width: 413px) {
  .p-timeline-menu__list {
    width: 116%;
    height: auto;
  }
}

@media (min-width: 801px) {
  .p-timeline-menu__list {
    width: 100%;
    min-width: 67em;
    background-color: transparent;
    table-layout: fixed;
  }
}

.p-timeline-menu__item {
  display: table-cell;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3rem;
  text-align: center;
  border-bottom: 1px solid #888888;
  color: #888888;
  padding: 0 20px;
}

.p-timeline-menu__item:first-child {
  padding: 0 20px 0 0;
}

@media (min-width: 801px) {
  .p-timeline-menu__item {
    font-size: 1.4rem;
    padding: 0;
    display: table-cell;
    height: auto;
  }
  .p-timeline-menu__item:hover {
    color: #00b4b6;
  }
  .p-timeline-menu__item:hover a {
    text-decoration: none;
  }
}

.p-timeline-menu__item.is-current {
  border-bottom: 1px solid #00b4b6;
  color: #00b4b6;
  position: relative;
}

.p-timeline-menu__item.is-current:before {
  content: "";
  background: url(/images/common/timelinemenu_check.png) no-repeat center;
  background-size: contain;
  padding: 5px;
  position: absolute;
  left: 50%;
  top: 3px;
  margin: 0 0 0 -5px;
}

@media (min-width: 801px) {
  .p-timeline-menu__item.is-current:before {
    top: 0;
    padding: 7px;
    margin: 0 0 0 -15px;
  }
}

.p-timeline-menu__item.is-new span {
  position: relative;
}

.p-timeline-menu__item.is-new span:before {
  content: '';
  width: 9px;
  height: 9px;
  background-color: #c01733;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -15px;
  margin: -15px 0 0;
}

.p-timeline-menu__link {
  display: table;
  line-height: 1.2;
  padding: 15px 0 10px;
  font-weight: bold;
  color: inherit;
  position: relative;
}

@media (min-width: 801px) {
  .p-timeline-menu__link {
    display: inline;
    width: 100%;
  }
}

.p-timeline-menu__link span {
  display: table-cell;
  vertical-align: middle;
  height: 30px;
}

@media (min-width: 801px) {
  .p-timeline-menu__link span {
    display: inline-block;
    padding: 15px 0 10px;
    height: auto;
  }
}

.p-timeline-mytimeline {
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-timeline-mytimeline {
    margin: 0 0 40px;
  }
}

.p-timeline-mytimeline__link {
  text-align: right;
  margin: 0 0 25px;
}

@media (min-width: 801px) {
  .p-timeline-mytimeline__link {
    margin: 0 0 20px;
  }
}

.p-timeline-mytimeline__link a {
  color: #1794ce;
  font-size: 1.3rem;
  position: relative;
  padding: 0 10px 0 0;
}

.p-timeline-mytimeline__link a:after {
  content: '';
  border-top: 2px solid #1794ce;
  border-right: 2px solid #1794ce;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
  transform: rotate(45deg);
}

@media (min-width: 801px) {
  .p-timeline-mytimeline__link a {
    font-size: 1.4rem;
  }
}

@media (min-width: 801px) {
  .p-timeline-main {
    margin: 0 -15px 0;
  }
}

.p-timeline-post {
  width: 100%;
}

@media (min-width: 801px) {
  .p-timeline-post {
    box-sizing: border-box;
    width: 33.3333333333333%;
    width: calc(100% / 3);
    padding: 0 15px 30px;
  }
}

.p-timeline-post.is-new .p-timeline-post__link:before {
  content: '';
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  top: -2px;
  right: -2px;
  z-index: 10;
  background-image: url(/images/common/icon-new.png);
  background-size: 100%;
  overflow: hidden;
}

@media (min-width: 801px) {
  .p-timeline-post.is-new .p-timeline-post__link:before {
    width: 48px;
    height: 48px;
  }
}

.p-timeline-post.is-SNSpost .p-timeline-post-block--main__txt {
  display: none;
}

.p-timeline-post__inner {
  background-color: #fff;
  border: 2px solid #cccccc;
  border-bottom-width: 3px;
  border-radius: 4px;
  margin-bottom: 20px;
  position: relative;
}

@media (min-width: 801px) {
  .p-timeline-post__inner {
    margin: 0;
  }
}

.p-timeline-post .p-timeline-post-block {
  border-top: 1px solid #cccccc;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 801px) {
  .p-timeline-post .p-timeline-post-block {
    padding-left: 28px;
    padding-right: 28px;
  }
}

.p-timeline-post .p-timeline-post-block.p-timeline-post-block--share {
  padding-left: 0;
  padding-right: 20px;
}

@media (min-width: 801px) {
  .p-timeline-post .p-timeline-post-block.p-timeline-post-block--share {
    padding-left: 0;
    padding-right: 50px;
  }
}

.p-timeline-post .p-timeline-post-block:first-child {
  border-top: none;
}

@media (min-width: 801px) {
  .p-timeline-post__link:hover {
    cursor: pointer;
  }
  .p-timeline-post__link:hover .p-timeline-post-block--main,
  .p-timeline-post__link:hover .p-timeline-post-block--main__img {
    background-color: #f5f7f8;
  }
}

.p-timeline-post.is-voice .p-timeline-post-block--share__good {
  width: 24%;
}

.p-timeline-post.is-voice .p-timeline-post-block--share__share,
.p-timeline-post.is-voice .p-timeline-post-block--share__comment {
  width: 30%;
}

.p-timeline-post.is-voice .p-timeline-post-block--share__out {
  width: 16%;
}

.p-timeline-post.is-voice .p-timeline-post-block--form:before, .p-timeline-post.is-voice .p-timeline-post-block--form:after {
  left: 69%;
}

.p-timeline-post.is-voice .p-timeline-post-block--sns:before, .p-timeline-post.is-voice .p-timeline-post-block--sns:after {
  left: 43%;
}

.p-timeline-post-block--comment {
  padding-top: 4px;
  padding-bottom: 1px;
  background-color: #eefafa;
  display: none;
}

.p-timeline-post-block--name {
  padding-top: 8px;
  padding-bottom: 8px;
  border: none !important;
}

.p-timeline-post-block--share {
  padding-top: 10px;
  padding-bottom: 8px;
}

.p-timeline-post-block--form {
  padding-top: 20px;
  padding-bottom: 25px;
  background-color: #eefafa;
}

.p-timeline-post-block--sns {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #eefafa;
}

.p-timeline-post-block--main {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p-timeline-post-block--main:after {
  content: '';
  display: block;
  clear: both;
}

.p-timeline-post-block--main__ttl {
  font-size: 1.6rem;
  line-height: 1.4;
  color: #333333;
  font-weight: bold;
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .p-timeline-post-block--main__ttl {
    font-size: 1.8rem;
  }
}

.p-timeline-post-block--main__date {
  display: inline-block;
  font-size: 1.2rem;
  color: #888888;
  margin: 0 10px 10px 0;
  line-height: 20px;
  float: left;
}

.p-timeline-post-block--main__category {
  display: inline-block;
  font-size: 1.2rem;
  color: #138ac1;
  border: 1px solid #138ac1;
  padding: 0 10px;
  margin: 0 0 10px 5px;
  line-height: 20px;
  background-color: #fff;
  float: left;
}

.p-timeline-post-block--main__txt {
  font-size: 1.3rem;
  color: #333333;
  line-height: 1.6;
  clear: both;
}

@media (min-width: 801px) {
  .p-timeline-post-block--main__txt {
    font-size: 1.4rem;
  }
}

.p-timeline-post-block--main__img {
  display: block;
  width: 100%;
  margin: 15px 0 0;
}

.p-timeline-post-block--main__img.is-video {
  margin: 0;
  padding: 0 28px 20px 28px;
  position: relative;
}

.p-timeline-post-block--main__img.is-video .start-button {
  padding: 23px;
  display: block;
  background: url("/images/common/icon_start.png") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -23px;
}

@media (min-width: 801px) {
  .p-timeline-post-block--main__img.is-video .start-button {
    padding: 25px;
    margin: -30px 0 0 -25px;
  }
}

.p-timeline-post-block--main__img.is-video .start-button.is-start {
  display: none;
}

.p-timeline-post-block--main__img.is-video + .p-timeline-post-block--main__more-btn {
  margin: 0 auto 20px;
}

.p-timeline-post-block--main__img.is-video video {
  display: block;
  width: 100%;
}

.p-timeline-post-block--main__more-btn {
  clear: both;
  display: block;
  position: relative;
  z-index: 1;
  width: 150px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 15px auto 0;
  background-color: #00b4b6;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 3px;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_arrow.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 7px;
  font-weight: normal;
}

@media (min-width: 801px) {
  .p-timeline-post-block--main__more-btn {
    font-size: 1.6rem;
    width: 240px;
    height: 50px;
    line-height: 50px;
    transition: opacity 0.6s;
    margin: 20px auto 0;
  }
  .p-timeline-post-block--main__more-btn:hover {
    text-decoration: none;
    opacity: 0.6;
  }
}

.iPhone .start-button {
  display: none !important;
}

.p-timeline-post-block--comment__list .p-timeline-post-block--comment__item:nth-of-type(n+3) {
  display: none;
}

.p-timeline-post-block--comment__item {
  position: relative;
  padding: 0 0 0 33px;
  margin: 17px 0;
}

@media (min-width: 801px) {
  .p-timeline-post-block--comment__item {
    padding: 0 0 0 40px;
  }
}

.p-timeline-post-block--comment__img {
  display: block;
  width: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 801px) {
  .p-timeline-post-block--comment__img {
    width: 30px;
  }
}

.p-timeline-post-block--comment__name {
  font-size: 1rem;
  color: #333333;
  font-weight: bold;
}

@media (min-width: 801px) {
  .p-timeline-post-block--comment__name {
    font-size: 1.2rem;
    line-height: 1;
    margin: 0 0 4px;
  }
}

.p-timeline-post-block--comment__txt {
  color: #333333;
  font-size: 1rem;
  position: relative;
}

@media (min-width: 801px) {
  .p-timeline-post-block--comment__txt {
    font-size: 1.2rem;
  }
}

.p-timeline-post-block--comment__txt:after {
  content: '';
  display: inline-block;
  width: 2.5em;
  height: 1em;
}

.p-timeline-post-block--comment__out {
  color: #1794ce;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.p-timeline-post-block--comment__more {
  color: #1794ce;
  font-size: 1.3rem;
  margin: 10px 0 15px;
}

.p-timeline-post-block--name__inner {
  display: table;
  width: 100%;
}

.p-timeline-post-block--name__num {
  width: 7em;
  vertical-align: top;
  margin: 0 0 0 -10px;
}

@media (min-width: 801px) {
  .p-timeline-post-block--name__num {
    margin: 0 0 0 -15px;
  }
}

.p-timeline-post-block--name__num > span {
  border: 1px solid #00b4b6;
  font-size: 1rem;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: relative;
  border-radius: 4px;
}

@media (min-width: 801px) {
  .p-timeline-post-block--name__num > span {
    font-size: 1.2rem;
    height: 36px;
    line-height: 36px;
  }
}

.p-timeline-post-block--name__num > span:before {
  border: 11px solid transparent;
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-color: #fff;
  border-bottom-width: 0;
  bottom: -11px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  width: 0;
  z-index: 1;
  margin: 0 0 0 -7px;
}

.p-timeline-post-block--name__num > span:after {
  border: 11px solid transparent;
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-color: #00b4b6;
  border-bottom-width: 0;
  bottom: -12px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  width: 0;
  margin: 0 0 0 -7px;
}

.p-timeline-post-block--name__num > span span {
  font-size: 1.4rem;
}

@media (min-width: 801px) {
  .p-timeline-post-block--name__num > span span {
    font-size: 1.8rem;
  }
}

.p-timeline-post-block--name__name {
  display: none;
  vertical-align: middle;
  text-align: right;
  padding: 0 8px;
  color: #333333;
  font-weight: bold;
  font-size: 1.1rem;
}

@media (min-width: 801px) {
  .p-timeline-post-block--name__name {
    font-size: 1.2rem;
    padding: 0 10px;
  }
}

.p-timeline-post-block--name__img {
  display: table-cell;
  width: 32px;
  display: none;
}

@media (min-width: 801px) {
  .p-timeline-post-block--name__img {
    width: 34px;
  }
}

.p-timeline-post-block--name__img img {
  display: block;
  width: 100%;
}

.p-timeline-post-block--share__list {
  position: relative;
}

.p-timeline-post-block--share__list:after {
  content: '';
  display: block;
  clear: both;
}

.p-timeline-post-block--share__item {
  width: 33.3%;
  float: left;
  display: block;
  text-align: center;
  color: #333333;
  font-size: 1rem;
  font-weight: bold;
  padding: 35px 0 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 32px;
}

.p-timeline-post-block--share__good {
  background-image: url(../images/common/36_36-icon_good.jpg);
  padding: 35px 0 0 8px;
}

.p-timeline-post-block--share__good.is-on {
  background-image: none;
  position: relative;
}

.p-timeline-post-block--share__good.is-on .good-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -55px 0 0 -45px;
  max-width: 300%;
  width: 90px;
}

.p-timeline-post-block--share__share {
  background-image: url(../images/common/36_36-icon_share.jpg);
}

.p-timeline-post-block--share__comment {
  background-image: url(../images/common/36_36-icon_comment.jpg);
}

.p-timeline-post-block--share__clip {
  background-image: url(../images/common/36_36-icon_clip.jpg);
}

.p-timeline-post-block--share__clip.is-on {
  background-image: url(../images/common/36_36-icon_clip--on.jpg);
}

.p-timeline-post-block--share__out {
  text-decoration: underline;
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
  font-size: 1rem;
}

@media (min-width: 801px) {
  .p-timeline-post-block--share__out {
    right: -30px;
  }
}

.p-timeline-post-block--share .p-timeline-post-block--main__txt {
  overflow: hidden;
  max-height: 2.8em;
}

.p-timeline-post-block--form {
  position: relative;
  display: none;
}

.p-timeline-post-block--form:before {
  border: 10px solid transparent;
  border-left-width: 10px;
  border-right-width: 10px;
  border-bottom-color: #eefafa;
  border-top-width: 0;
  top: -9px;
  content: "";
  display: block;
  left: 59%;
  position: absolute;
  width: 0;
  z-index: 1;
  margin: 0 0 0;
}

.p-timeline-post-block--form:after {
  border: 10px solid transparent;
  border-left-width: 10px;
  border-right-width: 10px;
  border-bottom-color: #cccccc;
  border-top-width: 0;
  top: -10px;
  content: "";
  display: block;
  left: 59%;
  position: absolute;
  width: 0;
  margin: 0 0 0px;
}

.p-timeline-post-block--form__ttl {
  text-align: center;
  color: #333333;
  font-size: 1.3rem;
  margin: 0 0 5px;
}

@media (min-width: 801px) {
  .p-timeline-post-block--form__ttl {
    font-size: 1.4rem;
  }
}

.p-timeline-post-block--form__name {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 5px 10px;
  font-size: 1.3rem;
  border-radius: 4px;
}

@media (min-width: 801px) {
  .p-timeline-post-block--form__name {
    font-size: 1.4rem;
  }
}

.p-timeline-post-block--form__txt {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 5px 10px;
  font-size: 1.3rem;
  border-radius: 4px;
  height: 65px;
  resize: none;
}

@media (min-width: 801px) {
  .p-timeline-post-block--form__txt {
    font-size: 1.4rem;
  }
}

.p-timeline-post-block--form__submit {
  display: block;
  width: 150px;
  height: 30px;
  line-height: 30px;
  margin: 15px auto 0;
  border-radius: 3px;
  font-weight: normal;
}

@media (min-width: 801px) {
  .p-timeline-post-block--form__submit {
    font-size: 1.4rem;
    width: 75px;
    margin: 15px auto 0;
    height: 30px;
    line-height: 30px;
    background-size: 6px;
    background-position: 90% center;
  }
}

.p-timeline-post-block--form .p-mypage-review-form__error {
  margin: -8px 0 5px;
  font-size: 1.3rem;
  display: block;
}

@media (min-width: 801px) {
  .p-timeline-post-block--form .p-mypage-review-form__error {
    margin: -10px 0 5px;
    font-size: 1.4rem;
  }
}

.p-timeline-post-block--sns {
  position: relative;
  display: none;
}

.p-timeline-post-block--sns:before {
  border: 10px solid transparent;
  border-left-width: 10px;
  border-right-width: 10px;
  border-bottom-color: #eefafa;
  border-top-width: 0;
  top: -9px;
  content: "";
  display: block;
  left: 36%;
  position: absolute;
  width: 0;
  z-index: 1;
  margin: 0 0 0;
}

.p-timeline-post-block--sns:after {
  border: 10px solid transparent;
  border-left-width: 10px;
  border-right-width: 10px;
  border-bottom-color: #cccccc;
  border-top-width: 0;
  top: -10px;
  content: "";
  display: block;
  left: 36%;
  position: absolute;
  width: 0;
  margin: 0 0 0px;
}

.p-timeline-post-block--sns .p-product__sns__list {
  width: 100%;
  text-align: center;
}

.p-timeline-post-block--sns__alert {
  display: none;
  width: 90%;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 10px 0 0;
  padding: 5px 10px;
  position: absolute;
  bottom: 90%;
  left: 50%;
  z-index: 100;
  margin: 0 0 0 -45%;
}

.p-timeline-modal {
  display: none;
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100000001;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.p-timeline-modal.is-show {
  display: block;
}

.p-timeline-modal:before {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  right: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-timeline-modal:after {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  right: 20px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.p-timeline-modal .p-timeline-post {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  padding: 50px 10px;
}

@media (min-width: 801px) {
  .p-timeline-modal .p-timeline-post {
    position: static !important;
    width: 420px;
    margin: 0 auto;
    padding: 100px 0;
  }
}

.p-timeline-modal .p-timeline-post__inner {
  border: none;
}

.p-timeline-modal .p-timeline-post.is-new .p-timeline-post__link:before {
  top: 0;
  right: 0;
}

.p-timeline-modal .p-timeline-post.is-SNSpost .p-timeline-post-block--main__date,
.p-timeline-modal .p-timeline-post.is-SNSpost .p-timeline-post-block--main__txt {
  display: block;
}

.p-timeline-modal .p-timeline-post.is-SNSpost .p-timeline-post-block--main__ttl {
  display: none;
}

.p-timeline-modal .p-timeline-post__inner {
  margin-bottom: 0;
  overflow: hidden;
}

.p-timeline-modal .p-timeline-post-block--main__txt {
  display: block;
}

.p-timeline-modal .p-timeline-post__link {
  cursor: auto;
}

@media (min-width: 801px) {
  .p-timeline-modal .p-timeline-post__link:hover .p-timeline-post-block--main {
    background-color: transparent;
  }
}

.p-timeline-modal .p-timeline-post-block--comment {
  max-height: 200px;
  overflow: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  clear: both;
}

.p-timeline-modal .p-timeline-post-block--comment__list .p-timeline-post-block--comment__item:nth-of-type(n+3) {
  display: block;
}

.p-timeline-modal .p-timeline-post-block--comment__more {
  display: inline-block;
}

.p-timeline-login {
  display: none;
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100000001;
  overflow: scroll;
}

.p-timeline-login.is-show {
  display: block;
}

.p-timeline-login:before {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  right: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-timeline-login:after {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  right: 20px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.p-timeline-login__main {
  position: absolute;
  top: 50px;
  left: 0;
  background-color: #fff;
  margin: 0 10px 50px;
  padding: 30px 20px;
  border-radius: 4px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-timeline-login__main {
    width: 90%;
    left: 5%;
    padding: 40px;
  }
}

@media (min-width: 1200px) {
  .p-timeline-login__main {
    top: 100px;
    width: 1200px;
    left: 50%;
    margin: 0 0 0 -600px;
    padding: 40px;
  }
}

.p-timeline-login__ttl {
  font-size: 1.6rem;
  line-height: 2.1rem;
  font-weight: bold;
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .p-timeline-login__ttl {
    font-size: 1.8rem;
    text-align: center;
    margin: 0 0 30px;
    line-height: 1;
  }
}

.p-timeline-login-box {
  border: 1px solid #ccc;
  padding: 20px 15px 15px;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-timeline-login-box {
    width: 48.2%;
    margin: 0 0 3%;
    padding: 30px;
  }
}

@media (min-width: 801px) {
  .p-timeline-login-box--left {
    float: left;
  }
}

@media (min-width: 801px) {
  .p-timeline-login-box--right {
    float: right;
  }
}

.p-timeline-login-box p {
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-timeline-login-box p {
    font-size: 1.8rem;
    margin: 0 0 30px;
  }
  .p-timeline-login-box p br {
    display: none;
  }
}

.p-timeline-login-box a {
  display: block;
  background-color: #00B4B6;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_arrow.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  -webkit-background-size: 8px 13px;
  -o-background-size: 8px 13px;
  background-size: 8px 13px;
  text-align: center;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  border-radius: 5px;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-timeline-login-box a {
    font-size: 1.6rem;
    transition: 0.3s;
  }
  .p-timeline-login-box a:hover {
    text-decoration: none;
    opacity: 0.6;
  }
}

.p-timeline-login-bottom {
  margin: -5px 0 0;
  border: 1px solid #ccc;
  position: relative;
  background-color: #f5f7f8;
}

@media (min-width: 801px) {
  .p-timeline-login-bottom {
    clear: both;
  }
}

.p-timeline-login-bottom:before {
  border: 10px solid transparent;
  border-left-width: 10px;
  border-right-width: 10px;
  border-bottom-color: #f5f7f8;
  border-top-width: 0;
  top: -9px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  width: 0;
  z-index: 1;
  margin: 0 0 0 -10px;
}

@media (min-width: 801px) {
  .p-timeline-login-bottom:before {
    left: 75.5%;
    margin: 0;
    border: 18px solid transparent;
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-color: #f5f7f8;
    border-top-width: 0;
    top: -17px;
  }
}

.p-timeline-login-bottom:after {
  border: 10px solid transparent;
  border-left-width: 10px;
  border-right-width: 10px;
  border-bottom-color: #cccccc;
  border-top-width: 0;
  top: -10px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  width: 0;
  margin: 0 0 0 -10px;
}

@media (min-width: 801px) {
  .p-timeline-login-bottom:after {
    left: 75.5%;
    margin: 0;
    border: 18px solid transparent;
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-color: #cccccc;
    border-top-width: 0;
    top: -18px;
  }
}

.p-timeline-login-bottom__ttl {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  padding: 20px 0 5px;
  position: relative;
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .p-timeline-login-bottom__ttl {
    font-size: 1.6rem;
    padding: 35px 0 0;
    margin: 0 0 20px;
  }
  .p-timeline-login-bottom__ttl br {
    display: none;
  }
}

.p-timeline-login-bottom__ttl:before {
  content: '';
  display: block;
  width: 20px;
  height: 34px;
  background-image: url(../images/timeline/modal_img01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -8em;
}

@media (min-width: 801px) {
  .p-timeline-login-bottom__ttl:before {
    width: 13px;
    height: 21px;
    background-image: url(../images/timeline/modal_img01-pc.png);
    margin: 0 0 0 -20em;
  }
}

.p-timeline-login-bottom__ttl:after {
  content: '';
  display: block;
  width: 20px;
  height: 34px;
  background-image: url(../images/timeline/modal_img02.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  right: 50%;
  margin: 0 -8em 0 0;
}

@media (min-width: 801px) {
  .p-timeline-login-bottom__ttl:after {
    width: 12px;
    height: 21px;
    background-image: url(../images/timeline/modal_img02-pc.png);
    margin: 0 -20em 0 0;
  }
}

.p-timeline-login-bottom__lead {
  padding: 0 15px 15px;
  font-size: 1.3rem;
  line-height: 1.6;
}

@media (min-width: 801px) {
  .p-timeline-login-bottom__lead {
    font-size: 1.4rem;
    text-align: center;
    padding: 0 0 30px;
  }
}

.p-timeline-login-bottom__lead a {
  display: block;
  color: #1794ce;
  text-decoration: underline;
}

@media (min-width: 801px) {
  .p-timeline-login-bottom__lead a {
    display: inline;
  }
}

.p-timeline-login-bottom__points {
  border-top: 1px dashed #ccc;
  padding: 20px 15px;
}

@media (min-width: 801px) {
  .p-timeline-login-bottom__points {
    display: table;
    width: 100%;
    padding: 0;
    table-layout: fixed;
  }
}

.p-timeline-login-bottom__point {
  padding: 0 0 0 65px;
  position: relative;
  margin: 0 0 20px;
  min-height: 43px;
}

@media (min-width: 801px) {
  .p-timeline-login-bottom__point {
    display: table-cell;
    width: 33.333333%;
    padding: 20px 30px 20px 130px;
    height: 110px;
    vertical-align: middle;
  }
}

.p-timeline-login-bottom__point:last-child {
  margin: 0;
}

.p-timeline-login-bottom__point img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 43px;
}

@media (min-width: 801px) {
  .p-timeline-login-bottom__point img {
    width: 90px;
    height: 70px;
    top: 20px;
    left: 30px;
  }
}

.p-timeline-login-bottom__point p {
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-timeline-login-bottom__point p {
    font-size: 1.4rem;
  }
}

.p-timeline-shared-post {
  display: none;
}

.p-timeline-post-block--main__img.is-video img {
  display: block;
}

.p-timeline-post-block--main__img.is-video video {
  display: none;
}

.p-timeline-modal .p-timeline-post-block--main__img.is-video img {
  display: none;
}

.p-timeline-modal .p-timeline-post-block--main__img.is-video video {
  display: block;
}

.is-border {
  border: solid 1px #cdcdcd;
}

@media (min-width: 801px) {
  .is-border {
    margin: 15px 0;
  }
}

.p-timeline-outmodal {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  padding: 20% 3% 100vh;
  top: 0;
  left: 0;
  z-index: 999999999;
  width: 100%;
  display: none;
}

@media (min-width: 801px) {
  .p-timeline-outmodal {
    padding: 20% 3% 100vh;
  }
}

.p-timeline-outmodal:before, .p-timeline-outmodal:after {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  right: 20px;
}

.p-timeline-outmodal:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-timeline-outmodal:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.p-timeline-outmodal.is-show {
  display: block;
}

.p-timeline-outmodal__inner {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
}

@media (min-width: 801px) {
  .p-timeline-outmodal__inner {
    width: 400px;
    margin: 0 auto;
    padding: 40px;
  }
}

.p-timeline-outmodal__txt {
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .p-timeline-outmodal__txt {
    margin: 0 0 25px;
  }
}

.p-timeline-outmodal__btn:after {
  content: '';
  display: block;
  clear: both;
}

.p-timeline-outmodal__btn li {
  float: left;
  width: 50%;
  padding: 0 8px 0 0;
}

.p-timeline-outmodal__btn li:last-child {
  padding: 0 0 0 8px;
}

@media (min-width: 801px) {
  .p-timeline-outmodal__btn li a {
    height: 40px;
    line-height: 40px;
  }
}

.p-addHashTag {
  padding: 80px 0 0;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-addHashTag {
    padding: 85px 16.66667% 40px;
    font-size: 1.6rem;
  }
}

.p-addHashTag__ttl {
  font-size: 1.6rem;
  text-align: center;
  margin: 0 6.66667% 5px;
  background: url(/images/common/bg_addhash_ttl_left.png) no-repeat bottom left, url(/images/common/bg_addhash_ttl_right.png) no-repeat bottom right;
  background-size: contain;
  position: relative;
  padding: 0 0 10px;
}

@media (min-width: 801px) {
  .p-addHashTag__ttl {
    font-size: 2.4rem;
    padding: 25px 100px 20px;
    background-size: contain;
    margin: 0 0 5px;
  }
}

.p-addHashTag__inner {
  margin: 0 8.33333% 30px;
}

@media (min-width: 801px) {
  .p-addHashTag__inner {
    margin: 0;
  }
}

.p-addHashTag__hashtag {
  padding: 15px 20px;
  line-height: 1.7;
  background: #fffed8;
  color: #c30a31;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-addHashTag__hashtag {
    text-align: center;
    padding: 20px;
    margin: 0 0 25px;
  }
}

.p-addHashTag__txt {
  padding: 0 0 15px;
}

@media (min-width: 801px) {
  .p-addHashTag__txt {
    padding: 0 0 20px;
  }
}

@media (min-width: 801px) {
  .p-addHashTag .for_sp {
    display: none;
  }
}

.p-guestvoice {
  margin: 40px auto;
}

@media (min-width: 801px) {
  .p-guestvoice {
    margin: 70px auto;
  }
}

.p-guestvoice__ttl {
  font-size: 1.6rem;
}

@media (min-width: 801px) {
  .p-guestvoice__ttl {
    font-size: 2.4rem;
  }
}

.p-guestvoice .c-heading01, .p-guestvoice .c-heading01--login {
  display: block;
}

.p-guestvoice .p-timeline-post__inner {
  position: relative;
}

.p-guestvoice .p-timeline-post-block--main__img.is-video {
  padding: 0;
}

.p-guestvoice .p-timeline-post-block--main__img.is-video video {
  border-radius: 4px 4px 0 0;
  width: 101%;
  margin: 0 0 0 -0.5%;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post-block--main__img.is-video video {
    width: 101%;
    margin: 0 0 0 -0.5%;
  }
}

.p-guestvoice .p-timeline-post-block--main__img.is-video .start-button {
  margin: -22px 0 0 -23px;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post-block--main__img.is-video .start-button {
    margin: -30px 0 0 -25px;
  }
}

.p-guestvoice .p-timeline-post.is-voice .p-timeline-post-block--share__good {
  width: 30%;
  padding: 35px 0 0;
  text-align: center;
}

@media (max-width: 480px) {
  .p-guestvoice .p-timeline-post.is-voice .p-timeline-post-block--share__good {
    background-size: 30px;
    float: none;
    display: inline-block;
  }
}

@media (max-width: 320px) {
  .p-guestvoice .p-timeline-post.is-voice .p-timeline-post-block--share__good {
    font-size: 1.5vw;
  }
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post.is-voice .p-timeline-post-block--share__good {
    width: 23%;
    padding: 35px 5px 0 5px;
  }
}

.p-guestvoice .p-timeline-post-block--main__txt.is-modal {
  display: none;
}

.p-guestvoice .p-timeline-post__link:hover {
  cursor: pointer;
  background-color: #f5f7f8;
}

.p-guestvoice .p-timeline-post-block.p-timeline-post-block--share {
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post-block.p-timeline-post-block--share {
    padding-left: 28px;
    padding-right: 0;
  }
}

.p-guestvoice .p-timeline-post-block--share__share, .p-guestvoice .p-timeline-post-block--share__comment, .p-guestvoice .p-timeline-post-block--share__out, .p-guestvoice .p-timeline-post-block--name__name, .p-guestvoice .p-timeline-post-block--name__img, .p-guestvoice .p-timeline-post-block--main__date, .p-guestvoice .p-timeline-post-block--comment {
  display: none;
}

.p-guestvoice .p-timeline-post-block--share__comment__txt {
  color: #333333;
  font-size: 1rem;
  position: relative;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post-block--share__comment__txt {
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.p-guestvoice .p-timeline-post-block--share__comment__txt:after {
  content: '';
  display: inline-block;
  width: 2.5em;
  height: 1em;
}

.p-guestvoice .p-timeline-post-block--name {
  position: absolute;
  border-top: none;
  right: 2%;
  bottom: 63px;
  z-index: 9;
  padding: 0 0 15px;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post-block--name {
    padding: 0 0 15px;
    right: 1%;
    bottom: 58px;
  }
}

.p-guestvoice .p-timeline-post-block--name__num {
  width: 6rem;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post-block--name__num {
    width: 7rem;
  }
}

.p-guestvoice .p-timeline-post-block--name__num span {
  background: #fff;
}

.p-guestvoice .p-timeline-post-block--name__num span:before, .p-guestvoice .p-timeline-post-block--name__num span:after {
  margin: 0 0 0 -2px;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post-block--name__num span:before, .p-guestvoice .p-timeline-post-block--name__num span:after {
    margin: 0 0 0 -7px;
  }
}

@media (max-width: 480px) {
  .p-guestvoice .p-timeline-post-block--share__item {
    float: left;
  }
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post-block--share__item {
    float: right;
    padding: 33px 0 0;
    background-position: center 2px;
  }
}

.p-guestvoice .p-timeline-post-block--main {
  padding: 0;
}

.p-guestvoice .p-timeline-post-block--main__img {
  margin: 0;
  width: 100%;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post-block--main__img {
    margin: 0;
    width: 100%;
  }
}

.p-guestvoice .p-timeline-post-block--main__txt.is-normal {
  display: block;
  overflow: hidden;
  width: 70%;
  float: left;
  margin: 0 0 12px;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post-block--main__txt.is-normal {
    width: 76%;
    margin: 0;
  }
}

.p-guestvoice .p-timeline-main {
  clear: left;
}

.p-guestvoice .p-timeline-main:after {
  content: '';
  display: block;
  clear: both;
}

.p-guestvoice .p-timeline-post {
  width: 50%;
  float: left;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post {
    width: 33.3333333333333%;
    width: calc(100% / 3);
    float: none;
  }
}

.p-guestvoice .p-timeline-post:nth-child(odd) {
  padding: 0 8px;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post:nth-child(odd) {
    padding: 0 15px 30px;
  }
}

.p-guestvoice .p-timeline-post:nth-child(even) {
  padding: 0 8px;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-post:nth-child(even) {
    padding: 0 15px 30px;
  }
}

@media (max-width: 480px) {
  .p-guestvoice .p-timeline-post-block--share__good.is-on .good-animation {
    top: 47%;
  }
}

.p-guestvoice .p-timeline-post-block--main__txt .js-maintext {
  visibility: hidden;
}

.p-guestvoice .p-timeline-modal .js-iinecount {
  display: none;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--main__img.is-video {
  padding: 0 20px 0 20px;
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-modal .p-timeline-post-block--main__img.is-video {
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--main__img.is-video video {
  border-radius: 4px 4px 0 0;
}

.p-guestvoice .p-timeline-modal .p-timeline-post {
  width: 100%;
  float: left;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-modal .p-timeline-post {
    width: 33.3333333333333%;
    width: calc(100% / 3);
    padding: 0 15px 30px;
    float: none;
  }
}

.p-guestvoice .p-timeline-modal .p-timeline-post:nth-child(odd) {
  padding: 50px 10px;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-modal .p-timeline-post:nth-child(odd) {
    padding: 100px 0;
  }
}

.p-guestvoice .p-timeline-modal .p-timeline-post:nth-child(even) {
  padding: 50px 10px;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-modal .p-timeline-post:nth-child(even) {
    padding: 100px 0;
  }
}

.p-guestvoice .p-timeline-modal .p-timeline-post.is-voice .p-timeline-post-block--share__good {
  width: 50%;
}

@media (max-width: 480px) {
  .p-guestvoice .p-timeline-modal .p-timeline-post.is-voice .p-timeline-post-block--share__good {
    background-size: 30px;
    float: left;
    display: inline-block;
  }
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-modal .p-timeline-post.is-voice .p-timeline-post-block--share__good {
    text-align: center;
  }
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--share__item.p-timeline-post-block--share__share {
  width: 33.3%;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-modal .p-timeline-post-block {
    padding-right: 50px;
  }
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block.p-timeline-post-block--share {
  padding-left: 50px;
  padding-right: 50px;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--share__share, .p-guestvoice .p-timeline-modal .p-timeline-post-block--share__comment, .p-guestvoice .p-timeline-modal .p-timeline-post-block--share__out, .p-guestvoice .p-timeline-modal .p-timeline-post-block--main__date, .p-guestvoice .p-timeline-modal .p-timeline-post-block--name__num {
  display: block;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--name__name, .p-guestvoice .p-timeline-modal .p-timeline-post-block--name__img {
  display: none;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--share__good {
  float: left;
  margin: 0;
  background-size: 32px;
  background-position: center top;
}

@media (max-width: 480px) {
  .p-guestvoice .p-timeline-modal .p-timeline-post-block--share__good.is-on .good-animation {
    margin: -55px 0 0 -45px;
  }
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--share__out {
  width: 2rem;
  position: absolute;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--main {
  padding: 20px 20px 0 20px;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-modal .p-timeline-post-block--main {
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 20px;
  }
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--main__txt {
  display: block;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--main__txt.is-normal {
  display: none;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--main__txt.is-modal {
  margin: 0 0 15px;
  visibility: visible;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--share__item {
  float: left;
  clear: none;
  padding: 35px 0 0;
  background-position: center top;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--main__img {
  margin: 0 0 28px;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block .share__item3 .p-timeline-post-block--share__good, .p-guestvoice .p-timeline-modal .p-timeline-post-block .share__item3 .p-timeline-post-block--share__share, .p-guestvoice .p-timeline-modal .p-timeline-post-block .share__item3 .p-timeline-post-block--share__comment {
  width: 50%;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block .share__item3 .p-timeline-post-block--share__good {
  width: 50% !important;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--name {
  position: static;
  right: 0;
  bottom: 0;
  padding-bottom: 0;
  border-top: none;
  margin: -40px 0 0 0;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--name__num {
  width: 7em;
  margin: 0 0 0 20%;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-modal .p-timeline-post-block--name__num {
    margin: 0 0 0 23%;
  }
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--name__num > span {
  border: 1px solid #00b4b6;
  text-align: center;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--name__num > span:after, .p-guestvoice .p-timeline-modal .p-timeline-post-block--name__num > span:before {
  content: "";
  margin: 0 0 0 -7px;
}

.p-guestvoice .p-timeline-modal .p-timeline-post-block--name__num > span span {
  font-size: 1.4rem;
}

@media (min-width: 801px) {
  .p-guestvoice .p-timeline-modal .p-timeline-post-block--name__num > span span {
    font-size: 1.8rem;
  }
}

.p-guestvoice .p-timeline-modal .is-twitter-post .p-timeline-post-block--main__txt {
  padding: 0;
}

.p-guestvoice-snsLinks {
  background: #F5F7F8;
  padding: 20px 4.6%;
  font-size: 1.3rem;
  text-align: center;
  margin: 20px auto 0;
  position: relative;
}

@media (min-width: 801px) {
  .p-guestvoice-snsLinks {
    font-size: 1.6rem;
    padding: 30px 4.6%;
    line-height: 1;
    margin: 40px auto 0;
  }
}

.p-guestvoice-snsLinks_ttl {
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .p-guestvoice-snsLinks_ttl {
    margin: 0 0 15px;
  }
}

.p-guestvoice-snsLinks_lead {
  font-weight: bold;
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .p-guestvoice-snsLinks_lead {
    margin: 0 0 25px;
  }
}

.p-guestvoice-snsLinks_sns {
  font-size: 1.2rem;
  margin: 0 auto;
}

.p-guestvoice-snsLinks_sns:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 801px) {
  .p-guestvoice-snsLinks_sns {
    font-size: 1.6rem;
    width: 414px;
    margin: 0 auto;
  }
}

.p-guestvoice-snsLinks_sns a {
  border-radius: 3px;
  padding: 10px 0;
  color: #fff;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

.p-guestvoice-snsLinks_sns li {
  float: left;
  width: 50%;
}

@media (min-width: 801px) {
  .p-guestvoice-snsLinks_sns li {
    width: 200px;
  }
}

.p-guestvoice-snsLinks .sns-balloon {
  opacity: 0;
  transition: 0.5s;
  font-size: 1.3rem;
  line-height: 1.5;
  width: 200%;
  top: 50px;
}

@media (min-width: 801px) {
  .p-guestvoice-snsLinks .sns-balloon {
    left: 50%;
    margin: 0 0 0 -190px;
    width: auto;
  }
}

.p-guestvoice-snsLinks .sns-balloon.is-show {
  opacity: 1;
}

.p-guestvoice-snsLinks_twitter {
  padding: 0 5px 0 0;
  position: relative;
}

@media (min-width: 801px) {
  .p-guestvoice-snsLinks_twitter {
    padding: 0 7px 0 0;
  }
}

.p-guestvoice-snsLinks_twitter a {
  background: #1da1f2;
}

.p-guestvoice-snsLinks_twitter a:before {
  content: '';
  padding: 0 0.7rem;
  margin: 0 0.8rem 0 0;
  background: url("../images/common/icon_guestvoice_twitter.png");
  background-repeat: no-repeat;
  background-size: contain;
}

@media (min-width: 801px) {
  .p-guestvoice-snsLinks_twitter a:before {
    padding: 0 1rem;
  }
}

.p-guestvoice-snsLinks_instagram {
  padding: 0 0 0 5px;
  position: relative;
}

@media (min-width: 801px) {
  .p-guestvoice-snsLinks_instagram {
    padding: 0 0 0 7px;
  }
}

.p-guestvoice-snsLinks_instagram a {
  background: #f43b78;
}

.p-guestvoice-snsLinks_instagram a:before {
  content: '';
  padding: 0 0.7rem;
  margin: 0 0.8rem 0 0;
  background: url("../images/common/icon_guestvoice_instagram.png");
  background-repeat: no-repeat;
  background-size: contain;
}

@media (min-width: 801px) {
  .p-guestvoice-snsLinks_instagram a:before {
    padding: 0 1rem;
  }
}

.p-guestvoice-snsLinks_instagram .sns-balloon {
  left: -100%;
}

@media (min-width: 801px) {
  .p-guestvoice-snsLinks_instagram .sns-balloon {
    left: 50%;
  }
}

.p-guestvoice-login {
  display: none;
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100000001;
  overflow: scroll;
}

.p-guestvoice-login.is-show {
  display: block;
}

.p-guestvoice-login:before {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  right: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-guestvoice-login:after {
  content: '';
  display: block;
  width: 2px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  top: 10px;
  right: 20px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.p-guestvoice-login__main {
  position: absolute;
  top: 50px;
  left: 0;
  background-color: #fff;
  margin: 0 10px 50px;
  padding: 30px 20px;
  border-radius: 4px;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .p-guestvoice-login__main {
    width: 90%;
    left: 5%;
    padding: 40px;
  }
}

@media (min-width: 1200px) {
  .p-guestvoice-login__main {
    top: 100px;
    width: 1200px;
    left: 50%;
    margin: 0 0 0 -600px;
    padding: 40px;
  }
}

.p-guestvoice-login__ttl {
  font-size: 1.6rem;
  line-height: 2.1rem;
  font-weight: bold;
  margin: 0 0 15px;
}

@media (min-width: 801px) {
  .p-guestvoice-login__ttl {
    font-size: 1.8rem;
    text-align: center;
    margin: 0 0 30px;
    line-height: 1;
  }
}

.p-guestvoice-login-box {
  border: 1px solid #ccc;
  padding: 20px 15px 15px;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-guestvoice-login-box {
    width: 48.2%;
    margin: 0 0 3%;
    padding: 30px;
  }
}

@media (min-width: 801px) {
  .p-guestvoice-login-box--left {
    float: left;
  }
}

@media (min-width: 801px) {
  .p-guestvoice-login-box--right {
    float: right;
  }
}

.p-guestvoice-login-box p {
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 20px;
}

@media (min-width: 801px) {
  .p-guestvoice-login-box p {
    font-size: 1.8rem;
    margin: 0 0 30px;
  }
  .p-guestvoice-login-box p br {
    display: none;
  }
}

.p-guestvoice-login-box a {
  display: block;
  background-color: #00B4B6;
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/bg_arrow.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  -webkit-background-size: 8px 13px;
  -o-background-size: 8px 13px;
  background-size: 8px 13px;
  text-align: center;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  border-radius: 5px;
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-guestvoice-login-box a {
    font-size: 1.6rem;
    transition: 0.3s;
  }
  .p-guestvoice-login-box a:hover {
    text-decoration: none;
    opacity: 0.6;
  }
}

.p-guestvoice-login-bottom {
  margin: -5px 0 0;
  border: 1px solid #ccc;
  position: relative;
  background-color: #f5f7f8;
}

@media (min-width: 801px) {
  .p-guestvoice-login-bottom {
    clear: both;
  }
}

.p-guestvoice-login-bottom:before {
  border: 10px solid transparent;
  border-left-width: 10px;
  border-right-width: 10px;
  border-bottom-color: #f5f7f8;
  border-top-width: 0;
  top: -9px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  width: 0;
  z-index: 1;
  margin: 0 0 0 -10px;
}

@media (min-width: 801px) {
  .p-guestvoice-login-bottom:before {
    left: 75.5%;
    margin: 0;
    border: 18px solid transparent;
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-color: #f5f7f8;
    border-top-width: 0;
    top: -17px;
  }
}

.p-guestvoice-login-bottom:after {
  border: 10px solid transparent;
  border-left-width: 10px;
  border-right-width: 10px;
  border-bottom-color: #cccccc;
  border-top-width: 0;
  top: -10px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  width: 0;
  margin: 0 0 0 -10px;
}

@media (min-width: 801px) {
  .p-guestvoice-login-bottom:after {
    left: 75.5%;
    margin: 0;
    border: 18px solid transparent;
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-color: #cccccc;
    border-top-width: 0;
    top: -18px;
  }
}

.p-guestvoice-login-bottom__ttl {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  padding: 20px 0 5px;
  position: relative;
  margin: 0 0 10px;
}

@media (min-width: 801px) {
  .p-guestvoice-login-bottom__ttl {
    font-size: 1.6rem;
    padding: 35px 0 0;
    margin: 0 0 20px;
  }
  .p-guestvoice-login-bottom__ttl br {
    display: none;
  }
}

.p-guestvoice-login-bottom__ttl:before {
  content: '';
  display: block;
  width: 20px;
  height: 34px;
  background-image: url(../images/timeline/modal_img01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -8em;
}

@media (min-width: 801px) {
  .p-guestvoice-login-bottom__ttl:before {
    width: 13px;
    height: 21px;
    background-image: url(../images/timeline/modal_img01-pc.png);
    margin: 0 0 0 -20em;
  }
}

.p-guestvoice-login-bottom__ttl:after {
  content: '';
  display: block;
  width: 20px;
  height: 34px;
  background-image: url(../images/timeline/modal_img02.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  right: 50%;
  margin: 0 -8em 0 0;
}

@media (min-width: 801px) {
  .p-guestvoice-login-bottom__ttl:after {
    width: 12px;
    height: 21px;
    background-image: url(../images/timeline/modal_img02-pc.png);
    margin: 0 -20em 0 0;
  }
}

.p-guestvoice-login-bottom__lead {
  padding: 15px;
  font-size: 1.3rem;
  line-height: 1.6;
}

@media (min-width: 801px) {
  .p-guestvoice-login-bottom__lead {
    font-size: 1.4rem;
    text-align: center;
    padding: 30px 0;
  }
}

.p-guestvoice-login-bottom__lead a {
  display: block;
  color: #1794ce;
  text-decoration: underline;
}

@media (min-width: 801px) {
  .p-guestvoice-login-bottom__lead a {
    display: inline;
  }
}

.p-guestvoice-login-bottom__points {
  border-top: 1px dashed #ccc;
  padding: 20px 15px;
}

@media (min-width: 801px) {
  .p-guestvoice-login-bottom__points {
    display: table;
    width: 100%;
    padding: 0;
    table-layout: fixed;
  }
}

.p-guestvoice-login-bottom__point {
  padding: 0 0 0 65px;
  position: relative;
  margin: 0 0 20px;
  min-height: 43px;
}

@media (min-width: 801px) {
  .p-guestvoice-login-bottom__point {
    display: table-cell;
    width: 33.333333%;
    padding: 20px 30px 20px 130px;
    height: 110px;
    vertical-align: middle;
  }
}

.p-guestvoice-login-bottom__point:last-child {
  margin: 0;
}

.p-guestvoice-login-bottom__point img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 43px;
}

@media (min-width: 801px) {
  .p-guestvoice-login-bottom__point img {
    width: 90px;
    height: 70px;
    top: 20px;
    left: 30px;
  }
}

.p-guestvoice-login-bottom__point p {
  font-size: 1.3rem;
}

@media (min-width: 801px) {
  .p-guestvoice-login-bottom__point p {
    font-size: 1.4rem;
  }
}

.is-twitter-post .p-timeline-post-block--share {
  position: relative;
}

.is-twitter-post .p-timeline-post-block--share:before {
  content: "";
  padding: 15px;
  background: url(../images/common/icon_posttwitter.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 15px;
  margin: -15px 0 0;
}

.is-twitter-post .p-timeline-post-block--main__txt {
  padding: 0 0 0 45px;
}

@media (min-width: 801px) {
  .is-twitter-post .p-timeline-post-block--main__txt {
    padding: 0 0 0 30px;
  }
}

.is-twitter-post .p-timeline-post-block--name__name,
.is-twitter-post .p-timeline-post-block--name__img {
  display: none;
}

.is-twitter-post .iine-modal {
  position: absolute;
  top: -31px;
  right: 5px;
  display: none;
}

@media (min-width: 801px) {
  .is-twitter-post .iine-modal {
    top: -35px;
  }
}

.is-twitter-post .iine-modal p {
  background: #59ADEB;
  border-radius: 8px;
  position: relative;
  color: #fff;
  padding: 5px;
  z-index: 12;
  width: 80px;
  font-size: 10px;
  display: block;
  text-align: center;
}

.is-instagram-post .p-timeline-post-block--share {
  position: relative;
}

.is-instagram-post .p-timeline-post-block--share:before {
  content: "";
  padding: 15px;
  background: url(../images/common/icon_postinstagram.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 15px;
  margin: -15px 0 0;
}

.is-instagram-post .p-timeline-post-block--main__txt {
  padding: 0 0 0 45px;
}

@media (min-width: 801px) {
  .is-instagram-post .p-timeline-post-block--main__txt {
    padding: 0 0 0 30px;
  }
}

.p-timeline-modal .p-timeline-post-block--share:before {
  content: none;
}

.p-timeline-modal .iine-modal {
  display: none;
}

@media (min-width: 801px) {
  .p-fantamiliar {
    padding: 15px 0 60px;
  }
}

.p-fantamiliar--lead {
  font-size: 1.2rem;
  padding: 0 0 18px;
}

@media (min-width: 801px) {
  .p-fantamiliar--lead {
    font-size: 1.4rem;
  }
}

.p-fantamiliar--body {
  background: #f5f7f8;
  padding: 25px;
}

@media (min-width: 801px) {
  .p-fantamiliar--body {
    text-align: center;
    padding: 50px 0;
  }
}

.p-fantamiliar--error {
  color: #b32836;
  padding: 0 0 25px;
}

@media (min-width: 801px) {
  .p-fantamiliar--error {
    font-size: 1.4rem;
  }
}

.p-fantamiliar--txtarea {
  padding: 0 0 15px;
  display: block;
}

.p-fantamiliar--txtarea input {
  height: 40px;
  width: 100%;
  padding: 10px;
  font-size: 12px;
  border-radius: 5px;
}

@media (min-width: 801px) {
  .p-fantamiliar--txtarea input {
    width: 700px;
    padding: 10px;
    font-size: 1.4rem;
  }
}

@media (min-width: 801px) {
  .p-fantamiliar--btn {
    width: 360px;
    margin: 0 auto;
  }
}

.u-flr {
  float: right;
}

.u-fll {
  float: left;
}

.u-clb {
  clear: both;
}

.u-tac {
  text-align: center;
}

.u-tar {
  text-align: right;
}

.u-tal {
  text-align: left;
}

.u-vam {
  vertical-align: middle;
}

.u-relative {
  position: relative !important;
}

.u-block-center {
  margin: 0 auto;
}

.u-inline {
  display: inline;
}

.u-block {
  display: block;
}

.u-text-align {
  text-align: left;
}

@media (min-width: 1200px) {
  .u-text-align {
    text-align: center;
  }
}

.u-pconly {
  display: none;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .u-pconly {
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .u-pconly {
    display: inline-block;
  }
}

.u-text-red {
  color: #C5012C !important;
}

.u-text-default {
  color: #333 !important;
}

.u-text-gray {
  color: #666;
}

.u-text-sample {
  color: #797979 !important;
}

.u-block-red {
  background: #C11700;
}

.u-block-gray {
  background: #F5F7F8;
}

.u-img-max {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.u-lougot-image {
  width: 100%;
}

@media (min-width: 481px) {
  .u-lougot-image {
    width: 400px;
    height: auto;
  }
}

.u-mt0 {
  margin-top: 0px !important;
}

.u-mb0 {
  margin-bottom: 0px !important;
}

.u-ml0 {
  margin-left: 0px !important;
}

.u-mr0 {
  margin-right: 0px !important;
}

.u-pt0 {
  padding-top: 0px !important;
}

.u-pb0 {
  padding-bottom: 0px !important;
}

.u-pl0 {
  padding-left: 0px !important;
}

.u-pr0 {
  padding-right: 0px !important;
}

.u-mt5 {
  margin-top: 5px !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-ml5 {
  margin-left: 5px !important;
}

.u-mr5 {
  margin-right: 5px !important;
}

.u-pt5 {
  padding-top: 5px !important;
}

.u-pb5 {
  padding-bottom: 5px !important;
}

.u-pl5 {
  padding-left: 5px !important;
}

.u-pr5 {
  padding-right: 5px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-ml10 {
  margin-left: 10px !important;
}

.u-mr10 {
  margin-right: 10px !important;
}

.u-pt10 {
  padding-top: 10px !important;
}

.u-pb10 {
  padding-bottom: 10px !important;
}

.u-pl10 {
  padding-left: 10px !important;
}

.u-pr10 {
  padding-right: 10px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-ml15 {
  margin-left: 15px !important;
}

.u-mr15 {
  margin-right: 15px !important;
}

.u-pt15 {
  padding-top: 15px !important;
}

.u-pb15 {
  padding-bottom: 15px !important;
}

.u-pl15 {
  padding-left: 15px !important;
}

.u-pr15 {
  padding-right: 15px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-ml20 {
  margin-left: 20px !important;
}

.u-mr20 {
  margin-right: 20px !important;
}

.u-pt20 {
  padding-top: 20px !important;
}

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-pl20 {
  padding-left: 20px !important;
}

.u-pr20 {
  padding-right: 20px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-ml25 {
  margin-left: 25px !important;
}

.u-mr25 {
  margin-right: 25px !important;
}

.u-pt25 {
  padding-top: 25px !important;
}

.u-pb25 {
  padding-bottom: 25px !important;
}

.u-pl25 {
  padding-left: 25px !important;
}

.u-pr25 {
  padding-right: 25px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-ml30 {
  margin-left: 30px !important;
}

.u-mr30 {
  margin-right: 30px !important;
}

.u-pt30 {
  padding-top: 30px !important;
}

.u-pb30 {
  padding-bottom: 30px !important;
}

.u-pl30 {
  padding-left: 30px !important;
}

.u-pr30 {
  padding-right: 30px !important;
}

.u-mt35 {
  margin-top: 35px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-ml35 {
  margin-left: 35px !important;
}

.u-mr35 {
  margin-right: 35px !important;
}

.u-pt35 {
  padding-top: 35px !important;
}

.u-pb35 {
  padding-bottom: 35px !important;
}

.u-pl35 {
  padding-left: 35px !important;
}

.u-pr35 {
  padding-right: 35px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-ml40 {
  margin-left: 40px !important;
}

.u-mr40 {
  margin-right: 40px !important;
}

.u-pt40 {
  padding-top: 40px !important;
}

.u-pb40 {
  padding-bottom: 40px !important;
}

.u-pl40 {
  padding-left: 40px !important;
}

.u-pr40 {
  padding-right: 40px !important;
}

.u-mt45 {
  margin-top: 45px !important;
}

.u-mb45 {
  margin-bottom: 45px !important;
}

.u-ml45 {
  margin-left: 45px !important;
}

.u-mr45 {
  margin-right: 45px !important;
}

.u-pt45 {
  padding-top: 45px !important;
}

.u-pb45 {
  padding-bottom: 45px !important;
}

.u-pl45 {
  padding-left: 45px !important;
}

.u-pr45 {
  padding-right: 45px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-ml50 {
  margin-left: 50px !important;
}

.u-mr50 {
  margin-right: 50px !important;
}

.u-pt50 {
  padding-top: 50px !important;
}

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

.u-pl50 {
  padding-left: 50px !important;
}

.u-pr50 {
  padding-right: 50px !important;
}

.u-bottom-gutter {
  margin-bottom: 50px !important;
}

@media (min-width: 1200px) {
  .u-bottom-gutter {
    margin-bottom: 80px !important;
  }
}

.u-order-gutter {
  margin-bottom: 40px !important;
}

@media (min-width: 1200px) {
  .u-order-gutter {
    margin-bottom: 70px !important;
  }
}

.u-login-gutter {
  margin-bottom: 20px !important;
}

@media (min-width: 1200px) {
  .u-login-gutter {
    margin-bottom: 30px !important;
  }
}

.p-product-gutter {
  margin-bottom: 30px !important;
}

.u-btn-gutter {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

@media (min-width: 1200px) {
  .u-btn-gutter {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
}

.p-result-gutter {
  margin-bottom: 30px;
  margin-top: -1px;
}

@media (min-width: 1200px) {
  .p-result-gutter {
    margin-top: 0;
    margin-bottom: 60px;
  }
}

.l-nav-is-close {
  color: #1F1F1F;
}

.l-nav-is-close.ico_mypage:before {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -94px;
  width: 20px;
  height: 18px;
  background-size: 271px 236px;
}

.l-nav-is-open {
  background: #333;
  color: #fff;
}

.l-nav-is-open.ico_mypage:before {
  background-image: url(//store-resources-disneyjp.akamaized.net/images/common/sprite.png);
  background-position: -250px -71px;
  width: 20px;
  height: 18px;
  background-size: 271px 236px;
}

.u-radius-default--acount {
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.u-radius-default--btn {
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.u-radius-open--acount {
  -webkit-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}

.u-radius-open--btn {
  -webkit-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}

.l-nav__dropdown a.active {
  text-decoration: underline;
}

.u-form-error {
  border: 1px solid #C5012C;
}

.is-show {
  display: block;
}

.is-hide {
  display: none;
}

.u-onlySP {
  display: block;
}

@media (min-width: 801px) {
  .u-onlySP {
    display: none;
  }
}

.u-onlyPC {
  display: none;
}

@media (min-width: 801px) {
  .u-onlyPC {
    display: block;
  }
}

html.is-modal-open {
  height: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}

html.is-modal-open body {
  height: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}

.u-link {
  color: #0093d0;
  text-decoration: underline;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
}

.u-link:hover {
  text-decoration: none;
}

.u-link-line {
  color: #0093d0;
  text-decoration: none;
  line-height: 1;
  font-size: 14px;
  font-size: 1.4rem;
}

.u-link-line:hover {
  text-decoration: underline;
}

.u-link-default {
  color: #333;
  text-decoration: none;
}

.u-link-default:hover {
  text-decoration: underline;
}

.u-text-bold {
  font-weight: bold;
}

.u-text-green {
  color: #00b4b6;
}

.u-text-sbg {
  color: #333;
  line-height: 1.3;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (min-width: 1200px) {
  .u-text-sbg {
    font-size: 20px;
    font-size: 2rem;
  }
}

.u-text-bg {
  line-height: 1.3;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .u-text-bg {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.u-text-nml {
  color: #666;
  line-height: 1.4;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .u-text-nml {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.u-link-arrow {
  text-align: center;
  margin-bottom: 40px;
  font-size: 14px;
  font-size: 1.4rem;
}

.u-link-arrow a {
  color: #0093d0;
}

@media (min-width: 1200px) {
  .u-link-arrow {
    margin-bottom: 50px;
  }
}

.u-text-lead {
  color: #666;
  line-height: 1.6;
  margin-bottom: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .u-text-lead {
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

.u-text-secondary {
  color: #666;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media (min-width: 1200px) {
  .u-text-secondary {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.u-text-alert {
  color: #C5012C;
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .u-text-alert {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.u-text-top {
  text-align: right;
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .u-text-top {
    margin-bottom: 40px;
  }
}

@media (min-width: 801px) and (max-width: 1199px) {
  .u-br {
    display: block;
  }
}

@media (min-width: 1200px) {
  .u-br {
    display: block;
  }
}

.u-sbr {
  display: block;
}

@media (min-width: 1200px) {
  .u-sbr {
    display: inline;
  }
}

.u-spBr {
  display: block;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .u-spBr {
    display: none;
  }
}

@media (min-width: 1200px) {
  .u-spBr {
    display: none;
  }
}

.u-pcBr {
  display: none;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .u-pcBr {
    display: block;
  }
}

@media (min-width: 1200px) {
  .u-pcBr {
    display: block;
  }
}

.u-sp-txtCenter {
  text-align: center;
}

@media (min-width: 801px) and (max-width: 1199px) {
  .u-sp-txtCenter {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .u-sp-txtCenter {
    text-align: left;
  }
}

/*! jQuery UI - v1.11.4 - 2015-03-24
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaa;
  background: #fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222;
}

.ui-widget-content a {
  color: #222;
}

.ui-widget-header {
  border: 1px solid #aaa;
  background: #ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999;
  background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaa;
  background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_888888_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 4px;
}

.ui-widget-overlay {
  background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

/*! jQuery UI - v1.11.4 - 2015-03-22
* http://jqueryui.com
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
    transition: opacity .3s linear;
}

.p-top-main__slider {
    opacity: 0;
}

.slick-slider.slick-initialized{
    opacity: 1;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  text-align:center;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/*160120 card*/
#lightbox__card .modal__header--card {
  border: none;
  padding: 15px 0 0;
}

#lightbox__card .c-box-default {
  border: none;
  margin: 0;
  padding-bottom: 0;
}

.p-order-statement.c-box-card-select li, .c-box-card-select.p-order-statement02 li {
  display: block;
  margin-bottom: 10px;
}

.p-order-statement.c-box-card-select li:last-child, .c-box-card-select.p-order-statement02 li:last-child {
  margin-top: 20px;
}

.p-order-statement.c-box-card-select li:first-child, .c-box-card-select.p-order-statement02 li:first-child {
  margin-top: 0px;
}

#card-select-on {
  margin-top: 2px;
}

.card-pointbtn {
  display: block;
  margin: 10px auto 0px auto;
}

.card-pointbtn .btn--default:after, .card-pointbtn .btn--default--input:after, .card-pointbtn .btn--card:after {
  content: none;
}

.c-box-card-select {
  margin: 10px 0 0;
}

.c-box-card-select li {
  margin-bottom: 0;
}

#lightbox__card .p-order-payment .p-order-payment_card {
  width: 100%;
  margin: 0 0 10px;
}

#lightbox__card .modal__body--card {
  border-top: 1px solid #dcdcdc;
  padding-bottom: 5px;
}

#lightbox__card .modal__body--card--title p {
  font-size: 16px;
  margin-bottom: 20px;
  margin-left: 0;
}

#lightbox__card .modal__header--card {
  border: none;
  padding: 40px 0 0;
}

#lightbox__card .modal__body--card--inner {
  overflow: hidden;
  padding: 0 20px;
}

#lightbox__card .c-box-card-submit {
  overflow: hidden;
  text-align: center;
  margin: 0 0 40px;
  position: relative;
  z-index: 1;
}

#lightbox__card .c-box-card-submit a {
  background-image: none;
}

.c-box-card-check {
  display: none;
}

.c-box-card-check .p-order-payment li {
  margin-bottom: 10px;
}

.c-box-card-check .p-order-payment .p-order-payment_card {
  margin-bottom: 10px;
}

.c-box-card {
  padding: 5px 30px;
}

.btn-card-check {
  width: 250px;
}

.box-active {
  display: block;
}

.box-payment-card-select .easy-select-box {
  width: 155px !important;
  display: block;
}

.mt-space {
  margin-top: 20px;
}

.c-box-card-check .p-order-payment .p-order-payment_card .card-heading {
  padding: 0;
}

.p-order-payment .p-order-payment_card .card-item {
  padding: 0;
}

.c-card-body--left {
  float: none;
  margin: 0 0 25px 0;
}

.c-card-body--left .c-card-body__heading {
  margin-bottom: 10px;
}

.c-card-body--right {
  float: none;
  margin: 0 0 25px 0;
}

.c-card-body--right .c-card-body__heading {
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  #lightbox__card .modal__body--card--title p {
    font-size: 20px;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .c-box-card {
    padding: 20px 30px;
  }
}

@media (min-width: 640px) {
  .card-pointbtn {
    display: block;
    margin: 10px 0 0;
    width: 290px;
  }
}

@media (max-width: 800px) {
  .hidden-xs {
    display: none;
  }
}

@media (max-width: 480px) {
  .c-box-card-check .p-order-payment .p-order-payment_card {
    display: table;
  }
  .c-box-card-check .p-order-payment .p-order-payment_card .card-heading {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
  }
  .c-box-card-check .p-order-payment .p-order-payment_card .card-item {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
  }
}

@media (min-width: 481px) {
  .c-cartform-text--sml {
    width: 230px;
  }
  .c-box-card-check .p-order-payment .p-order-payment_card .card-heading {
    width: 50%;
    padding-right: 10px;
  }
  .c-box-card-check .p-order-payment .p-order-payment_card .card-item {
    width: 50%;
  }
}

@media (max-width: 420px) {
  .c-card-body__image01 {
    width: 100%;
    height: auto;
  }
  .c-card-body__image02 {
    width: 50%;
    height: auto;
  }
}
/*
---------------
↓↓↓LGZ↓↓↓
*/

/* 名入れ
********************************************** */
.p-naire__title {
  margin-top: 0px;
}
  .p-naire__title h2 {
    font-size: 28px;
    font-weight: normal;
  }
.p-naire__column {
  display: table;
  font-size: 14px;
  margin: 50px 0;
  width: 100%;
}
.p-naire__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 65px;
}
  .p-naire__btn_preview span {
    background: url("../images/naire/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 16px;
    display: inline-block;
    padding: 20px 25px;
  }
  .p-naire__column .p-product-gutter {
    margin: 15px 0 0 0 !important;
  }
  .p-naire__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__column .p-product__btngroup--fav {
    margin-top: 15px;
  }
  .p-naire__column .colum__left {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
    .p-naire__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      width: 100%;
      /*height: 76px;*/
      height: 70px;
    }
    .p-naire__column .colum__left dt {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
      width:60%;
    }
      .p-naire__column .colum__left dt strong {
        color: #333333;
        font-size: 24px;
        font-weight: normal;
      }

      .p-naire__column .colum__left dt.naire_sale span{
        color:#c5002c;
      }
      .p-naire__column .colum__left dt.naire_sale{
      width:auto;
      }
    .p-naire__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }
    .p-naire__column .p-product__gift{
      margin: -10px 0 0;
    }
    .p-naire__column .p-product__schedule{
      margin: 0 0 10px;
      padding: 20px;
    }
    .p-naire__column .colum__left p {
      margin-top: 5px;
    }
    .p-naire__column .colum__left p.p-naire__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__column .colum__left p.p-naire__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__column .colum__left p.p-naire__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__column .colum__left p.p-naire__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 2vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    padding: 0 20px;
    width: 50%;
  }
    .p-naire__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: 76px;
    }
    .p-naire__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
    }
      .p-naire__column .colum__right h3 span {
        background: url("../images/naire/icon_pen.png") left 0.1em no-repeat;
        display: inline-block;
        font-size: 24px;
        padding: 0 35px;
      }
      .p-naire__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 14px;
        margin-top: 5px;
      }
    .p-naire__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 10px 15px;
    }
    .p-naire__column .colum__right .right__step.step_2,
    .p-naire__column .colum__right .right__step.step_3 {
      margin-top: 39px;
    }
    .p-naire__column .colum__right .right__step.step_2:after,
    .p-naire__column .colum__right .right__step.step_3:after {
      background: url("../images/naire/arw_step.png") center 8px no-repeat;
      content: "";
      position: absolute;
      top: -39px;
      left: 0px;
      width: 100%;
      height: 39px;
    }
      .p-naire__column .colum__right .right__step dl {
        background: url("../images/naire/icon_step.png") right center no-repeat;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 30px;
        width: 100%;
      }
      .p-naire__column .colum__right .right__step.opened dl {
        background: url("../images/naire/icon_step_close.png") right center no-repeat;
      }
      .p-naire__column .colum__right .right__step dt {
        display: table-cell;
        vertical-align: middle;
        width: 7em;
      }
      .p-naire__column .colum__right .right__step dd {
        display: table-cell;
        font-size: 16px;
        line-height: 27px;
        vertical-align: middle;
      }
        .p-naire__column .colum__right .right__step dd small {
          color: #c30a31;
          font-size: 14px;
          line-height: 1.2;
          display: none;
        }
    .p-naire__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
    }
    .p-naire__column .colum__right .right__toggle.step_1 {
      padding: 8.06% 10px;
    }
      .p-naire__column .colum__right .right__toggle.step_1 .select__wrap {
        position: relative;
      }
      .p-naire__column .colum__right .right__toggle.step_1 select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 1000;
        opacity: 0;
        border:0;
        width:100%;
        height:40px;
        font-size: 16px;
      }
      .p-naire__column .colum__right .right__toggle.step_1 .select__text {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 14px;
        padding:0 40px;
        position:relative;
        text-align: center;
        line-height:38px;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .p-naire__column .colum__right .right__toggle.step_1 .select__text.default {
        color: #dcdcdc;
      }
      .p-naire__column .colum__right .right__toggle.step_1 .select__text:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:40px;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__column .colum__right .right__toggle.step_1 .select__text:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:17px;
      }
    .p-naire__column .colum__right .right__toggle.step_2 {
    }
      .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        overflow: hidden;
        padding: 1px;
        height: 556px;
      }
        .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll .scroll__inner {
          padding: 0 30px 7.16% 50px;
        }
        .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll ul:after {
          height: 0;
          visibility: hidden;
          content: ".";
          display: block;
          clear: both;
        }
        .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li {
          float: left;
          padding-top: 7.47%;
          width: 25%;
        }
        .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li:nth-of-type(4n+1) {
          clear: left;
        }
          .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li input {
            position: relative;
            margin: 0 5px 0 0;
            padding: 0;
          }
          .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li label {
            cursor: pointer;
            display: block;
            position: relative;
            padding: 0 5px;
          }
          .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li label.checked:after {
            background-color: rgba(250,87,87,0.46);
            border: 1px solid #efefef;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
          }
          .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li span {
            display: block;
            padding-bottom: 8px;
          }
            .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li span img {
              width: 100%;
              height: auto;
            }
    .p-naire__column .colum__right .right__toggle.step_3 {
    }
      .p-naire__column .colum__right .right__toggle.step_3 .toggle__scroll {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        overflow: hidden;
        padding: 1px;
        height: 605px;
      }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__scroll .scroll__inner {
          padding: 6.79% 10px;
        }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__input .input__border {
          border: 1px solid #dcdcdc;
          border-radius: 3px;
          -webkit-border-radius: 3px;
        }
          .p-naire__column .colum__right .right__toggle.step_3 .toggle__input .input__border input {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            border: 4px solid #f5f5f5;
            text-align: center;
            padding: 5px;
            width: 100%;
        }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__input p {
          margin-top: 5px;
        }
      .p-naire__column .colum__right .right__toggle.step_3 .toggle__font {
        margin-top: 6.79%;
      }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__font dd {
          border: 1px solid #dcdcdc;
          font-size: 0;
          line-height: 0;
          text-align: center;
          overflow: hidden;
          margin-top: 5px;
          padding: 10px;
        }
          .p-naire__column .colum__right .right__toggle.step_3 .toggle__font dd img {
            width: auto;
            max-width: 100%;
            height: auto;
          }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__font p {
          margin-top: 5px;
        }
      .p-naire__column .colum__right .right__toggle.step_3 .toggle__sample {
        margin-top: 6.79%;
      }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__sample dd {
          border: 1px solid #dcdcdc;
          font-size: 0;
          line-height: 0;
          text-align: center;
          overflow: hidden;
          margin-top: 5px;
          width: 100%;
        }
          .p-naire__column .colum__right .right__toggle.step_3 .toggle__sample dd img {
            width: auto;
            max-width: 100%;
            height: auto;
          }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__sample p {
          margin-top: 5px;
        }
.p-naire__overlay {
  background-color: rgba(0,0,0,0.19);
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.p-naire__modal {
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dcdcdc;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 50px 10px 10px 10px;
  width: 96.53%;
  z-index: 10001;
}
  .p-naire__modal .modal__close {
    background: url("../images/naire/btn_modal_close.png") no-repeat;
    background-size: 25px 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 30px;
  }
  .p-naire__modal p {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    margin-bottom: -1px;
  }
  .p-naire__modal img {
    width: 100%;
    height: auto;
    padding: 10% 30%;
  }

@media screen and (min-width: 1201px) {
  .p-naire__column .colum__left p.p-naire__preview span {
    font-size: 24px;
  }
}
@media screen and (max-width: 800px) {
.p-naire__title {
  margin-top: 10px;
}
  .p-naire__title h2 {
    font-size: 4.15vw;
    font-weight: normal;
  }
.p-naire__column {
  display: block;
  font-size: 3.46vw;
  margin: 10px 0 20px;
  width: auto;
}
.p-naire__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
}
  .p-naire__btn_preview span {
    background: url("../images/naire/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 15px;
    display: inline-block;
    padding: 14px 25px;
  }
  .p-naire__column .p-product-gutter {
    margin: 20px 0 0 0 !important;
  }
  .p-naire__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__column .p-product__btngroup--fav {
    margin-top: 20px;
  }
  .p-naire__column .colum__left {
    display: block;
    vertical-align: top;
    width: auto;
  }
    .p-naire__column .p-product__gift{
      margin: 0px 0 0;
    }
    .p-naire__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      padding: 10px 0;
      width: 100%;
      height: auto;
    }
    .p-naire__column .colum__left dt {
      display: table-cell;
      font-size: 2.42vw;
      /*text-align: center;*/
      vertical-align: middle;
    }
      .p-naire__column .colum__left dt strong {
        color: #333333;
        font-size: 4.15vw;
        font-weight: normal;
      }
    .p-naire__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }

    .p-naire__column .colum__left p {
      font-size: 2.6vw;
      margin-top: 10px;
    }
    .p-naire__column .colum__left p.p-naire__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
    .p-naire__column .colum__left p.p-naire__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__column .colum__left p.p-naire__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__column .colum__left p.p-naire__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__column .colum__left p.p-naire__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 3.8vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    vertical-align: top;
    padding: 0;
    width: auto;
  }
    .p-naire__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: auto;
    }
    .p-naire__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      padding: 15px 0;
    }
      .p-naire__column .colum__right h3 span {
        background: url("../images/naire/icon_pen.png") left center no-repeat;
        background-size: 20px auto;
        display: inline-block;
        font-size: 5.49vw;
        padding: 0 20px;
      }
      .p-naire__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 3.6vw;
        margin-top: 5px;
      }
    .p-naire__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 1px 10px 1px 0;
    }
    .p-naire__column .colum__right .right__step.step_2,
    .p-naire__column .colum__right .right__step.step_3 {
      margin-top: 10.74%;
    }
    .p-naire__column .colum__right .right__step.step_2:after,
    .p-naire__column .colum__right .right__step.step_3:after {
      background: url("../images/naire/arw_step.png") center center no-repeat;
      background-size: auto 60%;
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      margin-top: -9.74%;
      padding-bottom: 9.74%;
      width: 100%;
      height: auto;
    }
      .p-naire__column .colum__right .right__step dl {
        background: url("../images/naire/icon_step.png") right center no-repeat;
        background-size: 20px auto;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 20px;
        width: 100%;
      }
      .p-naire__column .colum__right .right__step.opened dl {
        background: url("../images/naire/icon_step_close.png") right center no-repeat;
        background-size: 20px auto;
      }
      .p-naire__column .colum__right .right__step dt {
        border-right: 1px solid #dcdcdc;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 5px 10px;
        width: 7em;
      }
      .p-naire__column .colum__right .right__step dd {
        display: table-cell;
        font-size: 4vw;
        line-height: auto;
        vertical-align: middle;
        padding: 10px 10px;
      }
        .p-naire__column .colum__right .right__step dd small {
          color: #c30a31;
          font-size: 2.94vw;
          line-height: 1.2;
          display: none;
        }
    .p-naire__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
    }
    .p-naire__column .colum__right .right__toggle.step_1 {
      padding: 8.41% 5px;
    }
      .p-naire__column .colum__right .right__toggle.step_1 select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
        padding: 2%;
      }
    .p-naire__column .colum__right .right__toggle.step_2 {
      font-size: 2.68vw;
    }
      .p-naire__column .colum__right .right__toggle.step_2 .mCSB_scrollTools {
        display: none !important;
      }
      .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        overflow: visible;
        padding: 0;
        height: auto;
      }
        .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll .scroll__inner {
          padding: 0 10px 6.54% 10px;
        }
        .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll ul:after {
          height: 0;
          visibility: hidden;
          content: ".";
          display: block;
          clear: both;
        }
        .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li {
          float: left;
          padding-top: 6.54%;
          width: 25%;
        }
        .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li:nth-of-type(4n+1) {
          clear: left;
        }
          .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li input {
            position: relative;
            margin: 0 5px 0 0;
            padding: 0;
          }
          .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li label {
            cursor: pointer;
            display: block;
            position: relative;
            padding: 0 5px;
          }
          .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li label.checked:after {
            background-color: rgba(250,87,87,0.46);
            border: 1px solid #efefef;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
          }
          .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li span {
            display: block;
            padding-bottom: 8px;
          }
            .p-naire__column .colum__right .right__toggle.step_2 .toggle__scroll li span img {
              width: 100%;
              height: auto;
            }
    .p-naire__column .colum__right .right__toggle.step_3 {
      font-size: 2.94vw;
    }
      .p-naire__column .colum__right .right__toggle.step_3 .toggle__scroll {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        overflow: visible;
        padding: 0;
        height: auto;
      }
      .p-naire__column .colum__right .right__toggle.step_3 .mCSB_scrollTools {
        display: none !important;
      }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__scroll .scroll__inner {
          padding: 6.79% 10px;
        }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__input .input__border {
          border: 1px solid #dcdcdc;
          border-radius: 3px;
          -webkit-border-radius: 3px;
        }
          .p-naire__column .colum__right .right__toggle.step_3 .toggle__input .input__border input {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            border: 3px solid #f5f5f5;
            text-align: center;
            padding: 5px 5px;
            width: 100%;
            font-size:16px;
          -webkit-appearance : none;
          -webkit-tap-highlight-color : rgba(0,0,0,0);
        }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__input p {
          margin-top: 5px;
        }
      .p-naire__column .colum__right .right__toggle.step_3 .toggle__font {
        margin-top: 6.79%;
      }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__font dd {
          border: 1px solid #dcdcdc;
          font-size: 0;
          line-height: 0;
          text-align: center;
          overflow: hidden;
          margin-top: 5px;
          padding: 10px;

        }
          .p-naire__column .colum__right .right__toggle.step_3 .toggle__font dd img {
            width: auto;
            max-width: 100%;
            height: auto;
          }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__font p {
          margin-top: 5px;
        }
      .p-naire__column .colum__right .right__toggle.step_3 .toggle__sample {
        margin-top: 6.79%;
      }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__sample dd {
          border: 1px solid #dcdcdc;
          font-size: 0;
          line-height: 0;
          text-align: center;
          overflow: hidden;
          margin-top: 5px;
        }
          .p-naire__column .colum__right .right__toggle.step_3 .toggle__sample dd img {
            width: auto;
            max-width: 100%;
            height: auto;
          }
        .p-naire__column .colum__right .right__toggle.step_3 .toggle__sample p {
          margin-top: 5px;
        }
}

.p-naire__column .colum__left p.p-naire__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 20px;
    line-height: 1.6em;
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
@media (max-width: 1201px) {
.p-naire__column .colum__left p.p-naire__preview span { font-size: 14px; }
}
@media (max-width: 800px) {
.p-naire__column .colum__left p.p-naire__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 12px;
    line-height: 1.3em;
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
}

.p-naire__column .colum__left p.p-naire__preview img.pvItemDefaultImg
 { max-width: 100%; height: auto; padding: 16% 12% 3%; }

/* お気にリボタン コンテンツ内
********************************************** */
.p-product__btngroup--fav {
  display: table;
  width: 100%;
}

.p-product__btngroup--fav p {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

@media (min-width: 1200px) {
  .p-product__btngroup--fav p {
    display: block;
    width: 100%;
  }
}
.p-product-name .p-product__btngroup--fav p {
  display: block;
  margin: 0;
}

.btn--fav {
  background: transparent;
  border: 0px;
  color: inherit;
  height: auto;
  line-height: normal;
  text-align: center;
  width: auto;
  font-size: medium;
  font-size: medium;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.btn--fav:after {
  display: none;
}
.btn--fav a .f_bg {
  position: relative;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.btn--fav:hover {
  text-decoration: none;
  opacity: 1;
}
.btn--fav a:hover .f_bg {
  text-decoration: none;
  opacity: 0.6;
}
.btn--fav a {
  display: block;
  position: relative;
  height: 50px;
  text-align: center;
  line-height: 50px;
  width: 100%;
}
.btn--fav a .f_text {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  vertical-align: middle;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}
.btn--fav a:hover .f_text{
  text-decoration: none;
  opacity: 0.6;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}
.btn--fav a .f_bg {
  background: #F5F7F8;
  border: 1px solid #CCC;
  color: #666;
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0px;
}
.btn--fav a .f_heart {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-left: 10px;
  vertical-align: middle;
  width: 21px;
  height: 18px;
}
.btn--fav a .f_heart em {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 21px;
  height: 18px;
}
.btn--fav a .f_heart .f_infav {
  background: url(../images/common/icon_heart_in.png) no-repeat;
  background-size: 21px 18px;
  opacity: 0;
  z-index: 1;
}
.btn--fav.favarited a .f_heart .f_infav {
  background: url(../images/common/icon_heart.png) no-repeat;
  background-size: 21px 18px;
}
.btn--fav a .f_heart .f_zoom {
  background: url(../images/common/icon_heart.png) no-repeat;
  background-size: 21px 18px;
  opacity: 1;
  z-index: 2;
}
.btn--fav.favarited a .f_heart .f_zoom {
  background: url(../images/common/icon_heart_in.png) no-repeat;
  background-size: 21px 18px;
}
.btn--fav a.in_fav .f_heart .f_zoom {
  background: url(../images/common/icon_heart_in.png) no-repeat;
  background-size: 21px 18px;
  opacity: 0;
  z-index: 2;
}
.btn--fav.favarited a.in_fav .f_heart .f_zoom {
  background: url(../images/common/icon_heart.png) no-repeat;
  background-size: 21px 18px;
}
.btn--fav a .f_heart .f_mickey,
.btn--fav.favarited a .f_heart .f_mickey {
  background: url(../images/common/img_head_favorite_mickey.png) center 4px no-repeat;
  background-size: 11px auto;
  opacity: 0;
  z-index: 3;
}

.btn--fav a.play .f_infav,
.btn--fav.favarited a.play .f_infav {
  -webkit-animation: fav_infav 3s linear 0s 1 forwards;
  animation: fav_infav 3s linear 0s 1 forwards;
}
.btn--fav a.play .f_zoom,
.btn--fav.favarited a.play .f_zoom {
  -webkit-animation: fav_zoom 3s linear 0s 1 forwards;
  animation: fav_zoom 3s linear 0s 1 forwards;
}
.btn--fav a.play .f_mickey,
.btn--fav.favarited a.play .f_mickey {
  -webkit-animation: fav_mickey 3s linear 0s 1 forwards;
  animation: fav_mickey 3s linear 0s 1 forwards;
}

@-webkit-keyframes fav_infav {
  0% { -webkit-transform: scale(1.0); opacity: 0; }
  66% { -webkit-transform: scale(1.0); opacity: 0; }
  100% { -webkit-transform: scale(1.0); opacity: 1; }
}
@-webkit-keyframes fav_zoom {
  0% { -webkit-transform: scale(1.0); opacity: 1; }
  5% { -webkit-transform: scale(1.4); opacity: 1; }
  33% { -webkit-transform: scale(1.0); opacity: 1; }
  66% { -webkit-transform: scale(1.0); opacity: 1; }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}
@-webkit-keyframes fav_mickey {
  0% { -webkit-transform: scale(1.0); opacity: 0; }
  5% { -webkit-transform: scale(1.0); opacity: 0; }
  33% { -webkit-transform: scale(1.0); opacity: 1; }
  66% { -webkit-transform: scale(1.0); opacity: 1; }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}
@keyframes fav_infav {
  0% { transform: scale(1.0); opacity: 0; }
  66% { transform: scale(1.0); opacity: 0; }
  100% { transform: scale(1.0); opacity: 1; }
}
@keyframes fav_zoom {
  0% { transform: scale(1.0); opacity: 1; }
  5% { transform: scale(1.4); opacity: 1; }
  33% { transform: scale(1.0); opacity: 1; }
  66% { transform: scale(1.0); opacity: 1; }
  100% { transform: scale(1.0); opacity: 0; }
}
@keyframes fav_mickey {
  0% { transform: scale(1.0); opacity: 0; }
  5% { transform: scale(1.0); opacity: 0; }
  33% { transform: scale(1.0); opacity: 1; }
  66% { transform: scale(1.0); opacity: 1; }
  100% { transform: scale(1.0); opacity: 0; }
}

@media (min-width: 1200px) {
  .btn--fav {
    height: auto;
    line-height: normal;
    width: auto;
    padding: 0;
    font-size: medium;
    font-size: medium;
  }
  .btn--fav a, .btn--fav.favarited a {
    height: 46px;
    line-height: 46px;
  }
  .btn--fav a .f_bg, .btn--fav.favarited a .f_bg {
    height: 46px;
    line-height: 46px;
    width: 100%;
    padding: 0;
  }
  .btn--fav a .f_text, .btn--fav.favarited a .f_text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* お気にリボタン ヘッダー内
********************************************** */
.l-nav__item--icon__favorite .favorite__block {
  position: relative;
  width: 100%;
  height: 100%;
}
.l-nav__sub .l-nav__item--icon__favorite #bookmarkcount.icon-cart-number {
  top: -14% !important;
  left: 67% !important;
}
@media (min-width: 801px) {
  .l-nav__sub .l-nav__item--icon__favorite #bookmarkcount.icon-cart-number {
    top: -4px !important;
    left: 67% !important;
  }
}

.l-nav__item--icon__favorite .icon {
  position: absolute;
  top: 9%;
  left: 0px;
  width: 100%;
}
.l-nav__item--icon__favorite .icon img {
  width: 33%;
}
.l-nav__item--icon__favorite a {
  display: block;
  position: relative;
}
.l-nav__item--icon__favorite a.l-nav-sub__link:after {
  background: url(../images/common/img_head_favorite_mickey.png) no-repeat center 35%;
  background-size: 60% auto;
  content: "";
  position: absolute;
  top: 0px;
  left: -3px;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.l-nav__item--icon__favorite.play a.l-nav-sub__link .icon-heart-img img {
  -webkit-animation: favorite 3s linear 0s 1 forwards;
  animation: favorite 3s linear 0s 1 forwards;
}
.l-nav__item--icon__favorite.play a.l-nav-sub__link:after {
  -webkit-animation: favorite_char 3s linear 0s 1 forwards;
  animation: favorite_char 3s linear 0s 1 forwards;
}

@-webkit-keyframes favorite {
  0% { -webkit-transform: scale(1.0); }
  5% { -webkit-transform: scale(1.4); }
  33% { -webkit-transform: scale(1.0); }
  100% { -webkit-transform: scale(1.0); }
}
@-webkit-keyframes favorite_char {
  0% { opacity: 0; }
  5% { opacity: 0; }
  33% { opacity: 1; }
  66% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes favorite {
  0% { transform: scale(1.0); }
  5% { transform: scale(1.4); }
  33% { transform: scale(1.0); }
  100% { transform: scale(1.0); }
}
@keyframes favorite_char {
  0% { opacity: 0; }
  5% { opacity: 0; }
  33% { opacity: 1; }
  66% { opacity: 1; }
  100% { opacity: 0; }
}

@media (min-width: 801px) {
  .l-nav__item--icon__favorite .icon {
    position: absolute;
    top: 18%;
    left: 0px;
    width: 100%;
  }
  .l-nav__item--icon__favorite .icon img {
    width: 38%;
  }
  .l-nav__item--icon__favorite a.l-nav-sub__link:after {
    background: url(../images/common/img_head_favorite_mickey.png) no-repeat center 16.5%;
    background-size: 20%;
    top: -2px;
    left: -2.5px;
  }
}
@media (min-width: 322px) and (max-width: 375px) {
.l-nav__item--icon__favorite{bottom: 13%;}

}
@media (max-width: 321px){
.l-nav__item--icon__favorite{bottom: 13%;}
}
@media (min-width: 1200px) {
.zoomContainer {z-index:5;}
}

/* 名入れ ユニベア
********************************************** */
.p-naire__unibear__title {
  margin-top: 0px;
}
  .p-naire__unibear__title h2 {
    font-size: 28px;
    font-weight: normal;
  }
.p-naire__unibear__column {
  display: table;
  font-size: 14px;
  margin: 50px 0;
  width: 100%;
}
.p-naire__unibear__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 65px;
}
  .p-naire__unibear__btn_preview span {
    background: url("../images/naire_unibear/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 16px;
    display: inline-block;
    padding: 20px 25px;
  }
  .p-naire__unibear__column .p-product-gutter {
    margin: 15px 0 0 0 !important;
  }
  .p-naire__unibear__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__unibear__column .p-product__btngroup--fav {
    margin-top: 15px;
  }
  .p-naire__unibear__column .colum__left {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
    .p-naire__unibear__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      width: 100%;
      /*height: 76px;*/
      height: 70px;
    }
    .p-naire__unibear__column .colum__left dt {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
      width:60%;
    }
      .p-naire__unibear__column .colum__left dt strong {
        color: #333333;
        font-size: 24px;
        font-weight: normal;
      }

      .p-naire__unibear__column .colum__left dt.naire_sale span{
        color:#c5002c;
      }
      .p-naire__unibear__column .colum__left dt.naire_sale{
      width:auto;
      }
    .p-naire__unibear__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }
    .p-naire__unibear__column .p-product__gift{
      margin: -10px 0 0;
    }
    .p-naire__unibear__column .p-product__schedule{
      margin: 0 0 10px;
      padding: 20px;
    }
    .p-naire__unibear__column .colum__left p {
      margin-top: 5px;
    }
    .p-naire__unibear__column .colum__left p.p-naire__unibear__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__unibear__column .colum__left p.p-naire__unibear__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__unibear__column .colum__left p.p-naire__unibear__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__unibear__column .colum__left p.p-naire__unibear__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 2vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__unibear__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    padding: 0 20px;
    width: 50%;
  }
    .p-naire__unibear__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: 76px;
    }
    .p-naire__unibear__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
    }
      .p-naire__unibear__column .colum__right h3 span {
        background: url("../images/naire_unibear/icon_pen.png") left 0.1em no-repeat;
        display: inline-block;
        font-size: 24px;
        padding: 0 35px;
      }
      .p-naire__unibear__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 14px;
        margin-top: 5px;
      }
    .p-naire__unibear__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 10px 15px;
    }
    .p-naire__unibear__column .colum__right .right__step.input__initial,
    .p-naire__unibear__column .colum__right .right__step.input__mark,
    .p-naire__unibear__column .colum__right .right__step.input__date {
      margin-top: 39px;
    }
    .p-naire__unibear__column .colum__right .right__step.input__initial:after,
    .p-naire__unibear__column .colum__right .right__step.input__mark:after,
    .p-naire__unibear__column .colum__right .right__step.input__date:after {
      background: url("../images/naire_unibear/arw_step.png") center 8px no-repeat;
      content: "";
      position: absolute;
      top: -39px;
      left: 0px;
      width: 100%;
      height: 39px;
    }
      .p-naire__unibear__column .colum__right .right__step > dl {
        background: url("../images/naire_unibear/icon_step.png") right center no-repeat;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 30px;
        width: 100%;
      }
      .p-naire__unibear__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_unibear/icon_step_close.png") right center no-repeat;
      }
      .p-naire__unibear__column .colum__right .right__step > dl dt {
        display: table-cell;
        vertical-align: middle;
        width: 7em;
      }
      .p-naire__unibear__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 16px;
        line-height: 27px;
        vertical-align: middle;
      }
        .p-naire__unibear__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 14px;
          line-height: 1.2;
          display: none;
        }
    .p-naire__unibear__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      font-size: 14px;
      padding: 3.92%;
    }
    .p-naire__unibear__column .colum__right .right__toggle.input__unibear {
    }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear select {
        display: none;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl {
        position:relative;
  }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
        padding:10px 45px 10px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
          overflow:hidden;
          z-index: 4;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:50%;
        margin-top:-3px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 10px;
  width: 100%;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 10px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt span .photo {
  padding: 0;
        width: 100px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: -5px;
  display: none;
  overflow: hidden;
        position:absolute;
  top: 100%;
  left: 0px;
  padding-top: 5px;
  width: 100%;
  height: 482px;
          z-index: 3;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:9px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd li:hover,
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd dl {
        display: table;
  width: 100%;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 100px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd dd {
        display: table-cell;
        font-size: 16px;
  vertical-align: middle;
  padding: 4px 24px;
      }

    .p-naire__unibear__column .colum__right .right__toggle.input__initial {
    }
        .p-naire__unibear__column .colum__right .right__toggle.input__initial > p {
    color: #6c6c6c;
    margin-top: 8px;
        }
        .p-naire__unibear__column .colum__right .right__toggle.input__initial .lead {
        }
          .p-naire__unibear__column .colum__right .right__toggle.input__initial .lead dd {
      font-size: 0;
      line-height: 0;
      margin-top: 8px;
          }
            .p-naire__unibear__column .colum__right .right__toggle.input__initial .lead dd p {
        border: 1px solid #dcdcdc;
        display: inline-block;
        overflow: hidden;
            }
              .p-naire__unibear__column .colum__right .right__toggle.input__initial .lead dd p img {
          width: auto;
          height: auto;
          max-width: 100%;
              }
        .p-naire__unibear__column .colum__right .right__toggle.input__initial .select {
    margin-top: 30px;
        }
          .p-naire__unibear__column .colum__right .right__toggle.input__initial .select dd {
      margin-top: 8px;
          }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .initial__wrap {
        background-color: #f5f7f8;
        padding: 4px;
        width: 70%;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .initial__select {
        position:relative;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .select dd select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 1000;
        opacity: 0;
        border:0;
        width:100%;
        height:40px;
        font-size: 16px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .select dd .select__text {
        background-color: #ffffff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 14px;
        padding:0 40px 0 20px;
        position:relative;
        text-align: left;
        line-height:38px;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .select dd .select__text.default {
        color: #6c6c6c;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .select dd .select__text:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:40px;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .select dd .select__text:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:17px;
      }

    .p-naire__unibear__column .colum__right .right__toggle.input__mark {
    }
        .p-naire__unibear__column .colum__right .right__toggle.input__mark > p {
    margin-top: 18px;
        }
        .p-naire__unibear__column .colum__right .right__toggle.input__mark .lead {
        }
          .p-naire__unibear__column .colum__right .right__toggle.input__mark .lead dd {
      font-size: 0;
      line-height: 0;
      margin-top: 8px;
          }
            .p-naire__unibear__column .colum__right .right__toggle.input__mark .lead dd p {
        border: 1px solid #dcdcdc;
        display: inline-block;
        overflow: hidden;
            }
              .p-naire__unibear__column .colum__right .right__toggle.input__mark .lead dd p img {
          width: auto;
          height: auto;
          max-width: 100%;
              }
        .p-naire__unibear__column .colum__right .right__toggle.input__mark .select {
    margin-top: 14px;
        }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .mark__wrap {
        background-color: #f5f7f8;
        padding: 4px;
        width: 60%;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .mark__select {
        position:relative;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .select select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 1000;
        opacity: 0;
        border:0;
        width:100%;
        height:40px;
        font-size: 16px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .select .select__text {
        background-color: #ffffff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 14px;
        padding:0 40px 0 20px;
        position:relative;
        text-align: left;
        line-height:38px;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .select .select__text.default {
        color: #6c6c6c;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .select .select__text:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:40px;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .select .select__text:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:17px;
      }

    .p-naire__unibear__column .colum__right .right__toggle.input__date {
    }
        .p-naire__unibear__column .colum__right .right__toggle.input__date > p:nth-of-type(1) {
    margin-top: 8px;
        }
        .p-naire__unibear__column .colum__right .right__toggle.input__date > p:nth-of-type(3) {
    margin-top: 18px;
        }
        .p-naire__unibear__column .colum__right .right__toggle.input__date .select {
        }
        .p-naire__unibear__column .colum__right .right__toggle.input__date .select.date__day {
    margin-top: 18px;
        }
          .p-naire__unibear__column .colum__right .right__toggle.input__date .select dt {
      font-weight: bold;
          }
          .p-naire__unibear__column .colum__right .right__toggle.input__date .select dd {
      margin-top: 5px;
          }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .date__wrap {
        background-color: #f5f7f8;
        padding: 4px;
        width: 70%;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .date__select {
        position:relative;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .select dd select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 1000;
        opacity: 0;
        border:0;
        width:100%;
        height:40px;
        font-size: 16px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .select dd .select__text {
        background-color: #ffffff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 14px;
        padding:0 40px 0 20px;
        position:relative;
        text-align: left;
        line-height:38px;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .select dd .select__text.default {
        color: #6c6c6c;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .select dd .select__text:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:40px;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .select dd .select__text:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:17px;
      }
  .p-naire__unibear__column .colum__right .right__toggle.input__date .input__border {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 8px;
  }
    .p-naire__unibear__column .colum__right .right__toggle.input__date .input__border input {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      border: 4px solid #f5f5f5;
      text-align: center;
      padding: 5px;
      width: 100%;
  }
  .sp_br {
    display: none;
  }

.p-naire__unibear__overlay {
  background-color: rgba(0,0,0,0.19);
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.p-naire__unibear__modal {
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dcdcdc;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 45px 1.56vw 1.56vw 1.56vw;
  width: 96.87vw; /* 620 */
  z-index: 10001;
}
  .p-naire__unibear__modal .modal__close {
    background: url("../images/naire_unibear/btn_modal_close.png") no-repeat;
    background-size: 25px 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 30px;
  }
  .p-naire__unibear__modal .modal__wrap {
    overflow: hidden;
    padding-bottom: 30px;
  }
  .p-naire__unibear__modal .modal__img {
    width: 93.75vw;
    height: 93.75vw;
  }
  .p-naire__unibear__modal p {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
  .p-naire__unibear__modal img {
    width: 100%;
    height: auto;
  }

@media screen and (min-width: 1201px) {
  .p-naire__unibear__column .colum__left p.p-naire__unibear__preview span {
    font-size: 24px;
  }
}
@media screen and (max-width: 800px) {
.p-naire__unibear__title {
  margin-top: 10px;
}
  .p-naire__unibear__title h2 {
    font-size: 4.15vw;
    font-weight: normal;
  }
.p-naire__unibear__column {
  display: block;
  font-size: 3.46vw;
  margin: 10px 0 20px 0;
  width: auto;
}
.p-naire__unibear__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
}
  .p-naire__unibear__btn_preview span {
    background: url("../images/naire_unibear/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 15px;
    display: inline-block;
    padding: 14px 25px;
  }
  .p-naire__unibear__column .p-product-gutter {
    margin: 20px 0 0 0 !important;
  }
  .p-naire__unibear__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__unibear__column .p-product__btngroup--fav {
    margin-top: 20px;
  }
  .p-naire__unibear__column .colum__left {
    display: block;
    vertical-align: top;
    width: auto;
  }
    .p-naire__unibear__column .p-product__gift{
      margin: 0px 0 0;
    }
    .p-naire__unibear__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      padding: 10px 0;
      width: 100%;
      height: auto;
    }
    .p-naire__unibear__column .colum__left dt {
      display: table-cell;
      font-size: 2.42vw;
      /*text-align: center;*/
      vertical-align: middle;
    }
      .p-naire__unibear__column .colum__left dt strong {
        color: #333333;
        font-size: 4.15vw;
        font-weight: normal;
      }
    .p-naire__unibear__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }

    .p-naire__unibear__column .colum__left p {
      font-size: 2.6vw;
      margin-top: 10px;
    }
    .p-naire__unibear__column .colum__left p.p-naire__unibear__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
    .p-naire__unibear__column .colum__left p.p-naire__unibear__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__unibear__column .colum__left p.p-naire__unibear__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__unibear__column .colum__left p.p-naire__unibear__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__unibear__column .colum__left p.p-naire__unibear__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 3.8vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__unibear__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    vertical-align: top;
    padding: 0;
    width: auto;
  }
  .p-naire__unibear__column .colum__right select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:absolute ;
    top: 0px;
    left: 0px;
    zoom:1.1;
    z-index: 1000;
    opacity: 0;
    border:0;
    width:100%;
    height:40px;
    font-size: 16px;
  }
    .p-naire__unibear__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: auto;
    }
    .p-naire__unibear__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      padding: 15px 0;
    }
      .p-naire__unibear__column .colum__right h3 span {
        background: url("../images/naire_unibear/icon_pen.png") left center no-repeat;
        background-size: 20px auto;
        display: inline-block;
        font-size: 5.49vw;
        padding: 0 20px;
      }
      .p-naire__unibear__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 3.6vw;
        margin-top: 5px;
      }
    .p-naire__unibear__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 1px 10px 1px 0;
    }

    .p-naire__unibear__column .colum__right .right__step.input__initial,
    .p-naire__unibear__column .colum__right .right__step.input__mark,
    .p-naire__unibear__column .colum__right .right__step.input__date {
      margin-top: 10.74%;
    }
    .p-naire__unibear__column .colum__right .right__step.input__initial:after,
    .p-naire__unibear__column .colum__right .right__step.input__mark:after,
    .p-naire__unibear__column .colum__right .right__step.input__date:after {
      background: url("../images/naire_unibear/arw_step.png") center center no-repeat;
      background-size: auto 60%;
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      margin-top: -9.74%;
      padding-bottom: 9.74%;
      width: 100%;
      height: auto;
    }
      .p-naire__unibear__column .colum__right .right__step > dl {
        background: url("../images/naire_unibear/icon_step.png") right center no-repeat;
        background-size: 20px auto;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 20px;
        width: 100%;
      }
      .p-naire__unibear__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_unibear/icon_step_close.png") right center no-repeat;
        background-size: 20px auto;
      }
      .p-naire__unibear__column .colum__right .right__step > dl dt {
        border-right: 1px solid #dcdcdc;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 3.12vw;
        width: 7em;
      }
      .p-naire__unibear__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 4vw;
        line-height: 1.4;
        vertical-align: middle;
        padding: 3.12vw;
      }
        .p-naire__unibear__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 2.94vw;
          line-height: 1.2;
          display: none;
        }
    .p-naire__unibear__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      padding: 4.68vw 1.87vw;
    }

    .p-naire__unibear__column .colum__right .right__toggle.input__unibear {
    }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear select {
        display: none;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl {
        position:relative;
  }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:normal;
          overflow:hidden;
          z-index: 4;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt.opened {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
  }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:7.18vw;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:1.25vw solid transparent;
        border-top:1.25vw solid #3b3b3b;
        position: absolute;
        right:2.56vw;
        top:50%;
        margin-top:-0.625vw;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 9px;
  width: 100%;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 9px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt span .photo {
  padding: 0;
        width: 15.15vw;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: 0;
  display: none;
  overflow: hidden;
        position:relative;
  top: 100%;
  left: 0px;
  padding-top: 0;
  width: 100%;
  height: auto;
          z-index: 3;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:1.4vw;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd li:hover,
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd dl {
        display: table;
  width: 100%;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 15.15vw;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__unibear > dl > dd dd {
        display: table-cell;
        font-size: 2.5vw;
  vertical-align: middle;
  padding: 0 3.12vw;
      }

    .p-naire__unibear__column .colum__right .right__toggle.input__initial {
  font-size: 2.81vw;
    }
        .p-naire__unibear__column .colum__right .right__toggle.input__initial > p {
    color: #6c6c6c;
    margin-top: 1.56vw;
        }
        .p-naire__unibear__column .colum__right .right__toggle.input__initial .lead {
        }
          .p-naire__unibear__column .colum__right .right__toggle.input__initial .lead dd {
      font-size: 0;
      line-height: 0;
      margin-top: 1.56vw;
          }
            .p-naire__unibear__column .colum__right .right__toggle.input__initial .lead dd p {
        border: 1px solid #dcdcdc;
        display: inline-block;
        overflow: hidden;
            }
              .p-naire__unibear__column .colum__right .right__toggle.input__initial .lead dd p img {
          width: auto;
          height: auto;
          max-width: 100%;
              }
        .p-naire__unibear__column .colum__right .right__toggle.input__initial .select {
    margin-top: 4.68vw;
        }
          .p-naire__unibear__column .colum__right .right__toggle.input__initial .select dd {
      margin-top: 8px;
          }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .initial__wrap {
        background-color: #ffffff;
        padding: 0;
        width: auto;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .initial__select {
        position:relative;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .select dd select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 1000;
        opacity: 0;
        border:0;
        width:100%;
        height:7.18vw;
        font-size: 16px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .select dd .select__text {
        background-color: #ffffff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .select dd .select__text.default {
        color: #6c6c6c;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .select dd .select__text:before {
                border-left:1px solid #dcdcdc;
                content:"";
                display: block;
                width:7.18vw;
                height:100%;
                background : #f5f7f8;
                border-radius: 0;
                padding:0;
                position: absolute;
                right:0;
                top:0;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__initial .select dd .select__text:after {
                content:"";
                width:0;
                height:0;
                display: block;
                border:1.25vw solid transparent;
                border-top:1.25vw solid #3b3b3b;
                position: absolute;
                right:2.56vw;
                top:50%;
                margin-top:-0.625vw;
      }

    .p-naire__unibear__column .colum__right .right__toggle.input__mark {
  font-size: 2.81vw;
    }
        .p-naire__unibear__column .colum__right .right__toggle.input__mark > p {
    margin-top: 2.81vw;
        }
        .p-naire__unibear__column .colum__right .right__toggle.input__mark .lead {
        }
          .p-naire__unibear__column .colum__right .right__toggle.input__mark .lead dd {
      font-size: 0;
      line-height: 0;
      margin-top: 1.56vw;
          }
            .p-naire__unibear__column .colum__right .right__toggle.input__mark .lead dd p {
        border: 1px solid #dcdcdc;
        display: inline-block;
        overflow: hidden;
            }
              .p-naire__unibear__column .colum__right .right__toggle.input__mark .lead dd p img {
          width: auto;
          height: auto;
          max-width: 100%;
              }
        .p-naire__unibear__column .colum__right .right__toggle.input__mark .select {
    margin-top: 2.81vw;
        }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .mark__wrap {
        background-color: #ffffff;
        padding: 0;
        width: auto;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .mark__select {
        position:relative;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .select select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 1000;
        opacity: 0;
        border:0;
        width:100%;
        height:40px;
        font-size: 16px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .select .select__text {
        background-color: #ffffff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .select .select__text.default {
        color: #6c6c6c;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .select .select__text:before {
                border-left:1px solid #dcdcdc;
                content:"";
                display: block;
                width:7.18vw;
                height:100%;
                background : #f5f7f8;
                border-radius: 0;
                padding:0;
                position: absolute;
                right:0;
                top:0;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__mark .select .select__text:after {
                content:"";
                width:0;
                height:0;
                display: block;
                border:1.25vw solid transparent;
                border-top:1.25vw solid #3b3b3b;
                position: absolute;
                right:2.56vw;
                top:50%;
                margin-top:-0.625vw;
      }

    .p-naire__unibear__column .colum__right .right__toggle.input__date {
  font-size: 2.81vw;
    }
        .p-naire__unibear__column .colum__right .right__toggle.input__date > p:nth-of-type(1) {
    margin-top: 1.56vw;
        }
        .p-naire__unibear__column .colum__right .right__toggle.input__date > p:nth-of-type(3) {
    margin-top: 2.81vw;
        }
        .p-naire__unibear__column .colum__right .right__toggle.input__date .select {
        }
        .p-naire__unibear__column .colum__right .right__toggle.input__date .select.date__day {
    margin-top: 2.81vw;
        }
          .p-naire__unibear__column .colum__right .right__toggle.input__date .select dd {
      margin-top: 5px;
          }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .date__wrap {
        background-color: #ffffff;
        padding: 0;
        width: auto;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .date__select {
        position:relative;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .select dd select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 1000;
        opacity: 0;
        border:0;
        width:100%;
        height:7.18vw;
        font-size: 16px;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .select dd .select__text {
        background-color: #ffffff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .select dd .select__text.default {
        color: #6c6c6c;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .select dd .select__text:before {
                border-left:1px solid #dcdcdc;
                content:"";
                display: block;
                width:7.18vw;
                height:100%;
                background : #f5f7f8;
                border-radius: 0;
                padding:0;
                position: absolute;
                right:0;
                top:0;
      }
      .p-naire__unibear__column .colum__right .right__toggle.input__date .select dd .select__text:after {
                content:"";
                width:0;
                height:0;
                display: block;
                border:1.25vw solid transparent;
                border-top:1.25vw solid #3b3b3b;
                position: absolute;
                right:2.56vw;
                top:50%;
                margin-top:-0.625vw;
      }
  .p-naire__unibear__column .colum__right .right__toggle.input__date .input__border {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 1.56vw;
  }
    .p-naire__unibear__column .colum__right .right__toggle.input__date .input__border input {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      border: 4px solid #f5f5f5;
      font-size:16px;
      text-align: center;
      padding: 0.93vw;
      width: 100%;
      -webkit-appearance : none;
      -webkit-tap-highlight-color : rgba(0,0,0,0);
  }
  .sp_br {
    display: block;
  }
}
.p-naire__unibear__column .colum__left p.p-naire__unibear__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 20px;
    line-height: 1.6em;
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
@media (max-width: 1201px) {
.p-naire__unibear__column .colum__left p.p-naire__unibear__preview span { font-size: 14px; }
}
@media (max-width: 800px) {
.p-naire__unibear__column .colum__left p.p-naire__unibear__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 12px;
    line-height: 1.3em;
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
}

.p-naire__unibear__column .colum__left p.p-naire__unibear__preview img.pvItemDefaultImg
 { max-width: 100%; height: auto; padding: 16% 12% 3%; }

/* 名入れ My First Mickey
********************************************** */
.p-naire__mfm__title {
  margin-top: 0px;
}
  .p-naire__mfm__title h2 {
    font-size: 28px;
    font-weight: normal;
  }
.p-naire__mfm__column {
  display: table;
  font-size: 14px;
  margin: 50px 0;
  width: 100%;
}
.p-naire__mfm__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 65px;
}
  .p-naire__mfm__btn_preview span {
    background: url("../images/naire_mfm/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 16px;
    display: inline-block;
    padding: 20px 25px;
  }
  .p-naire__mfm__column .p-product-gutter {
    margin: 15px 0 0 0 !important;
  }
  .p-naire__mfm__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__mfm__column .p-product__btngroup--fav {
    margin-top: 15px;
  }
  .p-naire__mfm__column .colum__left {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
    .p-naire__mfm__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      width: 100%;
      /*height: 76px;*/
      height: 70px;
    }
    .p-naire__mfm__column .colum__left dt {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
      width:60%;
    }
      .p-naire__mfm__column .colum__left dt strong {
        color: #333333;
        font-size: 24px;
        font-weight: normal;
      }

      .p-naire__mfm__column .colum__left dt.naire_sale span{
        color:#c5002c;
      }
      .p-naire__mfm__column .colum__left dt.naire_sale{
      width:auto;
      }
    .p-naire__mfm__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }
    .p-naire__mfm__column .p-product__gift{
      margin: -10px 0 0;
    }
    .p-naire__mfm__column .p-product__schedule{
      margin: 0 0 10px;
      padding: 20px;
    }
    .p-naire__mfm__column .colum__left p {
      margin-top: 5px;
    }
    .p-naire__mfm__column .colum__left p.p-naire__mfm__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__mfm__column .colum__left p.p-naire__mfm__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__mfm__column .colum__left p.p-naire__mfm__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__mfm__column .colum__left p.p-naire__mfm__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 2vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__mfm__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    padding: 0 20px;
    width: 50%;
  }
    .p-naire__mfm__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: 76px;
    }
    .p-naire__mfm__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
    }
      .p-naire__mfm__column .colum__right h3 span {
        background: url("../images/naire_mfm/icon_pen.png") left 0.1em no-repeat;
        display: inline-block;
        font-size: 24px;
        padding: 0 35px;
      }
      .p-naire__mfm__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 14px;
        margin-top: 5px;
      }
    .p-naire__mfm__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 10px 15px;
    }
    .p-naire__mfm__column .colum__right .right__step.input__name,
    .p-naire__mfm__column .colum__right .right__step.input__leftfoot,
    .p-naire__mfm__column .colum__right .right__step.input__info {
      margin-top: 39px;
    }
    .p-naire__mfm__column .colum__right .right__step.input__name:after,
    .p-naire__mfm__column .colum__right .right__step.input__leftfoot:after,
    .p-naire__mfm__column .colum__right .right__step.input__info:after {
      background: url("../images/naire_mfm/arw_step.png") center 8px no-repeat;
      content: "";
      position: absolute;
      top: -39px;
      left: 0px;
      width: 100%;
      height: 39px;
    }
      .p-naire__mfm__column .colum__right .right__step > dl {
        background: url("../images/naire_mfm/icon_step.png") right center no-repeat;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 30px;
        width: 100%;
      }
      .p-naire__mfm__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_mfm/icon_step_close.png") right center no-repeat;
      }
      .p-naire__mfm__column .colum__right .right__step > dl dt {
        display: table-cell;
        vertical-align: middle;
        width: 7em;
      }
      .p-naire__mfm__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 16px;
        line-height: 27px;
        vertical-align: middle;
      }
        .p-naire__mfm__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 14px;
          line-height: 1.2;
          display: none;
        }
    .p-naire__mfm__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      font-size: 14px;
      padding: 3.92%;
    }
    .p-naire__mfm__column .colum__right .right__toggle .input__imgselect {
    }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect select {
        display: none;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl {
        position:relative;
  }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
        padding:10px 45px 10px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
          overflow:hidden;
          z-index: 2;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:50%;
        margin-top:-3px;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 10px;
  width: 100%;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 10px;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo {
  padding: 0;
        width: 100px;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: -5px;
  display: none;
  overflow: hidden;
        position:absolute;
  top: 100%;
  left: 0px;
  padding-top: 5px;
  width: 100%;
          z-index: 3;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:9px;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd li:hover,
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd dl {
        display: table;
  width: 100%;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 100px;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd dd {
        display: table-cell;
        font-size: 16px;
  vertical-align: middle;
  padding: 4px 24px;
      }

        .p-naire__mfm__column .colum__right .right__toggle .input__selectbox {
    margin-top: 30px;
        }
  .p-naire__mfm__column .colum__right .right__toggle dl:nth-of-type(1).input__selectbox {
    margin-top: 0;
  }
          .p-naire__mfm__column .colum__right .right__toggle .input__selectbox dd {
      margin-top: 8px;
          }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox .box__wrap {
        background-color: #f5f7f8;
        padding: 4px;
        width: 70%;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox .box__select {
        position:relative;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 1000;
        opacity: 0;
        border:0;
        width:100%;
        height:40px;
        font-size: 16px;
        z-index: 2;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox .box__text {
        background-color: #ffffff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 14px;
        padding:0 40px 0 20px;
        position:relative;
        text-align: left;
        line-height:38px;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox .box__text.default {
        color: #6c6c6c;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox .box__text:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:40px;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox .box__text:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:17px;
      }
  .p-naire__mfm__column .colum__right .right__toggle .input__text {
    margin-top: 30px;
  }
  .p-naire__mfm__column .colum__right .right__toggle dl:nth-of-type(1).input__text {
    margin-top: 0;
  }
    .p-naire__mfm__column .colum__right .right__toggle .input__text dt {
      margin-bottom: 8px;
    }
    .p-naire__mfm__column .colum__right .right__toggle .input__text dd {
      border: 1px solid #dcdcdc;
      border-radius: 3px;
      -webkit-border-radius: 3px;
    }
    .p-naire__mfm__column .colum__right .right__toggle .input__text input {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      border: 4px solid #f5f5f5;
      text-align: center;
      padding: 5px;
      width: 100%;
    }

.p-naire__mfm__overlay {
  background-color: rgba(0,0,0,0.19);
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.p-naire__mfm__modal {
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dcdcdc;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 45px 1.56vw 1.56vw 1.56vw;
  width: 96.87vw; /* 620 */
  z-index: 10001;
}
  .p-naire__mfm__modal .modal__close {
    background: url("../images/naire_mfm/btn_modal_close.png") no-repeat;
    background-size: 25px 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 30px;
  }
  .p-naire__mfm__modal .modal__wrap {
    overflow: hidden;
    padding-bottom: 30px;
  }
  .p-naire__mfm__modal .modal__img {
    width: 93.75vw;
    height: 93.75vw;
  }
  .p-naire__mfm__modal p {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
  .p-naire__mfm__modal img {
    width: 100%;
    height: auto;
  }

@media screen and (min-width: 1201px) {
  .p-naire__mfm__column .colum__left p.p-naire__mfm__preview span {
    font-size: 24px;
  }
}
@media screen and (max-width: 800px) {
.p-naire__mfm__title {
  margin-top: 10px;
}
  .p-naire__mfm__title h2 {
    font-size: 4.15vw;
    font-weight: normal;
  }
.p-naire__mfm__column {
  display: block;
  font-size: 3.46vw;
  margin: 10px 0 20px 0;
  width: auto;
}
.p-naire__mfm__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
}
  .p-naire__mfm__btn_preview span {
    background: url("../images/naire_mfm/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 15px;
    display: inline-block;
    padding: 14px 25px;
  }
  .p-naire__mfm__column .p-product-gutter {
    margin: 20px 0 0 0 !important;
  }
  .p-naire__mfm__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__mfm__column .p-product__btngroup--fav {
    margin-top: 20px;
  }
  .p-naire__mfm__column .colum__left {
    display: block;
    vertical-align: top;
    width: auto;
  }
    .p-naire__mfm__column .p-product__gift{
      margin: 0px 0 0;
    }
    .p-naire__mfm__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      padding: 10px 0;
      width: 100%;
      height: auto;
    }
    .p-naire__mfm__column .colum__left dt {
      display: table-cell;
      font-size: 2.42vw;
      /*text-align: center;*/
      vertical-align: middle;
    }
      .p-naire__mfm__column .colum__left dt strong {
        color: #333333;
        font-size: 4.15vw;
        font-weight: normal;
      }
    .p-naire__mfm__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }

    .p-naire__mfm__column .colum__left p {
      font-size: 2.6vw;
      margin-top: 10px;
    }
    .p-naire__mfm__column .colum__left p.p-naire__mfm__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
    .p-naire__mfm__column .colum__left p.p-naire__mfm__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__mfm__column .colum__left p.p-naire__mfm__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__mfm__column .colum__left p.p-naire__mfm__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__mfm__column .colum__left p.p-naire__mfm__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 3.8vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__mfm__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    vertical-align: top;
    padding: 0;
    width: auto;
  }
  .p-naire__mfm__column .colum__right select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:absolute ;
    top: 0px;
    left: 0px;
    zoom:1.1;
    z-index: 1000;
    opacity: 0;
    border:0;
    width:100%;
    height:40px;
    font-size: 16px;
  }
    .p-naire__mfm__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: auto;
    }
    .p-naire__mfm__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      padding: 15px 0;
    }
      .p-naire__mfm__column .colum__right h3 span {
        background: url("../images/naire_mfm/icon_pen.png") left center no-repeat;
        background-size: 20px auto;
        display: inline-block;
        font-size: 5.49vw;
        padding: 0 20px;
      }
      .p-naire__mfm__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 3.6vw;
        margin-top: 5px;
      }
    .p-naire__mfm__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 1px 10px 1px 0;
    }

    .p-naire__mfm__column .colum__right .right__step.input__name,
    .p-naire__mfm__column .colum__right .right__step.input__leftfoot,
    .p-naire__mfm__column .colum__right .right__step.input__info {
      margin-top: 10.74%;
    }
    .p-naire__mfm__column .colum__right .right__step.input__name:after,
    .p-naire__mfm__column .colum__right .right__step.input__leftfoot:after,
    .p-naire__mfm__column .colum__right .right__step.input__info:after {
      background: url("../images/naire_mfm/arw_step.png") center center no-repeat;
      background-size: auto 60%;
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      margin-top: -9.74%;
      padding-bottom: 9.74%;
      width: 100%;
      height: auto;
    }
      .p-naire__mfm__column .colum__right .right__step > dl {
        background: url("../images/naire_mfm/icon_step.png") right center no-repeat;
        background-size: 20px auto;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 20px;
        width: 100%;
      }
      .p-naire__mfm__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_mfm/icon_step_close.png") right center no-repeat;
        background-size: 20px auto;
      }
      .p-naire__mfm__column .colum__right .right__step > dl dt {
        border-right: 1px solid #dcdcdc;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 3.12vw;
        width: 7em;
      }
      .p-naire__mfm__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 4vw;
        line-height: 1.4;
        vertical-align: middle;
        padding: 3.12vw;
      }
        .p-naire__mfm__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 2.94vw;
          line-height: 1.2;
          display: none;
        }
    .p-naire__mfm__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      padding: 4.68vw 1.87vw;
    }

    .p-naire__mfm__column .colum__right .right__toggle .input__imgselect {
    }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect select {
        display: none;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl {
        position:relative;
  }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:normal;
          overflow:hidden;
          z-index: 4;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt.opened {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
  }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:7.18vw;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:1.25vw solid transparent;
        border-top:1.25vw solid #3b3b3b;
        position: absolute;
        right:2.56vw;
        top:50%;
        margin-top:-0.625vw;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 9px;
  width: 100%;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 9px;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo {
  padding: 0;
        width: 15.15vw;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: 0;
  display: none;
  overflow: hidden;
        position:relative;
  top: 100%;
  left: 0px;
  padding-top: 0;
  width: 100%;
          z-index: 3;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:1.4vw;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd li:hover,
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd dl {
        display: table;
  width: 100%;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 15.15vw;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__imgselect > dl > dd dd {
        display: table-cell;
        font-size: 2.5vw;
  vertical-align: middle;
  padding: 0 3.12vw;
      }

        .p-naire__mfm__column .colum__right .right__toggle .input__selectbox {
    margin-top: 4.68vw;
        }
  .p-naire__mfm__column .colum__right .right__toggle dl:nth-of-type(1).input__selectbox {
    margin-top: 0;
  }
          .p-naire__mfm__column .colum__right .right__toggle .input__selectbox dd {
      margin-top: 8px;
          }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox .box__wrap {
        background-color: #ffffff;
        padding: 0;
        width: auto;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox .box__select {
        position:relative;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 2;
        opacity: 0;
        border:0;
        line-height:1.2;
        width:100%;
        height:auto;
        padding:6px 0;
        font-size: 16px;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox .box__text {
        background-color: #ffffff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox .box__text.default {
        color: #6c6c6c;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox .box__text:before {
                border-left:1px solid #dcdcdc;
                content:"";
                display: block;
                width:7.18vw;
                height:100%;
                background : #f5f7f8;
                border-radius: 0;
                padding:0;
                position: absolute;
                right:0;
                top:0;
      }
      .p-naire__mfm__column .colum__right .right__toggle .input__selectbox .box__text:after {
                content:"";
                width:0;
                height:0;
                display: block;
                border:1.25vw solid transparent;
                border-top:1.25vw solid #3b3b3b;
                position: absolute;
                right:2.56vw;
                top:50%;
                margin-top:-0.625vw;
      }
  .p-naire__mfm__column .colum__right .right__toggle .input__text {
    margin-top: 4.68vw;
  }
  .p-naire__mfm__column .colum__right .right__toggle dl:nth-of-type(1).input__text {
    margin-top: 0;
  }
    .p-naire__mfm__column .colum__right .right__toggle .input__text dt {
      margin-bottom: 8px;
    }
    .p-naire__mfm__column .colum__right .right__toggle .input__text dd {
      border: 1px solid #dcdcdc;
      border-radius: 3px;
      -webkit-border-radius: 3px;
    }
    .p-naire__mfm__column .colum__right .right__toggle .input__text input {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      border: 4px solid #f5f5f5;
      font-size:16px;
      text-align: center;
      padding: 0.93vw;
      width: 100%;
      -webkit-appearance : none;
      -webkit-tap-highlight-color : rgba(0,0,0,0);
    }
}
.p-naire__mfm__column .colum__left p.p-naire__mfm__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 20px;
    line-height: 1.6em;
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
@media (max-width: 1201px) {
.p-naire__mfm__column .colum__left p.p-naire__mfm__preview span { font-size: 14px; }
}
@media (max-width: 800px) {
.p-naire__mfm__column .colum__left p.p-naire__mfm__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 12px;
    line-height: 1.3em;
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
}

.p-naire__mfm__column .colum__left p.p-naire__mfm__preview img.pvItemDefaultImg
 { max-width: 100%; height: auto; padding: 16% 12% 3%; }

/* 2017/04/20 パンクズスクロールMOCK
************************************************************ */
.c-breadcrumb__Mock {
  padding: 5px 0;
  border-bottom: 1px solid #DEDEDE;
}
@media (min-width: 801px) {
  .c-breadcrumb__Mock {
    padding: 15px 0;
    border-bottom: none;
  }
}
.c-breadcrumb__Mock .c-breadcrumb__scroll {
  position: relative;
  overflow: hidden;
}
.c-breadcrumb__Mock .c-breadcrumb__scroll img {
  vertical-align: middle;
}
.c-breadcrumb__Mock .c-breadcrumb__scroll ul {
  display: table;
  color: #666666;
  position: absolute;
  top: 0px;
  left: 0px;
}
.c-breadcrumb__Mock .c-breadcrumb__scroll li {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 0 5px 1.5em;
  white-space: nowrap;
}
@media (min-width: 801px) {
  .c-breadcrumb__Mock .c-breadcrumb__scroll li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.c-breadcrumb__Mock .c-breadcrumb__scroll li:before {
  content: '>';
  display: block;
  width: 1.5em;
  position: absolute;
  top: 5px;
  left: 0px;
  text-align: center;
  color: #bbbbbb;
}
.c-breadcrumb__Mock .c-breadcrumb__scroll li:nth-of-type(1) {
  padding-left: 0;
}
.c-breadcrumb__Mock .c-breadcrumb__scroll li:nth-of-type(1):before {
  display: none;
}
.c-breadcrumb__Mock .c-breadcrumb__scroll li:nth-of-type(1) a {
  display: block;
  width: 20px;
}
@media (max-width: 800px) {
  .c-breadcrumb__Mock .c-breadcrumb__scroll li:nth-of-type(1) a {
    width: 12px;
  }
}


/* お気に入りアイコン
******************************************************* */
.l__favorite__wrap {
  display: block;
  position: relative;
}
.l__favorite__icon {
  background: url(../images/common/icon_fav_bg.png) no-repeat;
  background-size: 70% auto;
  background-position: 5px 5px;
  display: block;
  position: absolute;
  right: 2.27%;
  bottom: 2.27%;
  padding-bottom: 30px;
  width: 30px;
}
.l__favorite__icon em {
  display: block;
  position: absolute;
  right: 4px;
  bottom: 4px;
  padding-bottom: 20px;
  width: 20px;
}
.l__favorite__icon .l__favorite__icon-heart {
  background: url(../images/common/icon_fav_off.png) no-repeat;
  background-size: 90% auto;
  opacity: 1;
}
.l__favorite__icon .l__favorite__icon-zoom {
  background: url(../images/common/icon_fav_on.png) no-repeat;
  background-size: 90% auto;
  opacity: 0;
}
.l__favorite__icon .l__favorite__icon-mickey {
  background: url(../images/common/icon_fav_mickey.png) no-repeat;
  background-size: 90% auto;
  opacity: 0;
}
.l__favorite__icon .l__favorite__icon-plus {
  background: url(../images/common/icon_fav_plus.png) no-repeat;
  background-size: 90% auto;
  opacity: 1;
}

.l__favorite__icon.play .l__favorite__icon-heart {
  -webkit-animation: fav_icon_heart 3s linear 0s 1 forwards;
  animation: fav_icon_heart 3s linear 0s 1 forwards;
}
.l__favorite__icon.play .l__favorite__icon-zoom {
  -webkit-animation: fav_icon_zoom 3s linear 0s 1 forwards;
  animation: fav_icon_zoom 3s linear 0s 1 forwards;
}
.l__favorite__icon.play .l__favorite__icon-mickey {
  -webkit-animation: fav_icon_mickey 3s linear 0s 1 forwards;
  animation: fav_icon_mickey 3s linear 0s 1 forwards;
}
.l__favorite__icon.play .l__favorite__icon-plus {
  -webkit-animation: fav_icon_plus2 3s linear 0s 1 forwards;
  animation: fav_icon_plus2 3s linear 0s 1 forwards;
}
.l__favorite__icon.favarited.play .l__favorite__icon-plus {
  -webkit-animation: fav_icon_plus 3s linear 0s 1 forwards;
  animation: fav_icon_plus 3s linear 0s 1 forwards;
}

@-webkit-keyframes fav_icon_heart {
  0% { -webkit-transform: scale(1.0); opacity: 0; }
  66% { -webkit-transform: scale(1.0); opacity: 0; }
  100% { -webkit-transform: scale(1.0); opacity: 1; }
}
@keyframes fav_icon_heart {
  0% { transform: scale(1.0); opacity: 0; }
  66% { transform: scale(1.0); opacity: 0; }
  100% { transform: scale(1.0); opacity: 1; }
}
@-webkit-keyframes fav_icon_zoom {
  0% { -webkit-transform: scale(1.0); opacity: 1; }
  5% { -webkit-transform: scale(1.4); opacity: 1; }
  33% { -webkit-transform: scale(1.0); opacity: 1; }
  66% { -webkit-transform: scale(1.0); opacity: 1; }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}
@keyframes fav_icon_zoom {
  0% { transform: scale(1.0); opacity: 1; }
  5% { transform: scale(1.4); opacity: 1; }
  33% { transform: scale(1.0); opacity: 1; }
  66% { transform: scale(1.0); opacity: 1; }
  100% { transform: scale(1.0); opacity: 0; }
}
@-webkit-keyframes fav_icon_mickey {
  0% { -webkit-transform: scale(1.0); opacity: 0; }
  5% { -webkit-transform: scale(1.0); opacity: 0; }
  33% { -webkit-transform: scale(1.0); opacity: 1; }
  66% { -webkit-transform: scale(1.0); opacity: 1; }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}
@keyframes fav_icon_mickey {
  0% { transform: scale(1.0); opacity: 0; }
  5% { transform: scale(1.0); opacity: 0; }
  33% { transform: scale(1.0); opacity: 1; }
  66% { transform: scale(1.0); opacity: 1; }
  100% { transform: scale(1.0); opacity: 0; }
}
@-webkit-keyframes fav_icon_plus {
  0% { -webkit-transform: scale(1.0); opacity: 1; }
  16% { -webkit-transform: scale(1.0); opacity: 0; }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}
@keyframes fav_icon_plus {
  0% { transform: scale(1.0); opacity: 1; }
  16% { transform: scale(1.0); opacity: 0; }
  100% { transform: scale(1.0); opacity: 0; }
}
@-webkit-keyframes fav_icon_plus2 {
  0% { -webkit-transform: scale(1.0); opacity: 0; }
  84% { -webkit-transform: scale(1.0); opacity: 0; }
  100% { -webkit-transform: scale(1.0); opacity: 1; }
}
@keyframes fav_icon_plus2 {
  0% { transform: scale(1.0); opacity: 0; }
  84% { transform: scale(1.0); opacity: 0; }
  100% { transform: scale(1.0); opacity: 1; }
}

@media (min-width: 801px) {
  .l__favorite__icon {
    padding-bottom: 30px;
    width: 30px;
  }
  .l__favorite__icon em {
    padding-bottom: 20px;
    width: 20px;
  }
  .grid-item-hover .l__favorite__icon {
    right: 4.28%;
    bottom: 9.45%;
    padding-bottom: 30px;
    width: 30px;
  }
  .grid-item-hover .l__favorite__icon em {
    padding-bottom: 20px;
    width: 20px;
  }
  .p-product__bigPhoto__main .l__favorite__icon {
    right: 3.33%;
    bottom: 3.33%;
    padding-bottom: 50px;
    width: 50px;
    z-index: 6;
  }
  .p-product__bigPhoto__main .l__favorite__icon em {
    padding-bottom: 43px;
    width: 43px;
  }
}

@media (max-width: 800px) {
.l__favorite__icon {
    background: url(../images/common/icon_fav_bg.png) no-repeat;
    background-size: 50% auto;
    background-position: 15px 15px;
    display: block;
    position: absolute;
    right: 2.27%;
    bottom: 2.27%;
    padding-bottom: 40px;
    width: 40px;
}


}

.l__favorite__icon.favarited .l__favorite__icon-heart {
  background: url(../images/common/icon_fav_on.png) no-repeat;
  background-size: 90% auto;
}
.l__favorite__icon.favarited .l__favorite__icon-zoom {
  background: url(../images/common/icon_fav_off.png) no-repeat;
  background-size: 90% auto;
}
.l__favorite__icon.favarited .l__favorite__icon-plus {
	opacity: 0;
}

.s__favorite__icon {
  background: url(../images/common/icon_fav_bg.png) no-repeat;
  background-size: 100% auto;
  display: block;
  position: absolute;
  right: 2.27%;
  bottom: 2.27%;
  padding-bottom: 30px;
  width: 30px;
}
.s__favorite__icon em {
  display: block;
  position: absolute;
  right: 9px;
  top: 3px;
  padding-bottom: 40px;
  width: 30px;
}
.s__favorite__icon .l__favorite__icon-heart {
  background: url(../images/common/icon_fav_off.png) no-repeat;
  background-size: 123% auto;
  opacity: 1;
}
.s__favorite__icon .l__favorite__icon-zoom {
  background: url(../images/common/icon_fav_on.png) no-repeat;
  background-size: 123% auto;
  opacity: 0;
}
.s__favorite__icon .l__favorite__icon-mickey {
  background: url(../images/common/icon_fav_mickey.png) no-repeat;
  background-size: 123% auto;
  opacity: 0;
}
.s__favorite__icon .l__favorite__icon-plus {
  background: url(../images/common/icon_fav_plus.png) no-repeat;
  background-size: 123% auto;
  opacity: 1;
}

.s__favorite__icon.play .l__favorite__icon-heart {
  -webkit-animation: fav_icon_heart 3s linear 0s 1 forwards;
  animation: fav_icon_heart 3s linear 0s 1 forwards;
}
.s__favorite__icon.play .l__favorite__icon-zoom {
  -webkit-animation: fav_icon_zoom 3s linear 0s 1 forwards;
  animation: fav_icon_zoom 3s linear 0s 1 forwards;
}
.s__favorite__icon.play .l__favorite__icon-mickey {
  -webkit-animation: fav_icon_mickey 3s linear 0s 1 forwards;
  animation: fav_icon_mickey 3s linear 0s 1 forwards;
}
.s__favorite__icon.play .l__favorite__icon-plus {
  -webkit-animation: fav_icon_plus2 3s linear 0s 1 forwards;
  animation: fav_icon_plus2 3s linear 0s 1 forwards;
}
.s__favorite__icon.favarited.play .l__favorite__icon-plus {
  -webkit-animation: fav_icon_plus 3s linear 0s 1 forwards;
  animation: fav_icon_plus 3s linear 0s 1 forwards;
}

@media (min-width: 801px) {
	.s__favorite__icon {
		padding-bottom: 30px;
		width: 30px;
	}
	.s__favorite__icon em {
		padding-bottom: 25px;
		right: 5px;
		bottom: 5px;
		top: auto;
		width: 25px;
	}
	.grid-item-hover .s__favorite__icon {
		right: 4.28%;
		bottom: 9.45%;
		padding-bottom: 30px;
		width: 30px;
	}
	.grid-item-hover .s__favorite__icon em {
		padding-bottom: 25px;
		right: 5px;
		width: 25px;
	}
	.p-product__bigPhoto__main .s__favorite__icon {
		right: 3.33%;
		bottom: 3.33%;
		padding-bottom: 50px;
		width: 50px;
		z-index: 6;
	}
	.p-product__bigPhoto__main .s__favorite__icon em {
		padding-bottom: 43px;
		width: 43px;
	}
}

.s__favorite__icon.favarited .l__favorite__icon-heart {
  background: url(../images/common/icon_fav_on.png) no-repeat;
  background-size: 123% auto;
}
.s__favorite__icon.favarited .l__favorite__icon-zoom {
  background: url(../images/common/icon_fav_off.png) no-repeat;
  background-size: 123% auto;
}
.s__favorite__icon.favarited .l__favorite__icon-plus {
	opacity: 0;
}

@media (max-width: 800px) {
.s__favorite__icon {
  background-size: 50% auto;
  background-position: 50% 50%; 
  padding-bottom: 0px;
  right: 0%;
  bottom: 0%;
  padding-bottom: 50px;
  padding-right: 50px;
  width: 40px;
}
.s__favorite__icon em {
  left: 13px;
  top: 13px;
  padding-bottom: 30px;
  padding-right: 30x;
  width: 28px;
}
.s__favorite__icon .l__favorite__icon-heart {
  background: url(../images/common/icon_fav_off.png) no-repeat;
  background-size: 90% auto;
  opacity: 1;
}
.s__favorite__icon .l__favorite__icon-zoom {
  background: url(../images/common/icon_fav_on.png) no-repeat;
  background-size: 90% auto;
  opacity: 0;
}
.s__favorite__icon .l__favorite__icon-mickey {
  background: url(../images/common/icon_fav_mickey.png) no-repeat;
  background-size: 90% auto;
  opacity: 0;
}
.s__favorite__icon .l__favorite__icon-plus {
  background: url(../images/common/icon_fav_plus.png) no-repeat;
  background-size: 90% auto;
  opacity: 1;
}

.s__favorite__icon.favarited .l__favorite__icon-heart {
  background: url(../images/common/icon_fav_on.png) no-repeat;
  background-size: 90% auto;
}
.s__favorite__icon.favarited .l__favorite__icon-zoom {
  background: url(../images/common/icon_fav_off.png) no-repeat;
  background-size: 90% auto;
}
.s__favorite__icon.favarited .l__favorite__icon-plus {
	opacity: 0;
}
}
/* 名入マグカップ
********************************************** */
.p-naire__mugcup__title {
  margin-top: 0px;
}
  .p-naire__mugcup__title h2 {
    font-size: 28px;
    font-weight: normal;
  }
.p-naire__mugcup__column {
  display: table;
  font-size: 14px;
  margin: 50px 0;
  width: 100%;
}
.p-naire__mugcup__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 65px;
}
  .p-naire__mugcup__btn_preview span {
    background: url("../images/naire_mugcup/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 16px;
    display: inline-block;
    padding: 20px 25px;
  }
  .p-naire__mugcup__column .p-product-gutter {
    margin: 15px 0 0 0 !important;
  }
  .p-naire__mugcup__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__mugcup__column .p-product__btngroup--fav {
    margin-top: 15px;
  }
  .p-naire__mugcup__column .colum__left {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
    .p-naire__mugcup__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      width: 100%;
      /*height: 76px;*/
      height: 70px;
    }
    .p-naire__mugcup__column .colum__left dt {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
      width:60%;
    }
      .p-naire__mugcup__column .colum__left dt strong {
        color: #333333;
        font-size: 24px;
        font-weight: normal;
      }

      .p-naire__mugcup__column .colum__left dt.naire_sale span{
        color:#c5002c;
      }
      .p-naire__mugcup__column .colum__left dt.naire_sale{
      width:auto;
      }
    .p-naire__mugcup__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }
    .p-naire__mugcup__column .p-product__gift{
      margin: -10px 0 0;
    }
    .p-naire__mugcup__column .p-product__schedule{
      margin: 0 0 10px;
      padding: 20px;
    }
    .p-naire__mugcup__column .colum__left p {
      margin-top: 5px;
    }
    .p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 2vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
    .p-naire__mugcup__column .colum__left p.p-naire__main_img {
      margin: 0 0 10px
    }
  .p-naire__mugcup__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    padding: 0 20px;
    width: 50%;
  }
    .p-naire__mugcup__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: 76px;
    }
    .p-naire__mugcup__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
    }
      .p-naire__mugcup__column .colum__right h3 span {
        background: url("../images/naire_mugcup/icon_pen.png") left 0.1em no-repeat;
        display: inline-block;
        font-size: 24px;
        padding: 0 35px;
      }
      .p-naire__mugcup__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 14px;
        margin-top: 5px;
      }
    .p-naire__mugcup__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 10px 15px;
    }
    .p-naire__mugcup__column .colum__right .right__step.input__character {
      margin-top: 39px;
    }
    .p-naire__mugcup__column .colum__right .right__step.input__character:after {
      background: url("../images/naire_mugcup/arw_step.png") center 8px no-repeat;
      content: "";
      position: absolute;
      top: -39px;
      left: 0px;
      width: 100%;
      height: 39px;
    }
      .p-naire__mugcup__column .colum__right .right__step > dl {
        background: url("../images/naire_mugcup/icon_step.png") right center no-repeat;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 30px;
        width: 100%;
      }
      .p-naire__mugcup__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_mugcup/icon_step_close.png") right center no-repeat;
      }
      .p-naire__mugcup__column .colum__right .right__step > dl dt {
        display: table-cell;
        vertical-align: middle;
        width: 7em;
      }
      .p-naire__mugcup__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 16px;
        line-height: 27px;
        vertical-align: middle;
      }
        .p-naire__mugcup__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 14px;
          line-height: 1.2;
          display: none;
        }
    .p-naire__mugcup__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      font-size: 14px;
      padding: 3.92%;
    }
    .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup {
    }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup select {
        display: none;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl {
        position:relative;
  }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
        padding:10px 45px 10px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
          overflow:hidden;
          z-index: 4;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:50%;
        margin-top:-3px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 10px;
  width: 100%;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 10px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt span .photo {
  padding: 0;
        width: 100px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: -5px;
  display: none;
  overflow: hidden;
        position:absolute;
  top: 100%;
  left: 0px;
  padding-top: 5px;
  width: 100%;
  height: 482px;
          z-index: 3;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:9px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd li:hover,
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd dl {
        display: table;
  width: 100%;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 100px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd dd {
        display: table-cell;
        font-size: 16px;
  vertical-align: middle;
  padding: 4px 24px;
      }

    .p-naire__mugcup__column .colum__right .right__toggle.input__character {
    }

  .p-naire__mugcup__column .colum__right .right__toggle.input__character .input__border {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 8px;
  }
  .p-naire__mugcup__column .colum__right .right__toggle.input__character .input__border input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 4px solid #f5f5f5;
    text-align: center;
    padding: 5px;
    width: 100%;
    ime-mode: disabled;
    margin-bottom: 0px;
  }

  .sp_br {
    display: none;
  }

.p-naire__mugcup__overlay {
  background-color: rgba(0,0,0,0.19);
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.p-naire__mugcup__modal {
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dcdcdc;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 45px 1.56vw 1.56vw 1.56vw;
  width: 96.87vw; /* 620 */
  z-index: 10001;
}
  .p-naire__mugcup__modal .modal__close {
    background: url("../images/naire_mugcup/btn_modal_close.png") no-repeat;
    background-size: 25px 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 30px;
  }
  .p-naire__mugcup__modal .modal__wrap {
    overflow: hidden;
    padding-bottom: 30px;
  }
  .p-naire__mugcup__modal .modal__img {
    width: 93.75vw;
    height: 93.75vw;
  }
  .p-naire__mugcup__modal p {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
  .p-naire__mugcup__modal img {
    width: 100%;
    height: auto;
  }

@media screen and (min-width: 1201px) {
  .p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview span {
    font-size: 24px;
  }
}
@media screen and (max-width: 800px) {
.p-naire__mugcup__title {
  margin-top: 10px;
}
  .p-naire__mugcup__title h2 {
    font-size: 4.15vw;
    font-weight: normal;
  }
.p-naire__mugcup__column {
  display: block;
  font-size: 3.46vw;
  margin: 10px 0 20px 0;
  width: auto;
}
.p-naire__mugcup__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
}
  .p-naire__mugcup__btn_preview span {
    background: url("../images/naire_mugcup/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 15px;
    display: inline-block;
    padding: 14px 25px;
  }
  .p-naire__mugcup__column .p-product-gutter {
    margin: 20px 0 0 0 !important;
  }
  .p-naire__mugcup__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__mugcup__column .p-product__btngroup--fav {
    margin-top: 20px;
  }
  .p-naire__mugcup__column .colum__left {
    display: block;
    vertical-align: top;
    width: auto;
  }
    .p-naire__mugcup__column .p-product__gift{
      margin: 0px 0 0;
    }
    .p-naire__mugcup__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      padding: 10px 0;
      width: 100%;
      height: auto;
    }
    .p-naire__mugcup__column .colum__left dt {
      display: table-cell;
      font-size: 2.42vw;
      /*text-align: center;*/
      vertical-align: middle;
    }
      .p-naire__mugcup__column .colum__left dt strong {
        color: #333333;
        font-size: 4.15vw;
        font-weight: normal;
      }
    .p-naire__mugcup__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }

    .p-naire__mugcup__column .colum__left p {
      font-size: 2.6vw;
      margin-top: 10px;
    }
    .p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
    .p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 3.8vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__mugcup__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    vertical-align: top;
    padding: 0;
    width: auto;
  }
  .p-naire__mugcup__column .colum__right select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:absolute ;
    top: 0px;
    left: 0px;
    zoom:1.1;
    z-index: 1000;
    opacity: 0;
    border:0;
    width:100%;
    height:40px;
    font-size: 16px;
  }
    .p-naire__mugcup__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: auto;
    }
    .p-naire__mugcup__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      padding: 15px 0;
    }
      .p-naire__mugcup__column .colum__right h3 span {
        background: url("../images/naire_mugcup/icon_pen.png") left center no-repeat;
        background-size: 20px auto;
        display: inline-block;
        font-size: 5.49vw;
        padding: 0 20px;
      }
      .p-naire__mugcup__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 3.6vw;
        margin-top: 5px;
      }
    .p-naire__mugcup__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 1px 10px 1px 0;
    }

    .p-naire__mugcup__column .colum__right .right__step.input__initial,
    .p-naire__mugcup__column .colum__right .right__step.input__mark,
    .p-naire__mugcup__column .colum__right .right__step.input__date {
      margin-top: 10.74%;
    }
    .p-naire__mugcup__column .colum__right .right__step.input__initial:after,
    .p-naire__mugcup__column .colum__right .right__step.input__mark:after,
    .p-naire__mugcup__column .colum__right .right__step.input__date:after {
      background: url("../images/naire_mugcup/arw_step.png") center center no-repeat;
      background-size: auto 60%;
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      margin-top: -9.74%;
      padding-bottom: 9.74%;
      width: 100%;
      height: auto;
    }
      .p-naire__mugcup__column .colum__right .right__step > dl {
        background: url("../images/naire_mugcup/icon_step.png") right center no-repeat;
        background-size: 20px auto;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 20px;
        width: 100%;
      }
      .p-naire__mugcup__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_mugcup/icon_step_close.png") right center no-repeat;
        background-size: 20px auto;
      }
      .p-naire__mugcup__column .colum__right .right__step > dl dt {
        border-right: 1px solid #dcdcdc;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 3.12vw;
        width: 7em;
      }
      .p-naire__mugcup__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 4vw;
        line-height: 1.4;
        vertical-align: middle;
        padding: 3.12vw;
      }
        .p-naire__mugcup__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 2.94vw;
          line-height: 1.2;
          display: none;
        }
    .p-naire__mugcup__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      padding: 4.68vw 1.87vw;
    }

    .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup {
    }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup select {
        display: none;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl {
        position:relative;
  }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:normal;
          overflow:hidden;
          z-index: 4;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt.opened {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
  }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:7.18vw;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:1.25vw solid transparent;
        border-top:1.25vw solid #3b3b3b;
        position: absolute;
        right:2.56vw;
        top:50%;
        margin-top:-0.625vw;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 9px;
  width: 100%;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 9px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt span .photo {
  padding: 0;
        width: 15.15vw;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: 0;
  display: none;
  overflow: hidden;
        position:relative;
  top: 100%;
  left: 0px;
  padding-top: 0;
  width: 100%;
  height: auto;
          z-index: 3;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:1.4vw;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd li:hover,
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd dl {
        display: table;
  width: 100%;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 15.15vw;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__mugcup > dl > dd dd {
        display: table-cell;
        font-size: 2.5vw;
  vertical-align: middle;
  padding: 0 3.12vw;
      }

    .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping {
    }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping select {
        display: none;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl {
        position:relative;
  }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
        padding:10px 45px 10px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
          overflow:hidden;
          z-index: 4;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:50%;
        margin-top:-3px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 10px;
  width: 100%;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 10px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt span .photo {
  padding: 0;
        width: 100px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: -5px;
  display: none;
  overflow: hidden;
        position:absolute;
  top: 100%;
  left: 0px;
  padding-top: 5px;
  width: 100%;
  height: 482px;
          z-index: 3;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:9px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd li:hover,
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd dl {
        display: table;
  width: 100%;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 100px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd dd {
        display: table-cell;
        font-size: 16px;
  vertical-align: middle;
  padding: 4px 24px;
      }

   .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping {
    }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping select {
        display: none;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl {
        position:relative;
  }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:normal;
          overflow:hidden;
          z-index: 4;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt.opened {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
  }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:7.18vw;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:1.25vw solid transparent;
        border-top:1.25vw solid #3b3b3b;
        position: absolute;
        right:2.56vw;
        top:50%;
        margin-top:-0.625vw;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 9px;
  width: 100%;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 9px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt span .photo {
  padding: 0;
        width: 15.15vw;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: 0;
  display: none;
  overflow: hidden;
        position:relative;
  top: 100%;
  left: 0px;
  padding-top: 0;
  width: 100%;
  height: auto;
          z-index: 3;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:1.4vw;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd li:hover,
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd dl {
        display: table;
  width: 100%;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 15.15vw;
      }
      .p-naire__mugcup__column .colum__right .right__toggle.input__wrapping > dl > dd dd {
        display: table-cell;
        font-size: 2.5vw;
  vertical-align: middle;
  padding: 0 3.12vw;
      }

  .sp_br {
    display: block;
  }
  .right__step input__wrapping{
      margin-top: 10px;
  }
}
.p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 20px;
    line-height: 1.6em;
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
@media (max-width: 1201px) {
.p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview span { font-size: 14px; }
}
@media (max-width: 800px) {
.p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 12px;
    line-height: 1.3em;
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
}

.p-naire__mugcup__column .colum__left p.p-naire__mugcup__preview img.pvItemDefaultImg
 { max-width: 100%; height: auto; padding: 16% 12% 3%; }

/* 名入れ Pooh
********************************************** */
.p-naire__pooh__title {
  margin-top: 0px;
}
  .p-naire__pooh__title h2 {
    font-size: 28px;
    font-weight: normal;
  }
.p-naire__pooh__column {
  display: table;
  font-size: 14px;
  margin: 50px 0;
  width: 100%;
  table-layout: fixed
}
.p-naire__pooh__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 65px;
}
  .p-naire__pooh__btn_preview span {
    background: url("../images/naire_pooh/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 16px;
    display: inline-block;
    padding: 20px 25px;
  }
  .p-naire__pooh__column .p-product-gutter {
    margin: 15px 0 0 0 !important;
  }
  .p-naire__pooh__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__pooh__column .p-product__btngroup--fav {
    margin-top: 15px;
  }
  .p-naire__pooh__column .colum__left {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
    .p-naire__pooh__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      width: 100%;
      /*height: 76px;*/
      height: 70px;
    }
    .p-naire__pooh__column .colum__left dt {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
      width:60%;
    }
      .p-naire__pooh__column .colum__left dt strong {
        color: #333333;
        font-size: 24px;
        font-weight: normal;
      }

      .p-naire__pooh__column .colum__left dt.naire_sale span{
        color:#c5002c;
      }
      .p-naire__pooh__column .colum__left dt.naire_sale{
      width:auto;
      }
    .p-naire__pooh__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }
    .p-naire__pooh__column .p-product__gift{
      margin: -10px 0 0;
    }
    .p-naire__pooh__column .p-product__schedule{
      margin: 0 0 10px;
      padding: 20px;
    }
    .p-naire__pooh__column .colum__left p {
      margin-top: 5px;
    }
    .p-naire__pooh__column .colum__left p.p-naire__pooh__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__pooh__column .colum__left p.p-naire__pooh__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__pooh__column .colum__left p.p-naire__pooh__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__pooh__column .colum__left p.p-naire__pooh__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 2vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__pooh__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    padding: 0 20px;
    width: 50%;
  }
    .p-naire__pooh__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: 76px;
    }
    .p-naire__pooh__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
    }
      .p-naire__pooh__column .colum__right h3 span {
        background: url("../images/naire_pooh/icon_pen.png") left 0.1em no-repeat;
        display: inline-block;
        font-size: 24px;
        padding: 0 35px;
      }
      .p-naire__pooh__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 14px;
        margin-top: 5px;
      }
    .p-naire__pooh__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 10px 15px;
    }
    .p-naire__pooh__column .colum__right .right__step.input__name,
    .p-naire__pooh__column .colum__right .right__step.input__leftfoot,
    .p-naire__pooh__column .colum__right .right__step.input__info {
      margin-top: 39px;
    }
    .p-naire__pooh__column .colum__right .right__step.input__name:after,
    .p-naire__pooh__column .colum__right .right__step.input__leftfoot:after,
    .p-naire__pooh__column .colum__right .right__step.input__info:after {
      background: url("../images/naire_pooh/arw_step.png") center 8px no-repeat;
      content: "";
      position: absolute;
      top: -39px;
      left: 0px;
      width: 100%;
      height: 39px;
    }
      .p-naire__pooh__column .colum__right .right__step > dl {
        background: url("../images/naire_pooh/icon_step.png") right center no-repeat;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 30px;
        width: 100%;
      }
      .p-naire__pooh__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_pooh/icon_step_close.png") right center no-repeat;
      }
      .p-naire__pooh__column .colum__right .right__step > dl dt {
        display: table-cell;
        vertical-align: middle;
        width: 7em;
      }
      .p-naire__pooh__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 16px;
        line-height: 27px;
        vertical-align: middle;
      }
        .p-naire__pooh__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 14px;
          line-height: 1.2;
          display: none;
        }
    .p-naire__pooh__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      font-size: 14px;
      padding: 3.92%;
    }
    .p-naire__pooh__column .colum__right .right__toggle .input__imgselect {
    }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect select {
        display: none;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl {
        position:relative;
  }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
        padding:10px 45px 10px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
          overflow:hidden;
          z-index: 2;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:50%;
        margin-top:-3px;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 10px;
  width: 100%;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 10px;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo {
  padding: 0;
        width: 100px;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: -5px;
  display: none;
  overflow: hidden;
        position:absolute;
  top: 100%;
  left: 0px;
  padding-top: 5px;
  width: 100%;
          z-index: 3;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:9px;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd li:hover,
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd dl {
        display: table;
  width: 100%;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 100px;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd dd {
        display: table-cell;
        font-size: 16px;
  vertical-align: middle;
  padding: 4px 24px;
      }

        .p-naire__pooh__column .colum__right .right__toggle .input__selectbox {
    margin-top: 30px;
        }
  .p-naire__pooh__column .colum__right .right__toggle dl:nth-of-type(1).input__selectbox {
    margin-top: 0;
  }
          .p-naire__pooh__column .colum__right .right__toggle .input__selectbox dd {
      margin-top: 8px;
          }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox .box__wrap {
        background-color: #f5f7f8;
        padding: 4px;
        width: 70%;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox .box__select {
        position:relative;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 1000;
        opacity: 0;
        border:0;
        width:100%;
        height:40px;
        font-size: 16px;
        z-index: 2;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox .box__text {
        background-color: #ffffff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 14px;
        padding:0 40px 0 20px;
        position:relative;
        text-align: left;
        line-height:38px;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox .box__text.default {
        color: #6c6c6c;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox .box__text:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:40px;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox .box__text:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:17px;
      }
  .p-naire__pooh__column .colum__right .right__toggle .input__text {
    margin-top: 30px;
  }
  .p-naire__pooh__column .colum__right .right__toggle dl:nth-of-type(1).input__text {
    margin-top: 0;
  }
    .p-naire__pooh__column .colum__right .right__toggle .input__text dt {
      margin-bottom: 8px;
    }
    .p-naire__pooh__column .colum__right .right__toggle .input__text dd {
      border: 1px solid #dcdcdc;
      border-radius: 3px;
      -webkit-border-radius: 3px;
    }
    .p-naire__pooh__column .colum__right .right__toggle .input__text input {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      border: 4px solid #f5f5f5;
      text-align: center;
      padding: 5px;
      width: 100%;
    }

.p-naire__pooh__overlay {
  background-color: rgba(0,0,0,0.19);
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.p-naire__pooh__modal {
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dcdcdc;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 45px 1.56vw 1.56vw 1.56vw;
  width: 96.87vw; /* 620 */
  z-index: 10001;
}
  .p-naire__pooh__modal .modal__close {
    background: url("../images/naire_pooh/btn_modal_close.png") no-repeat;
    background-size: 25px 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 30px;
  }
  .p-naire__pooh__modal .modal__wrap {
    overflow: hidden;
    padding-bottom: 30px;
  }
  .p-naire__pooh__modal .modal__img {
    width: 93.75vw;
    height: 93.75vw;
  }
  .p-naire__pooh__modal p {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
  .p-naire__pooh__modal img {
    width: 100%;
    height: auto;
  }

@media screen and (min-width: 1201px) {
  .p-naire__pooh__column .colum__left p.p-naire__pooh__preview span {
    font-size: 24px;
  }
}
@media screen and (max-width: 800px) {
.p-naire__pooh__title {
  margin-top: 10px;
}
  .p-naire__pooh__title h2 {
    font-size: 4.15vw;
    font-weight: normal;
  }
.p-naire__pooh__column {
  display: block;
  font-size: 3.46vw;
  margin: 10px 0 20px 0;
  width: auto;
}
.p-naire__pooh__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
}
  .p-naire__pooh__btn_preview span {
    background: url("../images/naire_pooh/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 15px;
    display: inline-block;
    padding: 14px 25px;
  }
  .p-naire__pooh__column .p-product-gutter {
    margin: 20px 0 0 0 !important;
  }
  .p-naire__pooh__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__pooh__column .p-product__btngroup--fav {
    margin-top: 20px;
  }
  .p-naire__pooh__column .colum__left {
    display: block;
    vertical-align: top;
    width: auto;
  }
    .p-naire__pooh__column .p-product__gift{
      margin: 0px 0 0;
    }
    .p-naire__pooh__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      padding: 10px 0;
      width: 100%;
      height: auto;
    }
    .p-naire__pooh__column .colum__left dt {
      display: table-cell;
      font-size: 2.42vw;
      /*text-align: center;*/
      vertical-align: middle;
    }
      .p-naire__pooh__column .colum__left dt strong {
        color: #333333;
        font-size: 4.15vw;
        font-weight: normal;
      }
    .p-naire__pooh__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }

    .p-naire__pooh__column .colum__left p {
      font-size: 2.6vw;
      margin-top: 10px;
    }
    .p-naire__pooh__column .colum__left p.p-naire__pooh__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
    .p-naire__pooh__column .colum__left p.p-naire__pooh__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__pooh__column .colum__left p.p-naire__pooh__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__pooh__column .colum__left p.p-naire__pooh__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__pooh__column .colum__left p.p-naire__pooh__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 3.8vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__pooh__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    vertical-align: top;
    padding: 0;
    width: auto;
  }
  .p-naire__pooh__column .colum__right select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:absolute ;
    top: 0px;
    left: 0px;
    zoom:1.1;
    z-index: 1000;
    opacity: 0;
    border:0;
    width:100%;
    height:40px;
    font-size: 16px;
  }
    .p-naire__pooh__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: auto;
    }
    .p-naire__pooh__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      padding: 15px 0;
    }
      .p-naire__pooh__column .colum__right h3 span {
        background: url("../images/naire_pooh/icon_pen.png") left center no-repeat;
        background-size: 20px auto;
        display: inline-block;
        font-size: 5.49vw;
        padding: 0 20px;
      }
      .p-naire__pooh__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 3.6vw;
        margin-top: 5px;
      }
    .p-naire__pooh__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 1px 10px 1px 0;
    }

    .p-naire__pooh__column .colum__right .right__step.input__name,
    .p-naire__pooh__column .colum__right .right__step.input__leftfoot,
    .p-naire__pooh__column .colum__right .right__step.input__info {
      margin-top: 10.74%;
    }
    .p-naire__pooh__column .colum__right .right__step.input__name:after,
    .p-naire__pooh__column .colum__right .right__step.input__leftfoot:after,
    .p-naire__pooh__column .colum__right .right__step.input__info:after {
      background: url("../images/naire_pooh/arw_step.png") center center no-repeat;
      background-size: auto 60%;
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      margin-top: -9.74%;
      padding-bottom: 9.74%;
      width: 100%;
      height: auto;
    }
      .p-naire__pooh__column .colum__right .right__step > dl {
        background: url("../images/naire_pooh/icon_step.png") right center no-repeat;
        background-size: 20px auto;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 20px;
        width: 100%;
      }
      .p-naire__pooh__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_pooh/icon_step_close.png") right center no-repeat;
        background-size: 20px auto;
      }
      .p-naire__pooh__column .colum__right .right__step > dl dt {
        border-right: 1px solid #dcdcdc;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 3.12vw;
        width: 7em;
      }
      .p-naire__pooh__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 4vw;
        line-height: 1.4;
        vertical-align: middle;
        padding: 3.12vw;
      }
        .p-naire__pooh__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 2.94vw;
          line-height: 1.2;
          display: none;
        }
    .p-naire__pooh__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      padding: 4.68vw 1.87vw;
    }

    .p-naire__pooh__column .colum__right .right__toggle .input__imgselect {
    }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect select {
        display: none;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl {
        position:relative;
  }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:normal;
          overflow:hidden;
          z-index: 4;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt.opened {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
  }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:7.18vw;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:1.25vw solid transparent;
        border-top:1.25vw solid #3b3b3b;
        position: absolute;
        right:2.56vw;
        top:50%;
        margin-top:-0.625vw;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 9px;
  width: 100%;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 9px;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo {
  padding: 0;
        width: 15.15vw;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: 0;
  display: none;
  overflow: hidden;
        position:relative;
  top: 100%;
  left: 0px;
  padding-top: 0;
  width: 100%;
          z-index: 3;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:1.4vw;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd li:hover,
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd dl {
        display: table;
  width: 100%;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 15.15vw;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd dd {
        display: table-cell;
        font-size: 2.5vw;
  vertical-align: middle;
  padding: 0 3.12vw;
      }

        .p-naire__pooh__column .colum__right .right__toggle .input__selectbox {
    margin-top: 4.68vw;
        }
  .p-naire__pooh__column .colum__right .right__toggle dl:nth-of-type(1).input__selectbox {
    margin-top: 0;
  }
          .p-naire__pooh__column .colum__right .right__toggle .input__selectbox dd {
      margin-top: 8px;
          }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox .box__wrap {
        background-color: #ffffff;
        padding: 0;
        width: auto;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox .box__select {
        position:relative;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 2;
        opacity: 0;
        border:0;
        line-height:1.2;
        width:100%;
        height:auto;
        padding:6px 0;
        font-size: 16px;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox .box__text {
        background-color: #ffffff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox .box__text.default {
        color: #6c6c6c;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox .box__text:before {
                border-left:1px solid #dcdcdc;
                content:"";
                display: block;
                width:7.18vw;
                height:100%;
                background : #f5f7f8;
                border-radius: 0;
                padding:0;
                position: absolute;
                right:0;
                top:0;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__selectbox .box__text:after {
                content:"";
                width:0;
                height:0;
                display: block;
                border:1.25vw solid transparent;
                border-top:1.25vw solid #3b3b3b;
                position: absolute;
                right:2.56vw;
                top:50%;
                margin-top:-0.625vw;
      }
  .p-naire__pooh__column .colum__right .right__toggle .input__text {
    margin-top: 4.68vw;
  }
  .p-naire__pooh__column .colum__right .right__toggle dl:nth-of-type(1).input__text {
    margin-top: 0;
  }
    .p-naire__pooh__column .colum__right .right__toggle .input__text dt {
      margin-bottom: 8px;
    }
    .p-naire__pooh__column .colum__right .right__toggle .input__text dd {
      border: 1px solid #dcdcdc;
      border-radius: 3px;
      -webkit-border-radius: 3px;
    }
    .p-naire__pooh__column .colum__right .right__toggle .input__text input {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      border: 4px solid #f5f5f5;
      font-size:16px;
      text-align: center;
      padding: 0.93vw;
      width: 100%;
      -webkit-appearance : none;
      -webkit-tap-highlight-color : rgba(0,0,0,0);
    }

  .sp_br {
    display: block;
  }
  .right__step input__wrapping{
      margin-top: 10px;
  }

}

.right__naire_none {
 text-align:center;

}
.right__naire_none a {
 font-size:16px;
 margin-bottom:10px;
 color: #c30b31;

}

.p-naire__pooh__column .colum__left p.p-naire__pooh__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 20px;
    line-height: 1.6em;
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
@media (max-width: 1201px) {
.p-naire__pooh__column .colum__left p.p-naire__pooh__preview span { font-size: 14px; }
}
@media (max-width: 800px) {
.p-naire__pooh__column .colum__left p.p-naire__pooh__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 12px;
    line-height: 1.3em;
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
}

.p-naire__pooh__column .colum__left p.p-naire__pooh__preview img.pvItemDefaultImg
 { max-width: 100%; height: auto; padding: 16% 12% 3%; }


.lginpSpace { margin: 20px 0px;}


/* カスタムTシャツ
********************************************** */
.cstm__tshirts__title {
  margin-top: 0px;
}
  .cstm__tshirts__title h2 {
    font-size: 28px;
    font-weight: normal;
  }
.cstm__tshirts__column {
  display: table;
  font-size: 14px;
  margin: 50px 0;
  width: 100%;
  table-layout: fixed
}
.cstm__tshirts__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 65px;
}
  .cstm__tshirts__btn_preview span {
    background: url("../images/naire_pooh/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 16px;
    display: inline-block;
    padding: 20px 25px;
  }
  .cstm__tshirts__column .p-product-gutter {
    margin: 15px 0 0 0 !important;
  }
  .cstm__tshirts__column .btn--cart--lg {
    width: 100%;
  }
  .cstm__tshirts__column .p-product__btngroup--fav {
    margin-top: 15px;
  }
  .cstm__tshirts__column .colum__left {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
    .cstm__tshirts__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      width: 100%;
      /*height: 76px;*/
      height: 70px;
    }
    .cstm__tshirts__column .colum__left dt {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
      width:60%;
    }
      .cstm__tshirts__column .colum__left dt strong {
        color: #333333;
        font-size: 24px;
        font-weight: normal;
      }

      .cstm__tshirts__column .colum__left dt.naire_sale span{
        color:#c5002c;
      }
      .cstm__tshirts__column .colum__left dt.naire_sale{
      width:auto;
      }
    .cstm__tshirts__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }
    .cstm__tshirts__column .p-product__gift{
      margin: -10px 0 0;
    }
    .cstm__tshirts__column .p-product__schedule{
      margin: 0 0 10px;
      padding: 20px;
    }
    .cstm__tshirts__column .colum__left p {
      margin-top: 5px;
    }
    .cstm__tshirts__column .colum__left p.cstm__tshirts__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .cstm__tshirts__column .colum__left p.cstm__tshirts__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .cstm__tshirts__column .colum__left p.cstm__tshirts__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .cstm__tshirts__column .colum__left p.cstm__tshirts__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 2vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .cstm__tshirts__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    padding: 0 20px;
    width: 50%;
  }
    .cstm__tshirts__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: 76px;
    }
    .cstm__tshirts__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
    }
      .cstm__tshirts__column .colum__right h3 span {
        background: url("../images/naire_pooh/icon_pen.png") left 0.1em no-repeat;
        display: inline-block;
        font-size: 24px;
        padding: 0 35px;
      }
      .cstm__tshirts__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 14px;
        margin-top: 5px;
      }
    .cstm__tshirts__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 10px 15px;
    }
    .cstm__tshirts__column .colum__right .right__step.input__bodycolor,
    .cstm__tshirts__column .colum__right .right__step.input__art,
    .cstm__tshirts__column .colum__right .right__step.input__printcolor {
      margin-top: 39px;
    }
    .cstm__tshirts__column .colum__right .right__step.input__bodycolor:after,
    .cstm__tshirts__column .colum__right .right__step.input__art:after,
    .cstm__tshirts__column .colum__right .right__step.input__printcolor:after{
      background: url("../images/naire_pooh/arw_step.png") center 8px no-repeat;
      content: "";
      position: absolute;
      top: -39px;
      left: 0px;
      width: 100%;
      height: 39px;
    }
      .cstm__tshirts__column .colum__right .right__step > dl {
        background: url("../images/naire_pooh/icon_step.png") right center no-repeat;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 30px;
        width: 100%;
      }
      .cstm__tshirts__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_pooh/icon_step_close.png") right center no-repeat;
      }
      .cstm__tshirts__column .colum__right .right__step > dl dt {
        display: table-cell;
        vertical-align: middle;
        width: 7em;
      }
      .cstm__tshirts__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 16px;
        line-height: 27px;
        vertical-align: middle;
      }
        .cstm__tshirts__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 14px;
          line-height: 1.2;
          display: none;
        }
    .cstm__tshirts__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      font-size: 14px;
      padding: 3.92%;
    }
    .cstm__tshirts__column .colum__right .right__toggle .input__imgselect {
    }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect select {
        display: none;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl {
        position:relative;
  }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
        padding:10px 45px 10px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
          overflow:hidden;
          z-index: 2;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt.default {
        color: #dcdcdc;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:50%;
        margin-top:-3px;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 10px;
  width: 100%;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 10px;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo {
  padding: 0;
        width: 100px;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: -5px;
  display: none;
  overflow: hidden;
        position:absolute;
  top: 100%;
  left: 0px;
  padding-top: 5px;
  width: 100%;
          z-index: 3;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:9px;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd li:last-child {
        border-bottom:0px;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd li:hover,
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd dl {
        display: table;
  width: 100%;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 100px;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd dd {
        display: table-cell;
        font-size: 16px;
  vertical-align: middle;
  padding: 4px 24px;
      }

        .cstm__tshirts__column .colum__right .right__toggle .input__selectbox {
    margin-top: 30px;
        }
  .cstm__tshirts__column .colum__right .right__toggle dl:nth-of-type(1).input__selectbox {
    margin-top: 0;
  }
          .cstm__tshirts__column .colum__right .right__toggle .input__selectbox dd {
      margin-top: 8px;
          }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox .box__wrap {
        background-color: #f5f7f8;
        padding: 4px;
        width: 70%;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox .box__select {
        position:relative;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 1000;
        opacity: 0;
        border:0;
        width:100%;
        height:40px;
        font-size: 16px;
        z-index: 2;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox .box__text {
        background-color: #ffffff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 14px;
        padding:0 40px 0 20px;
        position:relative;
        text-align: left;
        line-height:38px;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox .box__text.default {
        color: #6c6c6c;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox .box__text:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:40px;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox .box__text:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:17px;
      }
  .cstm__tshirts__column .colum__right .right__toggle .input__text {
    margin-top: 30px;
  }
  .cstm__tshirts__column .colum__right .right__toggle dl:nth-of-type(1).input__text {
    margin-top: 0;
  }
    .cstm__tshirts__column .colum__right .right__toggle .input__text dt {
      margin-bottom: 8px;
    }
    .cstm__tshirts__column .colum__right .right__toggle .input__text dd {
      border: 1px solid #dcdcdc;
      border-radius: 3px;
      -webkit-border-radius: 3px;
    }
    .cstm__tshirts__column .colum__right .right__toggle .input__text input {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      border: 4px solid #f5f5f5;
      text-align: center;
      padding: 5px;
      width: 100%;
    }

.cstm__tshirts__overlay {
  background-color: rgba(0,0,0,0.19);
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.cstm__tshirts__modal {
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dcdcdc;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 45px 1.56vw 1.56vw 1.56vw;
  width: 96.87vw; /* 620 */
  z-index: 10001;
}
  .cstm__tshirts__modal .modal__close {
    background: url("../images/naire_pooh/btn_modal_close.png") no-repeat;
    background-size: 25px 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 30px;
  }
  .cstm__tshirts__modal .modal__wrap {
    overflow: hidden;
    padding-bottom: 30px;
  }
  .cstm__tshirts__modal .modal__img {
    width: 93.75vw;
    height: 93.75vw;
  }
  .cstm__tshirts__modal p {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
  .cstm__tshirts__modal img {
    width: 100%;
    height: auto;
  }

@media screen and (min-width: 1201px) {
  .cstm__tshirts__column .colum__left p.cstm__tshirts__preview span {
    font-size: 24px;
  }
}
@media screen and (max-width: 800px) {
.cstm__tshirts__title {
  margin-top: 10px;
}
  .cstm__tshirts__title h2 {
    font-size: 4.15vw;
    font-weight: normal;
  }
.cstm__tshirts__column {
  display: block;
  font-size: 3.46vw;
  margin: 10px 0 20px 0;
  width: auto;
}
.cstm__tshirts__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
}
  .cstm__tshirts__btn_preview span {
    background: url("../images/naire_pooh/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 15px;
    display: inline-block;
    padding: 14px 25px;
  }
  .cstm__tshirts__column .p-product-gutter {
    margin: 20px 0 0 0 !important;
  }
  .cstm__tshirts__column .btn--cart--lg {
    width: 100%;
  }
  .cstm__tshirts__column .p-product__btngroup--fav {
    margin-top: 20px;
  }
  .cstm__tshirts__column .colum__left {
    display: block;
    vertical-align: top;
    width: auto;
  }
    .cstm__tshirts__column .p-product__gift{
      margin: 0px 0 0;
    }
    .cstm__tshirts__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      padding: 10px 0;
      width: 100%;
      height: auto;
    }
    .cstm__tshirts__column .colum__left dt {
      display: table-cell;
      font-size: 2.42vw;
      /*text-align: center;*/
      vertical-align: middle;
    }
      .cstm__tshirts__column .colum__left dt strong {
        color: #333333;
        font-size: 4.15vw;
        font-weight: normal;
      }
    .cstm__tshirts__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }

    .cstm__tshirts__column .colum__left p {
      font-size: 2.6vw;
      margin-top: 10px;
    }
    .cstm__tshirts__column .colum__left p.cstm__tshirts__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
    .cstm__tshirts__column .colum__left p.cstm__tshirts__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .cstm__tshirts__column .colum__left p.cstm__tshirts__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .cstm__tshirts__column .colum__left p.cstm__tshirts__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .cstm__tshirts__column .colum__left p.cstm__tshirts__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 3.8vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .cstm__tshirts__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    vertical-align: top;
    padding: 0;
    width: auto;
  }
  .cstm__tshirts__column .colum__right select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:absolute ;
    top: 0px;
    left: 0px;
    zoom:1.1;
    z-index: 1000;
    opacity: 0;
    border:0;
    width:100%;
    height:40px;
    font-size: 16px;
  }
    .cstm__tshirts__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: auto;
    }
    .cstm__tshirts__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      padding: 15px 0;
    }
      .cstm__tshirts__column .colum__right h3 span {
        background: url("../images/naire_pooh/icon_pen.png") left center no-repeat;
        background-size: 20px auto;
        display: inline-block;
        font-size: 5.49vw;
        padding: 0 20px;
      }
      .cstm__tshirts__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 3.6vw;
        margin-top: 5px;
      }
    .cstm__tshirts__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 1px 10px 1px 0;
    }

    .cstm__tshirts__column .colum__right .right__step.input__bodycolor,
    .cstm__tshirts__column .colum__right .right__step.input__art,
    .cstm__tshirts__column .colum__right .right__step.input__printcolor {
      margin-top: 10.74%;
    }
    .cstm__tshirts__column .colum__right .right__step.input__bodycolor:after,
    .cstm__tshirts__column .colum__right .right__step.input__art:after,
    .cstm__tshirts__column .colum__right .right__step.input__printcolor:after {
      background: url("../images/naire_pooh/arw_step.png") center center no-repeat;
      background-size: auto 60%;
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      margin-top: -9.74%;
      padding-bottom: 9.74%;
      width: 100%;
      height: auto;
    }
      .cstm__tshirts__column .colum__right .right__step > dl {
        background: url("../images/naire_pooh/icon_step.png") right center no-repeat;
        background-size: 20px auto;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 20px;
        width: 100%;
      }
      .cstm__tshirts__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_pooh/icon_step_close.png") right center no-repeat;
        background-size: 20px auto;
      }
      .cstm__tshirts__column .colum__right .right__step > dl dt {
        border-right: 1px solid #dcdcdc;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 3.12vw;
        width: 7em;
      }
      .cstm__tshirts__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 4vw;
        line-height: 1.4;
        vertical-align: middle;
        padding: 3.12vw;
      }
        .cstm__tshirts__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 2.94vw;
          line-height: 1.2;
          display: none;
        }
    .cstm__tshirts__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      padding: 4.68vw 1.87vw;
    }

    .cstm__tshirts__column .colum__right .right__toggle .input__imgselect {
    }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect select {
        display: none;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl {
        position:relative;
  }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:normal;
          overflow:hidden;
          z-index: 4;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt.opened {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
  }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt.default {
        color: #dcdcdc;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:7.18vw;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:1.25vw solid transparent;
        border-top:1.25vw solid #3b3b3b;
        position: absolute;
        right:2.56vw;
        top:50%;
        margin-top:-0.625vw;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 9px;
  width: 100%;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 9px;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo {
  padding: 0;
        width: 15.15vw;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: 0;
  display: none;
  overflow: hidden;
        position:relative;
  top: 100%;
  left: 0px;
  padding-top: 0;
  width: 100%;
          z-index: 3;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:1.4vw;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd li:last-child {
        border-bottom:0px;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd li:hover,
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd dl {
        display: table;
  width: 100%;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 15.15vw;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__imgselect > dl > dd dd {
        display: table-cell;
        font-size: 2.5vw;
  vertical-align: middle;
  padding: 0 3.12vw;
      }

        .cstm__tshirts__column .colum__right .right__toggle .input__selectbox {
    margin-top: 4.68vw;
        }
  .cstm__tshirts__column .colum__right .right__toggle dl:nth-of-type(1).input__selectbox {
    margin-top: 0;
  }
          .cstm__tshirts__column .colum__right .right__toggle .input__selectbox dd {
      margin-top: 8px;
          }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox .box__wrap {
        background-color: #ffffff;
        padding: 0;
        width: auto;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox .box__select {
        position:relative;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position:absolute ;
        top: 0px;
        left: 0px;
        zoom:1.1;
        z-index: 2;
        opacity: 0;
        border:0;
        line-height:1.2;
        width:100%;
        height:auto;
        padding:6px 0;
        font-size: 16px;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox .box__text {
        background-color: #ffffff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:nowrap;
          overflow:hidden;
          z-index: 1;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox .box__text.default {
        color: #6c6c6c;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox .box__text:before {
                border-left:1px solid #dcdcdc;
                content:"";
                display: block;
                width:7.18vw;
                height:100%;
                background : #f5f7f8;
                border-radius: 0;
                padding:0;
                position: absolute;
                right:0;
                top:0;
      }
      .cstm__tshirts__column .colum__right .right__toggle .input__selectbox .box__text:after {
                content:"";
                width:0;
                height:0;
                display: block;
                border:1.25vw solid transparent;
                border-top:1.25vw solid #3b3b3b;
                position: absolute;
                right:2.56vw;
                top:50%;
                margin-top:-0.625vw;
      }
  .cstm__tshirts__column .colum__right .right__toggle .input__text {
    margin-top: 4.68vw;
  }
  .cstm__tshirts__column .colum__right .right__toggle dl:nth-of-type(1).input__text {
    margin-top: 0;
  }
    .cstm__tshirts__column .colum__right .right__toggle .input__text dt {
      margin-bottom: 8px;
    }
    .cstm__tshirts__column .colum__right .right__toggle .input__text dd {
      border: 1px solid #dcdcdc;
      border-radius: 3px;
      -webkit-border-radius: 3px;
    }
    .cstm__tshirts__column .colum__right .right__toggle .input__text input {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      border: 4px solid #f5f5f5;
      font-size:16px;
      text-align: center;
      padding: 0.93vw;
      width: 100%;
      -webkit-appearance : none;
      -webkit-tap-highlight-color : rgba(0,0,0,0);
    }
}

/* 名入れ minnie
********************************************** */
.p-naire__minnie__title {
  margin-top: 0px;
}
  .p-naire__minnie__title h2 {
    font-size: 28px;
    font-weight: normal;
  }
.p-naire__minnie__column {
  display: table;
  font-size: 14px;
  margin: 50px 0;
  width: 100%;
  table-layout: fixed
}
.p-naire__minnie__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 65px;
}
  .p-naire__minnie__btn_preview span {
    background: url("../images/naire_minnie/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 16px;
    display: inline-block;
    padding: 20px 25px;
  }
  .p-naire__minnie__column .p-product-gutter {
    margin: 15px 0 0 0 !important;
  }
  .p-naire__minnie__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__minnie__column .p-product__btngroup--fav {
    margin-top: 15px;
  }
  .p-naire__minnie__column .colum__left {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
    .p-naire__minnie__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      width: 100%;
      /*height: 76px;*/
      height: 70px;
    }
    .p-naire__minnie__column .colum__left dt {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
      width:60%;
    }
      .p-naire__minnie__column .colum__left dt strong {
        color: #333333;
        font-size: 24px;
        font-weight: normal;
      }

      .p-naire__minnie__column .colum__left dt.naire_sale span{
        color:#c5002c;
      }
      .p-naire__minnie__column .colum__left dt.naire_sale{
      width:auto;
      }
    .p-naire__minnie__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }
    .p-naire__minnie__column .p-product__gift{
      margin: -10px 0 0;
    }
    .p-naire__minnie__column .p-product__schedule{
      margin: 0 0 10px;
      padding: 20px;
    }
    .p-naire__minnie__column .colum__left p {
      margin-top: 5px;
    }
    .p-naire__minnie__column .colum__left p.p-naire__minnie__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__minnie__column .colum__left p.p-naire__minnie__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__minnie__column .colum__left p.p-naire__minnie__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__minnie__column .colum__left p.p-naire__minnie__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 2vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__minnie__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    padding: 0 20px;
    width: 50%;
  }
    .p-naire__minnie__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: 76px;
    }
    .p-naire__minnie__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
    }
      .p-naire__minnie__column .colum__right h3 span {
        background: url("../images/naire_minnie/icon_pen.png") left 0.1em no-repeat;
        display: inline-block;
        font-size: 24px;
        padding: 0 35px;
      }
      .p-naire__minnie__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 14px;
        margin-top: 5px;
      }
    .p-naire__minnie__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 10px 15px;
    }
    .p-naire__minnie__column .colum__right .right__step.input__rightfoot,
    .p-naire__minnie__column .colum__right .right__step.input__name,
    .p-naire__minnie__column .colum__right .right__step.input__leftfoot,
    .p-naire__minnie__column .colum__right .right__step.input__info {
      margin-top: 39px;
    }
    .p-naire__minnie__column .colum__right .right__step.input__rightfoot:after,
    .p-naire__minnie__column .colum__right .right__step.input__name:after,
    .p-naire__minnie__column .colum__right .right__step.input__leftfoot:after,
    .p-naire__minnie__column .colum__right .right__step.input__info:after {
      background: url("../images/naire_minnie/arw_step.png") center 8px no-repeat;
      content: "";
      position: absolute;
      top: -39px;
      left: 0px;
      width: 100%;
      height: 39px;
    }
      .p-naire__minnie__column .colum__right .right__step > dl {
        background: url("../images/naire_minnie/icon_step.png") right center no-repeat;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 30px;
        width: 100%;
      }
      .p-naire__minnie__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_minnie/icon_step_close.png") right center no-repeat;
      }
      .p-naire__minnie__column .colum__right .right__step > dl dt {
        display: table-cell;
        vertical-align: middle;
        width: 7em;
      }
      .p-naire__minnie__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 16px;
        line-height: 27px;
        vertical-align: middle;
      }
        .p-naire__minnie__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 14px;
          line-height: 1.2;
          display: none;
        }
    .p-naire__minnie__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      font-size: 14px;
      padding: 3.92%;
    }
    .p-naire__minnie__column .colum__right .right__toggle .input__imgselect {
    }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect select {
        display: none;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl {
        position:relative;
	}
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
	cursor: pointer;
        padding:10px 45px 10px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
          overflow:hidden;
          z-index: 2;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:50%;
        margin-top:-3px;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt span {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
        display: table;
	padding: 0 10px;
	width: 100%;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt span em {
        display: table-cell;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 0 10px;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo {
	padding: 0;
        width: 100px;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd {
	background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
	margin-top: -5px;
	display: none;
	overflow: hidden;
        position:absolute;
	top: 100%;
	left: 0px;
	padding-top: 5px;
	width: 100%;
          z-index: 3;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd li {
        border-bottom:1px solid #cccccc;
	cursor: pointer;
        padding:9px;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd li:hover,
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd dl {
        display: table;
	width: 100%;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd dt {
        display: table-cell;
	vertical-align: middle;
	width: 100px;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd dd {
        display: table-cell;
        font-size: 16px;
	vertical-align: middle;
	padding: 4px 24px;
      }

        .p-naire__minnie__column .colum__right .right__toggle .input__selectbox {
		margin-top: 30px;
        }
	.p-naire__minnie__column .colum__right .right__toggle dl:nth-of-type(1).input__selectbox {
		margin-top: 0;
	}
        	.p-naire__minnie__column .colum__right .right__toggle .input__selectbox dd {
			margin-top: 8px;
        	}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox .box__wrap {
				background-color: #f5f7f8;
				padding: 4px;
				width: 70%;
			}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox .box__select {
				position:relative;
			}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox select {
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				position:absolute ;
				top: 0px;
				left: 0px;
 				zoom:1.1;
 				z-index: 1000;
 				opacity: 0;
 				border:0;
 				width:100%;
 				height:40px;
 				font-size: 16px;
				z-index: 2;
			}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox .box__text {
				background-color: #ffffff;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				border:1px solid #dcdcdc;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				font-size: 14px;
 				padding:0 40px 0 20px;
 				position:relative;
				text-align: left;
 				line-height:38px;
 				width:100%;
 				white-space:nowrap;
  				overflow:hidden;
  				z-index: 1;
			}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox .box__text.default {
				color: #6c6c6c;
			}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox .box__text:before {
				border-left:1px solid #dcdcdc;
  				content:"";
  				display: block;
  				width:40px;
  				height:40px;
  				background : #f5f7f8;
  				border-radius: 0;
  				padding:0;
  				position: absolute;
   				right:0;
  				top:0;
			}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox .box__text:after {
				content:"";
				width:0;
				height:0;
				display: block;
				border:4px solid transparent;
				border-top:6px solid #3b3b3b;
				position: absolute;
				right:16px;
				top:17px;
			}
	.p-naire__minnie__column .colum__right .right__toggle .input__text {
		margin-top: 30px;
	}
	.p-naire__minnie__column .colum__right .right__toggle dl:nth-of-type(1).input__text {
		margin-top: 0;
	}
		.p-naire__minnie__column .colum__right .right__toggle .input__text dt {
			margin-bottom: 8px;
		}
		.p-naire__minnie__column .colum__right .right__toggle .input__text dd {
			border: 1px solid #dcdcdc;
			border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		.p-naire__minnie__column .colum__right .right__toggle .input__text input {
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 4px solid #f5f5f5;
			text-align: center;
			padding: 5px;
			width: 100%;
		}

.p-naire__minnie__overlay {
  background-color: rgba(0,0,0,0.19);
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.p-naire__minnie__modal {
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dcdcdc;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 45px 1.56vw 1.56vw 1.56vw;
  width: 96.87vw; /* 620 */
  z-index: 10001;
}
  .p-naire__minnie__modal .modal__close {
    background: url("../images/naire_minnie/btn_modal_close.png") no-repeat;
    background-size: 25px 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 30px;
  }
  .p-naire__minnie__modal .modal__wrap {
    overflow: hidden;
    padding-bottom: 30px;
  }
  .p-naire__minnie__modal .modal__img {
    width: 93.75vw;
    height: 93.75vw;
  }
  .p-naire__minnie__modal p {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
  .p-naire__minnie__modal img {
    width: 100%;
    height: auto;
  }

@media screen and (min-width: 1201px) {
  .p-naire__minnie__column .colum__left p.p-naire__minnie__preview span {
    font-size: 24px;
  }
}
@media screen and (max-width: 800px) {
.p-naire__minnie__title {
  margin-top: 10px;
}
  .p-naire__minnie__title h2 {
    font-size: 4.15vw;
    font-weight: normal;
  }
.p-naire__minnie__column {
  display: block;
  font-size: 3.46vw;
  margin: 10px 0 20px 0;
  width: auto;
}
.p-naire__minnie__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
}
  .p-naire__minnie__btn_preview span {
    background: url("../images/naire_minnie/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 15px;
    display: inline-block;
    padding: 14px 25px;
  }
  .p-naire__minnie__column .p-product-gutter {
    margin: 20px 0 0 0 !important;
  }
  .p-naire__minnie__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__minnie__column .p-product__btngroup--fav {
    margin-top: 20px;
  }
  .p-naire__minnie__column .colum__left {
    display: block;
    vertical-align: top;
    width: auto;
  }
    .p-naire__minnie__column .p-product__gift{
      margin: 0px 0 0;
    }
    .p-naire__minnie__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      padding: 10px 0;
      width: 100%;
      height: auto;
    }
    .p-naire__minnie__column .colum__left dt {
      display: table-cell;
      font-size: 2.42vw;
      /*text-align: center;*/
      vertical-align: middle;
    }
      .p-naire__minnie__column .colum__left dt strong {
        color: #333333;
        font-size: 4.15vw;
        font-weight: normal;
      }
    .p-naire__minnie__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }

    .p-naire__minnie__column .colum__left p {
      font-size: 2.6vw;
      margin-top: 10px;
    }
    .p-naire__minnie__column .colum__left p.p-naire__minnie__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
    .p-naire__minnie__column .colum__left p.p-naire__minnie__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__minnie__column .colum__left p.p-naire__minnie__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__minnie__column .colum__left p.p-naire__minnie__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__minnie__column .colum__left p.p-naire__minnie__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 3.8vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__minnie__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    vertical-align: top;
    padding: 0;
    width: auto;
  }
  .p-naire__minnie__column .colum__right select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:absolute ;
    top: 0px;
    left: 0px;
    zoom:1.1;
    z-index: 1000;
    opacity: 0;
    border:0;
    width:100%;
    height:40px;
    font-size: 16px;
  }
    .p-naire__minnie__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: auto;
    }
    .p-naire__minnie__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      padding: 15px 0;
    }
      .p-naire__minnie__column .colum__right h3 span {
        background: url("../images/naire_minnie/icon_pen.png") left center no-repeat;
        background-size: 20px auto;
        display: inline-block;
        font-size: 5.49vw;
        padding: 0 20px;
      }
      .p-naire__minnie__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 3.6vw;
        margin-top: 5px;
      }
    .p-naire__minnie__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 1px 10px 1px 0;
    }

    .p-naire__minnie__column .colum__right .right__step.input__name,
    .p-naire__minnie__column .colum__right .right__step.input__leftfoot,
    .p-naire__minnie__column .colum__right .right__step.input__info {
      margin-top: 10.74%;
    }
    .p-naire__minnie__column .colum__right .right__step.input__name:after,
    .p-naire__minnie__column .colum__right .right__step.input__leftfoot:after,
    .p-naire__minnie__column .colum__right .right__step.input__info:after {
      background: url("../images/naire_minnie/arw_step.png") center center no-repeat;
      background-size: auto 60%;
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      margin-top: -9.74%;
      padding-bottom: 9.74%;
      width: 100%;
      height: auto;
    }
      .p-naire__minnie__column .colum__right .right__step > dl {
        background: url("../images/naire_minnie/icon_step.png") right center no-repeat;
        background-size: 20px auto;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 20px;
        width: 100%;
      }
      .p-naire__minnie__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_minnie/icon_step_close.png") right center no-repeat;
        background-size: 20px auto;
      }
      .p-naire__minnie__column .colum__right .right__step > dl dt {
        border-right: 1px solid #dcdcdc;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 3.12vw;
        width: 7em;
      }
      .p-naire__minnie__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 4vw;
        line-height: 1.4;
        vertical-align: middle;
        padding: 3.12vw;
      }
        .p-naire__minnie__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 2.94vw;
          line-height: 1.2;
          display: none;
        }
    .p-naire__minnie__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      padding: 4.68vw 1.87vw;
    }

    .p-naire__minnie__column .colum__right .right__toggle .input__imgselect {
    }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect select {
        display: none;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl {
        position:relative;
	}
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:normal;
          overflow:hidden;
          z-index: 4;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt.opened {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
	}
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:7.18vw;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:1.25vw solid transparent;
        border-top:1.25vw solid #3b3b3b;
        position: absolute;
        right:2.56vw;
        top:50%;
        margin-top:-0.625vw;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt span {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
        display: table;
	padding: 0 9px;
	width: 100%;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt span em {
        display: table-cell;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 0 9px;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo {
	padding: 0;
        width: 15.15vw;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd {
	background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
	margin-top: 0;
	display: none;
	overflow: hidden;
        position:relative;
	top: 100%;
	left: 0px;
	padding-top: 0;
	width: 100%;
          z-index: 3;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd li {
        border-bottom:1px solid #cccccc;
	cursor: pointer;
        padding:1.4vw;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd li:hover,
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd dl {
        display: table;
	width: 100%;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd dt {
        display: table-cell;
	vertical-align: middle;
	width: 15.15vw;
      }
      .p-naire__minnie__column .colum__right .right__toggle .input__imgselect > dl > dd dd {
        display: table-cell;
        font-size: 2.5vw;
	vertical-align: middle;
	padding: 0 3.12vw;
      }

        .p-naire__minnie__column .colum__right .right__toggle .input__selectbox {
		margin-top: 4.68vw;
        }
	.p-naire__minnie__column .colum__right .right__toggle dl:nth-of-type(1).input__selectbox {
		margin-top: 0;
	}
        	.p-naire__minnie__column .colum__right .right__toggle .input__selectbox dd {
			margin-top: 8px;
        	}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox .box__wrap {
				background-color: #ffffff;
				padding: 0;
				width: auto;
			}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox .box__select {
				position:relative;
			}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox select {
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				position:absolute ;
				top: 0px;
				left: 0px;
 				zoom:1.1;
 				z-index: 2;
 				opacity: 0;
 				border:0;
				line-height:1.2;
 				width:100%;
 				height:auto;
 				padding:6px 0;
 				font-size: 16px;
			}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox .box__text {
				background-color: #ffffff;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				border:1px solid #dcdcdc;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				font-size: 16px;
 				padding:9px 8.18vw 9px 0;
 				position:relative;
				text-align: center;
 				line-height:1.2;
 				width:100%;
 				white-space:nowrap;
  				overflow:hidden;
  				z-index: 1;
			}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox .box__text.default {
				color: #6c6c6c;
			}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox .box__text:before {
          			border-left:1px solid #dcdcdc;
          			content:"";
          			display: block;
          			width:7.18vw;
          			height:100%;
          			background : #f5f7f8;
          			border-radius: 0;
          			padding:0;
          			position: absolute;
          			right:0;
          			top:0;
			}
			.p-naire__minnie__column .colum__right .right__toggle .input__selectbox .box__text:after {
          			content:"";
          			width:0;
          			height:0;
          			display: block;
          			border:1.25vw solid transparent;
          			border-top:1.25vw solid #3b3b3b;
          			position: absolute;
          			right:2.56vw;
          			top:50%;
          			margin-top:-0.625vw;
			}
	.p-naire__minnie__column .colum__right .right__toggle .input__text {
		margin-top: 4.68vw;
	}
	.p-naire__minnie__column .colum__right .right__toggle dl:nth-of-type(1).input__text {
		margin-top: 0;
	}
		.p-naire__minnie__column .colum__right .right__toggle .input__text dt {
			margin-bottom: 8px;
		}
		.p-naire__minnie__column .colum__right .right__toggle .input__text dd {
			border: 1px solid #dcdcdc;
			border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		.p-naire__minnie__column .colum__right .right__toggle .input__text input {
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 4px solid #f5f5f5;
			font-size:16px;
			text-align: center;
			padding: 0.93vw;
			width: 100%;
			-webkit-appearance : none;
			-webkit-tap-highlight-color : rgba(0,0,0,0);
		}
	.sp_br {
		display: block;
	}
  .right__step input__wrapping{
      margin-top: 10px;
  }

}


.p-naire__minnie__column .colum__left p.p-naire__minnie__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 20px;
    line-height: 1.6em; 
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
@media (max-width: 1201px) {
.p-naire__minnie__column .colum__left p.p-naire__minnie__preview span { font-size: 14px; }
}
@media (max-width: 800px) {
.p-naire__minnie__column .colum__left p.p-naire__minnie__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 12px;
    line-height: 1.3em; 
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
}

.p-naire__minnie__column .colum__left p.p-naire__minnie__preview img.pvItemDefaultImg  
 { max-width: 100%; height: auto; padding: 16% 12% 3%; }
 

/* ラッピンング
********************************************** */
.p-naire__wrapping__title {
  margin-top: 0px;
}
  .p-naire__wrapping__title h2 {
    font-size: 28px;
    font-weight: normal;
  }
.p-naire__wrapping__column {
  display: table;
  font-size: 14px;
  margin: 50px 0;
  width: 100%;
}
.p-naire__wrapping__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 65px;
}
  .p-naire__wrapping__btn_preview span {
    background: url("../images/naire_wrapping/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 16px;
    display: inline-block;
    padding: 20px 25px;
  }
  .p-naire__wrapping__column .p-product-gutter {
    margin: 15px 0 0 0 !important;
  }
  .p-naire__wrapping__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__wrapping__column .p-product__btngroup--fav {
    margin-top: 15px;
  }
  .p-naire__wrapping__column .colum__left {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
    .p-naire__wrapping__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      width: 100%;
      /*height: 76px;*/
      height: 70px;
    }
    .p-naire__wrapping__column .colum__left dt {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
      width:60%;
    }
      .p-naire__wrapping__column .colum__left dt strong {
        color: #333333;
        font-size: 24px;
        font-weight: normal;
      }

      .p-naire__wrapping__column .colum__left dt.naire_sale span{
        color:#c5002c;
      }
      .p-naire__wrapping__column .colum__left dt.naire_sale{
      width:auto;
      }
    .p-naire__wrapping__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }
    .p-naire__wrapping__column .p-product__gift{
      margin: -10px 0 0;
    }
    .p-naire__wrapping__column .p-product__schedule{
      margin: 0 0 10px;
      padding: 20px;
    }
    .p-naire__wrapping__column .colum__left p {
      margin-top: 5px;
    }
    .p-naire__wrapping__column .colum__left p.p-naire__wrapping__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__wrapping__column .colum__left p.p-naire__wrapping__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__wrapping__column .colum__left p.p-naire__wrapping__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__wrapping__column .colum__left p.p-naire__wrapping__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 2vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__wrapping__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    padding: 0 20px;
    width: 50%;
  }
    .p-naire__wrapping__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: 76px;
    }
    .p-naire__wrapping__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
    }
      .p-naire__wrapping__column .colum__right h3 span {
        background: url("../images/naire_wrapping/icon_pen.png") left 0.1em no-repeat;
        display: inline-block;
        font-size: 24px;
        padding: 0 35px;
      }
      .p-naire__wrapping__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 14px;
        margin-top: 5px;
      }
    .p-naire__wrapping__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 10px 15px;
    }
    .p-naire__wrapping__column .colum__right .right__step.input__character {
      margin-top: 39px;
    }
    .p-naire__wrapping__column .colum__right .right__step.input__character:after {
      background: url("../images/naire_wrapping/arw_step.png") center 8px no-repeat;
      content: "";
      position: absolute;
      top: -39px;
      left: 0px;
      width: 100%;
      height: 39px;
    }
      .p-naire__wrapping__column .colum__right .right__step > dl {
        background: url("../images/naire_wrapping/icon_step.png") right center no-repeat;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 30px;
        width: 100%;
      }
      .p-naire__wrapping__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_wrapping/icon_step_close.png") right center no-repeat;
      }
      .p-naire__wrapping__column .colum__right .right__step > dl dt {
        display: table-cell;
        vertical-align: middle;
        width: 7em;
      }
      .p-naire__wrapping__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 16px;
        line-height: 27px;
        vertical-align: middle;
      }
        .p-naire__wrapping__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 14px;
          line-height: 1.2;
          display: none;
        }
    .p-naire__wrapping__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      font-size: 14px;
      padding: 3.92%;
    }
    .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping {
    }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping select {
        display: none;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl {
        position:relative;
  }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
        padding:10px 45px 10px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
          overflow:hidden;
          z-index: 1;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:40px;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:4px solid transparent;
        border-top:6px solid #3b3b3b;
        position: absolute;
        right:16px;
        top:50%;
        margin-top:-3px;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 10px;
  width: 100%;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 10px;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt span .photo {
  padding: 0;
        width: 100px;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: -5px;
  display: none;
  overflow: hidden;
        position:absolute;
  top: 100%;
  left: 0px;
  padding-top: 5px;
  width: 100%;
  height: 482px;
          z-index: 10;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:9px;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd li:hover,
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd dl {
        display: table;
  width: 100%;
  table-layout: fixed;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 100px;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd dd {
        display: table-cell;
        font-size: 16px;
  vertical-align: middle;
  padding: 4px 24px;
      }

    .p-naire__wrapping__column .colum__right .right__toggle.input__character {
    }

  .p-naire__wrapping__column .colum__right .right__toggle.input__character .input__border {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 8px;
  }
  .p-naire__wrapping__column .colum__right .right__toggle.input__character .input__border input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 4px solid #f5f5f5;
    text-align: center;
    padding: 5px;
    width: 100%;
    ime-mode: disabled;
  }

  .sp_br {
    display: none;
  }

.p-naire__wrapping__overlay {
  background-color: rgba(0,0,0,0.19);
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.p-naire__wrapping__modal {
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dcdcdc;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 45px 1.56vw 1.56vw 1.56vw;
  width: 96.87vw; /* 620 */
  z-index: 10001;
}
  .p-naire__wrapping__modal .modal__close {
    background: url("../images/naire_wrapping/btn_modal_close.png") no-repeat;
    background-size: 25px 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 30px;
  }
  .p-naire__wrapping__modal .modal__wrap {
    overflow: hidden;
    padding-bottom: 30px;
  }
  .p-naire__wrapping__modal .modal__img {
    width: 93.75vw;
    height: 93.75vw;
  }
  .p-naire__wrapping__modal p {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
  .p-naire__wrapping__modal img {
    width: 100%;
    height: auto;
  }

@media screen and (min-width: 1201px) {
  .p-naire__wrapping__column .colum__left p.p-naire__wrapping__preview span {
    font-size: 24px;
  }
}
@media screen and (max-width: 800px) {
.p-naire__wrapping__title {
  margin-top: 10px;
}
  .p-naire__wrapping__title h2 {
    font-size: 4.15vw;
    font-weight: normal;
  }
.p-naire__wrapping__column {
  display: block;
  font-size: 3.46vw;
  margin: 10px 0 20px 0;
  width: auto;
}
.p-naire__wrapping__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
}
  .p-naire__wrapping__btn_preview span {
    background: url("../images/naire_wrapping/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 15px;
    display: inline-block;
    padding: 14px 25px;
  }
  .p-naire__wrapping__column .p-product-gutter {
    margin: 20px 0 0 0 !important;
  }
  .p-naire__wrapping__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__wrapping__column .p-product__btngroup--fav {
    margin-top: 20px;
  }
  .p-naire__wrapping__column .colum__left {
    display: block;
    vertical-align: top;
    width: auto;
  }
    .p-naire__wrapping__column .p-product__gift{
      margin: 0px 0 0;
    }
    .p-naire__wrapping__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      padding: 10px 0;
      width: 100%;
      height: auto;
    }
    .p-naire__wrapping__column .colum__left dt {
      display: table-cell;
      font-size: 2.42vw;
      /*text-align: center;*/
      vertical-align: middle;
    }
      .p-naire__wrapping__column .colum__left dt strong {
        color: #333333;
        font-size: 4.15vw;
        font-weight: normal;
      }
    .p-naire__wrapping__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }

    .p-naire__wrapping__column .colum__left p {
      font-size: 2.6vw;
      margin-top: 10px;
    }
    .p-naire__wrapping__column .colum__left p.p-naire__wrapping__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
    .p-naire__wrapping__column .colum__left p.p-naire__wrapping__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__wrapping__column .colum__left p.p-naire__wrapping__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__wrapping__column .colum__left p.p-naire__wrapping__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__wrapping__column .colum__left p.p-naire__wrapping__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 3.8vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__wrapping__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    vertical-align: top;
    padding: 0;
    width: auto;
  }
  .p-naire__wrapping__column .colum__right select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:static;
    zoom:1.1;
    z-index: 1000;
    opacity: 1;
    border:0;
    width:auto;
    height:40px;
    font-size: 16px;
  }
    .p-naire__wrapping__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: auto;
    }
    .p-naire__wrapping__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      padding: 15px 0;
    }
      .p-naire__wrapping__column .colum__right h3 span {
        background: url("../images/naire_wrapping/icon_pen.png") left center no-repeat;
        background-size: 20px auto;
        display: inline-block;
        font-size: 5.49vw;
        padding: 0 20px;
      }
      .p-naire__wrapping__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 3.6vw;
        margin-top: 5px;
      }
    .p-naire__wrapping__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 1px 10px 1px 0;
    }

    .p-naire__wrapping__column .colum__right .right__step.input__initial,
    .p-naire__wrapping__column .colum__right .right__step.input__mark,
    .p-naire__wrapping__column .colum__right .right__step.input__date {
      margin-top: 10.74%;
    }
    .p-naire__wrapping__column .colum__right .right__step.input__initial:after,
    .p-naire__wrapping__column .colum__right .right__step.input__mark:after,
    .p-naire__wrapping__column .colum__right .right__step.input__date:after {
      background: url("../images/naire_wrapping/arw_step.png") center center no-repeat;
      background-size: auto 60%;
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      margin-top: -9.74%;
      padding-bottom: 9.74%;
      width: 100%;
      height: auto;
    }
      .p-naire__wrapping__column .colum__right .right__step > dl {
        background: url("../images/naire_wrapping/icon_step.png") right center no-repeat;
        background-size: 20px auto;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 20px;
        width: 100%;
      }
      .p-naire__wrapping__column .colum__right .right__step.opened > dl {
        background: url("../images/naire_wrapping/icon_step_close.png") right center no-repeat;
        background-size: 20px auto;
      }
      .p-naire__wrapping__column .colum__right .right__step > dl dt {
        border-right: 1px solid #dcdcdc;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 3.12vw;
        width: 7em;
      }
      .p-naire__wrapping__column .colum__right .right__step > dl dd {
        display: table-cell;
        font-size: 4vw;
        line-height: 1.4;
        vertical-align: middle;
        padding: 3.12vw;
      }
        .p-naire__wrapping__column .colum__right .right__step > dl dd small {
          color: #c30a31;
          font-size: 2.94vw;
          line-height: 1.2;
          display: none;
        }
    .p-naire__wrapping__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
      padding: 4.68vw 1.87vw;
    }

    .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping {
    }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping select {
        display: none;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl {
        position:relative;
  }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
        padding:9px 8.18vw 9px 0;
        position:relative;
        text-align: center;
        line-height:1.2;
        width:100%;
        white-space:normal;
          overflow:hidden;
          z-index: 4;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt.opened {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
  }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt.default {
        color: #dcdcdc;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt:before {
        border-left:1px solid #dcdcdc;
          content:"";
          display: block;
          width:7.18vw;
          height:100%;
          background : #f5f7f8;
          border-radius: 0;
          padding:0;
          position: absolute;
          right:0;
          top:0;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt:after {
        content:"";
        width:0;
        height:0;
        display: block;
        border:1.25vw solid transparent;
        border-top:1.25vw solid #3b3b3b;
        position: absolute;
        right:2.56vw;
        top:50%;
        margin-top:-0.625vw;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt span {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
        display: table;
  padding: 0 9px;
  width: 100%;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt span em {
        display: table-cell;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 0 9px;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt span .photo {
  padding: 0;
        width: 15.15vw;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dt span .photo img {
        width: 100%;
        height: auto;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd {
  background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
  margin-top: 0;
  display: none;
  overflow: hidden;
        position:relative;
  top: 100%;
  left: 0px;
  padding-top: 0;
  width: 100%;
  height: auto;
          z-index: 10;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd li {
        border-bottom:1px solid #cccccc;
  cursor: pointer;
        padding:1.4vw;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd li:hover,
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd dl {
        display: table;
  width: 100%;
  table-layout: fixed;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd dt {
        display: table-cell;
  vertical-align: middle;
  width: 15.15vw;
      }
      .p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl > dd dd {
        display: table-cell;
        font-size: 2.5vw;
  vertical-align: middle;
  padding: 0 3.12vw;
      }

  .sp_br {
    display: block;
  }
  .right__step input__wrapping{
      margin-top: 10px;
  }
}

.p-naire__wrapping__column .colum__right .right__toggle.input__wrapping > dl dd { height: auto; }

.sp_thumb_on .p-product__thumb {
    overflow: hidden;
    display: inline-block;
    width: 100%;
}
@media (min-width: 1200px) {
  .sp_thumb_on .p-product__thumb {
    overflow: hidden;
    display: inline-block;
    width: 100%;
  }
}

.right__naire_none {
 text-align:center;

}
.right__naire_none a {
 font-size:16px;
 margin-bottom:10px;
 color: #c30b31;

}

.p-naire__mugcup__column .tote_cartbtn{
 margin: 100px 0 0 0 !important;
}

span.ninew {
    color: #ff0000;
    font-weight: bold;
}

dt span.ninew { width: auto!important; margin: 0; padding: 0!important; display: inline!important; }

.dsc_point__btn li {
  float: left;
}

.dsc-btn-l {
  margin: 10px 0 0 0;
}

@media (min-width: 800px) {
 .dsc-btn-l {
   margin: 0 0 0 20px;
 }
}

.dsc-btn {
  width: 130px;
  background-color: #00B4B6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#16C4C9), to(#00B4B6));
  background-image: -webkit-linear-gradient(top, #16C4C9, #00B4B6);
  background-image: -moz-linear-gradient(top, #16C4C9, #00B4B6);
  background-image: linear-gradient(#16C4C9, #00B4B6);
  text-align: center;
  font-weight: bold;
  height: 40px;
  color: #FFF;
  font-size: 14px;

}

@media (min-width: 801px) {
 .dsc-btn {
   width: 150px;
   background-color: #00B4B6;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#16C4C9), to(#00B4B6));
   background-image: -webkit-linear-gradient(top, #16C4C9, #00B4B6);
   background-image: -moz-linear-gradient(top, #16C4C9, #00B4B6);
   background-image: linear-gradient(#16C4C9, #00B4B6);
   text-align: center;
   font-weight: bold;
   height: 40px;
   color: #FFF;
   font-size: 14px;
 }
}


.p-naire__pooh__column .colum__right .right__toggle.input__size .select__text {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border:1px solid #dcdcdc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 14px;
  padding:0 40px;
  position:relative;
  text-align: center;
  line-height:38px;
  width:100%;
  white-space:nowrap;
    overflow:hidden;
    z-index: 1;
}
.p-naire__pooh__column .colum__right .right__toggle.input__size .select__text.default {
  color: #dcdcdc;
}
.p-naire__pooh__column .colum__right .right__toggle.input__size .select__text:before {
  border-left:1px solid #dcdcdc;
    content:"";
    display: block;
    width:40px;
    height:40px;
    background : #f5f7f8;
    border-radius: 0;
    padding:0;
    position: absolute;
    right:0;
    top:0;
}
.p-naire__pooh__column .colum__right .right__toggle.input__size .select__text:after {
  content:"";
  width:0;
  height:0;
  display: block;
  border:4px solid transparent;
  border-top:6px solid #3b3b3b;
  position: absolute;
  right:16px;
  top:17px;
}

.p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
  padding: 1px;
  height: 556px;
}
.p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll .scroll__inner {
  padding: 0 30px 7.16% 50px;
}
.p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li {
  float: left;
  padding-top: 7.47%;
  width: 25%;
}
.p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li:nth-of-type(4n+1) {
  clear: left;
}
.p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li input {
  position: relative;
  margin: 0 5px 0 0;
  padding: 0;
}
.p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li label {
  cursor: pointer;
  display: block;
  position: relative;
  padding: 0 5px;
}
.p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li label.checked:after {
  background-color: rgba(250,87,87,0.46);
  border: 1px solid #efefef;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li span {
  display: block;
  padding-bottom: 8px;
}
  .p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li span img {
    width: 100%;
    height: auto;
}

.p-naire__pooh__column .colum__right .right__toggle.printcolor select {
  display: none;
}
.p-naire__pooh__column .colum__right .right__toggle.printcolor > dl {
  position:relative;
}
.p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dt {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border:1px solid #dcdcdc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	cursor: pointer;
    padding:10px 45px 10px 0;
    position:relative;
    text-align: center;
    line-height:1.2;
    width:100%;
      overflow:hidden;
      z-index: 4;
  }
  .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dt.default {
    color: #dcdcdc;
  }
  .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dt:before {
    border-left:1px solid #dcdcdc;
    content:"";
    display: block;
    width:40px;
    height:100%;
    background : #f5f7f8;
    border-radius: 0;
    padding:0;
    position: absolute;
    right:0;
    top:0;
  }
    .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dt:after {
      content:"";
      width:0;
      height:0;
      display: block;
      border:4px solid transparent;
      border-top:6px solid #3b3b3b;
      position: absolute;
      right:16px;
      top:50%;
      margin-top:-3px;
    }
    .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dt span {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
      display: table;
	padding: 0 10px;
	width: 100%;
    }
    .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dt span em {
      display: table-cell;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 0 10px;
    }
    .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dt span .none {
      color: #dcdcdc;
      text-align: center;
    }
    .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dt span .photo {
	padding: 0;
      width: 100px;
    }
    .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dt span .photo img {
      width: 100%;
      height: auto;
    }
    .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dd {
	background-color: #f8fafb;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border:1px solid #dcdcdc;
      border-top:0px;
	margin-top: -5px;
	display: none;
	overflow: hidden;
      position:absolute;
	top: 100%;
	left: 0px;
	padding-top: 5px;
	width: 100%;
	height: 482px;
          z-index: 3;
      }
      .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dd li {
        border-bottom:1px solid #cccccc;
	cursor: pointer;
        padding:9px;
      }
      .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dd li:last-child {
        border-bottom:0px;
      }
      .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dd li:hover,
      .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dd li.selected {
        background-color: #ffaa96;
      }
      .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dd dl {
        display: table;
	width: 100%;
      }
      .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dd dt {
        display: table-cell;
	vertical-align: middle;
	width: 100px;
      }
      .p-naire__pooh__column .colum__right .right__toggle.printcolor > dl > dd dd {
        display: table-cell;
        font-size: 16px;
	vertical-align: middle;
	padding: 4px 24px;
      }

.p-naire__overlay {
  background-color: rgba(0,0,0,0.19);
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.p-naire__modal {
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #dcdcdc;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 50px 10px 10px 10px;
  width: 96.53%;
  z-index: 10001;
}
  .p-naire__modal .modal__close {
    background: url("../images/naire_mugcup_i/btn_modal_close.png") no-repeat;
    background-size: 25px 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 30px;
  }
  .p-naire__modal p {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    margin-bottom: -1px;
  }
  .p-naire__modal img {
    width: 100%;
    height: auto;
    padding: 10% 30%;
  }

@media screen and (min-width: 1201px) {
  .p-naire__pooh__column .colum__left p.p-naire__preview span {
    font-size: 24px;
  }
}
@media screen and (max-width: 800px) {
.p-naire__title {
  margin-top: 10px;
}
  .p-naire__title h2 {
    font-size: 4.15vw;
    font-weight: normal;
  }
.p-naire__pooh__column {
  display: block;
  font-size: 3.46vw;
  margin: 10px 0 20px;
  width: auto;
}
.p-naire__btn_preview {
  border: 2px solid #fa8885;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
}
  .p-naire__btn_preview span {
    background: url("../images/naire_mugcup_i/icon_preview.png") right center no-repeat;
    color: #fa8885;
    font-size: 15px;
    display: inline-block;
    padding: 14px 25px;
  }
  .p-naire__pooh__column .p-product-gutter {
    margin: 20px 0 0 0 !important;
  }
  .p-naire__pooh__column .btn--cart--lg {
    width: 100%;
  }
  .p-naire__pooh__column .p-product__btngroup--fav {
    margin-top: 20px;
  }
  .p-naire__pooh__column .colum__left {
    display: block;
    vertical-align: top;
    width: auto;
  }
    .p-naire__pooh__column .p-product__gift{
      margin: 0px 0 0;
    }
    .p-naire__pooh__column .colum__left dl {
      border-top: 1px solid #dcdcdc;
      display: table;
      padding: 10px 0;
      width: 100%;
      height: auto;
    }
    .p-naire__pooh__column .colum__left dt {
      display: table-cell;
      font-size: 2.42vw;
      /*text-align: center;*/
      vertical-align: middle;
    }
      .p-naire__pooh__column .colum__left dt strong {
        color: #333333;
        font-size: 4.15vw;
        font-weight: normal;
      }
    .p-naire__pooh__column .colum__left dd {
      display: table-cell;
      /*text-align: center;*/
      vertical-align: middle;
    }

    .p-naire__pooh__column .colum__left p {
      font-size: 2.6vw;
      margin-top: 10px;
    }
    .p-naire__pooh__column .colum__left p.p-naire__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
    .p-naire__pooh__column .colum__left p.p-naire__preview {
      border: 1px solid #dcdcdc;
      overflow: hidden;
      position: relative;
      margin-top: 0px;
      padding-bottom: 100%;
    }
      .p-naire__pooh__column .colum__left p.p-naire__preview img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
      .p-naire__column .colum__left p.p-naire__preview img.previewImg {
        width: auto;
        height: auto;
        max-width: 86%;
        max-height: 86%;
      }
      .p-naire__pooh__column .colum__left p.p-naire__preview span {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #7c7b7b;
        display: block;
        font-size: 3.8vw;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0 10px;
        width: 100%;
      }
  .p-naire__pooh__column .colum__right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    vertical-align: top;
    padding: 0;
    width: auto;
  }
    .p-naire__pooh__column .colum__right .right__title {
      display: table;
      width: 100%;
      height: auto;
    }
    .p-naire__pooh__column .colum__right h3 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      padding: 15px 0;
    }
      .p-naire__pooh__column .colum__right h3 span {
        background: url("../images/naire_mugcup_i/icon_pen.png") left center no-repeat;
        background-size: 20px auto;
        display: inline-block;
        font-size: 5.49vw;
        padding: 0 20px;
      }
      .p-naire__pooh__column .colum__right h3 small {
        color: #c30a31;
        display: block;
        font-size: 3.6vw;
        margin-top: 5px;
      }
    .p-naire__pooh__column .colum__right .right__step {
      border: 1px solid #dcdcdc;
      cursor: pointer;
      position: relative;
      padding: 1px 10px 1px 0;
    }
    .p-naire__pooh__column .colum__right .right__step.step_2,
    .p-naire__pooh__column .colum__right .right__step.input__printcolor {
      margin-top: 10.74%;
    }
    .p-naire__pooh__column .colum__right .right__step.step_2:after {
      background: url("../images/naire_mugcup_i/arw_step.png") center center no-repeat;
      background-size: auto 60%;
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      margin-top: -9.74%;
      padding-bottom: 9.74%;
      width: 100%;
      height: auto;
    }
@media (max-width: 800px) {
    .p-naire__pooh__column .colum__right .right__step.step_2:after {
      background: url("../images/naire_mugcup_i/arw_step.png") center center no-repeat;
      background-size: auto 60%;
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      padding-bottom: 9.74%;
      width: 100%;
      height: auto;
    }
}
      .p-naire__pooh__column .colum__right .right__step dl {
        background: url("../images/naire_mugcup_i/icon_step.png") right center no-repeat;
        background-size: 20px auto;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: table;
        padding-right: 20px;
        width: 100%;
      }
      .p-naire__pooh__column .colum__right .right__step.opened dl {
        background: url("../images/naire_mugcup_i/icon_step_close.png") right center no-repeat;
        background-size: 20px auto;
      }
      .p-naire__pooh__column .colum__right .right__step dt {
        border-right: 1px solid #dcdcdc;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding: 5px 10px;
        width: 7em;
      }
      .p-naire__pooh__column .colum__right .right__step dd {
        display: table-cell;
        font-size: 4vw;
        line-height: auto;
        vertical-align: middle;
        padding: 10px 10px;
      }
        .p-naire__pooh__column .colum__right .right__step dd small {
          color: #c30a31;
          font-size: 2.94vw;
          line-height: 1.2;
          display: none;
        }
    .p-naire__pooh__column .colum__right .right__toggle {
      border: 1px solid #dcdcdc;
      border-top: 0px;
      display: none;
    }
    .p-naire__pooh__column .colum__right .right__toggle.input__size {
      padding: 8.41% 5px;
    }
      .p-naire__pooh__column .colum__right .right__toggle.input__size select {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
        padding: 2%;
      }
    .p-naire__pooh__column .colum__right .right__toggle.step_2 {
      font-size: 2.68vw;
    }
      .p-naire__pooh__column .colum__right .right__toggle.step_2 .mCSB_scrollTools {
        display: none !important;
      }
      .p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        overflow: visible;
        padding: 0;
        height: auto;
      }
        .p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll .scroll__inner {
          padding: 0 10px 6.54% 10px;
        }
        .p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll ul:after {
          height: 0;
          visibility: hidden;
          content: ".";
          display: block;
          clear: both;
        }
        .p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li {
          float: left;
          padding-top: 6.54%;
          width: 25%;
        }
        .p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li:nth-of-type(4n+1) {
          clear: left;
        }
          .p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li input {
            position: relative;
            margin: 0 5px 0 0;
            padding: 0;
          }
          .p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li label {
            cursor: pointer;
            display: block;
            position: relative;
            padding: 0 5px;
          }
          .p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li label.checked:after {
            background-color: rgba(250,87,87,0.46);
            border: 1px solid #efefef;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
          }
          .p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li span {
            display: block;
            padding-bottom: 8px;
          }
            .p-naire__pooh__column .colum__right .right__toggle.step_2 .toggle__scroll li span img {
              width: 100%;
              height: auto;
            }
    .p-naire__pooh__column .colum__right .right__toggle.input__printcolor {
      font-size: 2.94vw;
    }
      .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__scroll {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        overflow: visible;
        padding: 0;
        height: auto;
      }
      .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .mCSB_scrollTools {
        display: none !important;
      }
        .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__scroll .scroll__inner {
          padding: 6.79% 10px;
        }
        .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__input .input__border {
          border: 1px solid #dcdcdc;
          border-radius: 3px;
          -webkit-border-radius: 3px;
        }
          .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__input .input__border input {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            border: 3px solid #f5f5f5;
            text-align: center;
            padding: 5px 5px;
            width: 100%;
            font-size:16px;
          -webkit-appearance : none;
          -webkit-tap-highlight-color : rgba(0,0,0,0);
        }
        .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__input p {
          margin-top: 5px;
        }
      .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__font {
        margin-top: 6.79%;
      }
        .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__font dd {
          border: 1px solid #dcdcdc;
          font-size: 0;
          line-height: 0;
          text-align: center;
          overflow: hidden;
          margin-top: 5px;
          padding: 10px;

        }
          .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__font dd img {
            width: auto;
            max-width: 100%;
            height: auto;
          }
        .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__font p {
          margin-top: 5px;
        }
      .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__sample {
        margin-top: 6.79%;
      }
        .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__sample dd {
          border: 1px solid #dcdcdc;
          font-size: 0;
          line-height: 0;
          text-align: center;
          overflow: hidden;
          margin-top: 5px;
        }
          .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__sample dd img {
            width: auto;
            max-width: 100%;
            height: auto;
          }
        .p-naire__pooh__column .colum__right .right__toggle.input__printcolor .toggle__sample p {
          margin-top: 5px;
        }
}

.p-naire__pooh__column .colum__left p.p-naire__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 20px;
    line-height: 1.6em; 
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
@media (max-width: 1201px) {
.p-naire__pooh__column .colum__left p.p-naire__preview span { font-size: 14px; }
}
@media (max-width: 800px) {
.p-naire__pooh__column .colum__left p.p-naire__preview span {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7c7b7b;
    display: block;
    font-size: 12px;
    line-height: 1.3em; 
    text-align: center;
    position: absolute;
    top: 1%;
    left: 0px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0 10px;
    width: 100%;
}
}

.p-naire__pooh__column .colum__left p.p-naire__preview img.pvItemDefaultImg  
 { max-width: 100%; height: auto; padding: 16% 12% 3%; }
 
.naire__schedule{margin: 30px 0 -10px 0; padding:0; background-color: #fff;}
.naire_for_SP{display:block;}
.naire_for_PC{display:none;}
@media (min-width: 801px) {
.naire__schedule{margin: 30px 0 -50px;}
.naire_for_SP{display:none;}
.naire_for_PC{ display:block;}
}

      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect select {
        display: none;
      }
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl {
        position:relative;
	}
      
      .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt.opened {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
	}

     .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dt span .none {
        color: #dcdcdc;
        text-align: center;
      }

     .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd {
	background-color: #f8fafb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border:1px solid #dcdcdc;
        border-top:0px;
	margin-top: 0;
	display: none;
	overflow: hidden;
        position:relative;
	top: 100%;
	left: 0px;
	padding-top: 0;
	width: 100%;
          z-index: 3;
      }
     .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd li:last-child {
        border-bottom:0px;
      }
     .p-naire__pooh__column .colum__right .right__toggle .input__imgselect > dl > dd dl {
        display: table;
	width: 100%;
      }
       .p-naire__pooh__column .colum__right .right__toggle .input__selectbox {
		margin-top: 4.68vw;
        }

.p-naire__pooh__column .colum__right .right__step.input__printcolor:after:not(.t_shirts_model) {
  background: url("../images/naire_mugcup_i/arw_step.png") center 8px no-repeat;
  content: "";
  position: absolute;
  top: -35px;
  left: 0px;
  width: 100%;
  height: 39px;
}
.p-naire__pooh__column .colum__right .right__step.step_2:after {
  background: url("../images/naire_mugcup_i/arw_step.png") center 8px no-repeat;
  content: "";
  position: absolute;
  top: -35px;
  left: 0px;
  width: 100%;
  height: 39px;
}
@media (max-width: 801px) {
.p-naire__pooh__column .colum__right .right__step.step_2:after {
  background: url("../images/naire_mugcup_i/arw_step.png") center 8px no-repeat;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 39px;
}
}
  @media (min-width: 1200px) {
  .u-order-gutter .c-carousel__detail2 {
    width: 97%;
      }
}

  @media (max-width: 1199px) and (min-width: 801px) {
  .u-order-gutter .c-carousel__detail2 {
    width: 98% !important;
      }
}

  @media (max-width: 800px) {
  .u-order-gutter  {
    margin-top: 40px !important;
      }
}

body .wrapper{
    box-shadow : none;
    -webkit-box-shadow : none;
}

.p-top-movie4 {
    display: table;
    margin: 0 5px;
    width: calc(100% - 10px);
  }

.p-top-movie4 .p-top-movie__iframe{
    padding: 60% 0 0 0;
  }

@media (min-width: 801px) {
  .p-top-movie4 {
    width: auto;
    margin: 0 -10px  20px;
  }
  .p-top-movie4>div{
   border: none;
    display: table-cell;
    width: 25%;
    padding: 0 10px;
    vertical-align: top;
    margin: 0;
  }
}
@media (max-width: 801px) {
  .p-top-movie4 {
    display:flex;
    flex-wrap: wrap;
  }
 .p-top-movie4>div{
   width: 50%;
    margin: 0 0 15px 0;
    border: none;
    padding: 0 5px;
    vertical-align: top;
  }
}



.desktop .l-cart__taxtotal .taxtotal {
  float: right ;
  font-weight: normal;
  line-height: 20px;
  font-size: 1.3rem;
}

.desktop .l-cart__taxtotal {
  background: #FFF;
  border-bottom: 1px solid #ddd;
  position: relative;
  height: 80px;
  line-height: 25px;
}

.desktop .l-cart__taxtotal p {
  padding: 8px;
}

.desktop .tax_item {
 display: inline-block;
 vertical-align: middle;
}

.desktop .tax_amt {
 display: inline-block;
 vertical-align: middle;
}

.tablet .l-cart__taxtotal {
  background: #FFF;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.tablet .l-cart__taxtotal p {
  color: #333;
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.tablet .l-cart__taxtotal p:first-child {
  float: left;
}

.tablet .l-cart__taxtotal p:last-child {
  float: right;
  font-weight: bold;
}

.tablet .l-cart__taxtotal .taxtotal {
  float: right ;
  font-weight: normal;
  line-height: 20px;
  font-size: 1.2rem;
}


.tablet .l-cart__taxtotal {
  background: #FFF;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.tablet .l-cart__taxtotal p {
  color: #333;
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.tablet .l-cart__taxtotal p:first-child {
  float: left;
}

.tablet .l-cart__taxtotal p:last-child {
  float: right;
  font-weight: bold;
}

.tablet .l-cart__taxtotal p:last-child span {
  margin-left: 3px;
}

.tablet .l-cart__taxtotal .taxtotal {
  float: right ;
  font-weight: normal;
  line-height: 20px;
  font-size: 1.1rem;
  text-align: right;
}

.tablet .l-cart__taxtotal .totalprice {
  float: right;
  font-weight: bold;
}

.tablet .tax_item {
 display: inline-block;
 vertical-align: middle;
}

.tablet .tax_amt {
 display: inline-block;
 vertical-align: middle;
}


.mobile .l-cart__taxtotal {
  background: #FFF;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.mobile .l-cart__taxtotal p {
  color: #333;
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.mobile .l-cart__taxtotal p:first-child {
  float: left;
}

.mobile .l-cart__taxtotal p:last-child {
  float: right;
  font-weight: bold;
}

.mobile .l-cart__taxtotal p:last-child span {
  margin-left: 3px;
}

.mobile .l-cart__taxtotal .taxtotal {
  float: right ;
  font-weight: normal;
  font-size: 1.1rem;
  text-align: right;
}

.mobile .l-cart__taxtotal .totalprice {
  float: right;
  font-weight: bold;
}

.mobile .tax_item {
 display: inline-block;
 vertical-align: middle;
}

.mobile .tax_amt {
 display: inline-block;
 vertical-align: middle;
 margin-left: 3px;
}

.p-product__number {
 color: #545454;
 line-height: 1.8;
 font-size: 13px;
 font-size: 1.3rem;
}