@charset "utf-8";



@layer MXCORP-CSS-LAYER-reset, MXCORP-CSS-LAYER-base, MXCORP-CSS-LAYER-zoning;



/* ------------------------------------------
             Custom-Properties
------------------------------------------ */

html {

    /* ----- font-size ---------- */
    --MXCORPVAR-BASE-FONT-SIZE--root: 62.5%;
    --MXCORPVAR-BASE-WEBKIT-TEXT-SIZE-ADJUST--normal: 100%;

    --MXCORPVAR-BASE-FONT-SIZE--heading-large: 2rem;
    --MXCORPVAR-BASE-FONT-SIZE--heading-normal: 1.8rem;
    --MXCORPVAR-BASE-FONT-SIZE--heading-small: 1.6rem;
    --MXCORPVAR-BASE-FONT-SIZE--heading-minimum: 1.4rem;
    --MXCORPVAR-BASE-FONT-SIZE--large: 1.8rem;
    --MXCORPVAR-BASE-FONT-SIZE--normal: 1.6rem;
    --MXCORPVAR-BASE-FONT-SIZE--small: 1.4rem;
    --MXCORPVAR-BASE-FONT-SIZE--minimum: 1.2rem;
}



/* ------------------------------------------
                  Reset
------------------------------------------ */

@layer MXCORP-CSS-LAYER-reset {

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


}  /* --- / at layer MXCORP-CSS-LAYER-reset --- */


/* ------------------------------------------
                  Base (all)
------------------------------------------ */

@layer MXCORP-CSS-LAYER-base {

html {
  position: relative;
  min-height: 100%;
  font-family: sans-serif;
  text-autospace: no-autospace;
}

div, p, li, dt, dd, th, td, section, article, aside, label {
  word-break: break-all;
  word-wrap: break-word;
}

img {
  vertical-align: bottom;
  max-width: 100%;
}

a:any-link {
  text-decoration: none;
}

}  /* --- / at layer MXCORP-CSS-LAYER-base --- */


/* ------------------------------------------
                  Base (narrow)
------------------------------------------ */

@media screen and (max-width:768.98px) and (orientation: portrait),
       screen and (max-width:926.98px) and (orientation: landscape) {

@layer MXCORP-CSS-LAYER-base {

/* ----- base ----- */
html {
  -webkit-text-size-adjust: 100%;
}

}  /* --- / at layer MXCORP-CSS-LAYER-base --- */

}  /* --- / at media for narrow --- */


/* ------------------------------------------
                  Base (wide)
------------------------------------------ */

@media screen and (min-width:769px) and (orientation: portrait),
       screen and (min-width:927px) and (orientation: landscape) {

@layer MXCORP-CSS-LAYER-base {


}  /* --- / at layer MXCORP-CSS-LAYER-base --- */

}  /* --- / at media for wide --- */




/* ------------------------------------------
                  Icon-Font : source
------------------------------------------ */

/* original-by and powered-by : https://themify.me/themify-icons */

@font-face {
	font-family: 'themify';
	src:url('/https/sns.mixi.co.jp/fonts/themify/themify.eot?-fvbane');
	src:url('/https/sns.mixi.co.jp/fonts/themify/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('/fonts/themify/themify.woff?-fvbane') format('woff'),
		url('/fonts/themify/themify.ttf?-fvbane') format('truetype'),
		url('/fonts/themify/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}


@layer MXCORP-CSS-LAYER-base {

[class^="ti-"],
[class*=" ti-"] {
	font-family: 'themify';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

}  /* --- / at layer MXCORP-CSS-LAYER-base --- */


/* ------------------------------------------
                  Icon-Font : use-codes
------------------------------------------ */

@layer MXCORP-CSS-LAYER-base {

.ti-layers:before {
	content: "\e62f";
}

}  /* --- / at layer MXCORP-CSS-LAYER-base --- */




/* ------------------------------------------
                  Zoning (narrow)
------------------------------------------ */

@media screen and (max-width:768.98px) and (orientation: portrait),
       screen and (max-width:926.98px) and (orientation: landscape) {

@layer MXCORP-CSS-LAYER-zoning {

/* ----- MXCORP-UI-BodyMain01 ----- */
.MXCORP-UI-BodyMain01{
  padding-bottom:282px;
}


/* ----- MXCORP-UI-Header01 ----- */
.MXCORP-UI-Header01{
  width:100%;
  min-height:56px;
  border-bottom:1px solid #d9d9d9;
}

.MXCORP-UI-Header01__body{
  box-sizing:border-box;
  position:relative;
  padding:8px 5px;
  background-color:#fff;
}


/* ----- MXCORP-UI-Footer01 ----- */
.MXCORP-UI-Footer01{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:280px;
  border-top:1px solid #d9d9d9;
  background:#f9f9f9;
}

.MXCORP-UI-Footer01__body{
  padding:5px 30px 20px;
}


/* ----- MXCORP-UI-ContentTop01 ----- */
.MXCORP-UI-ContentTop01{
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(253, 244, 229, .43)), to(rgba(255,255,255,1)));
  background:-webkit-linear-gradient(top, rgba(253, 244, 229, .43) 0, rgba(255,255,255,1) 100%);
  background:linear-gradient(to bottom, rgba(253,244,229,.43) 0%, rgba(255,255,255,1) 100%);
  background-repeat:repeat-x;
  background-position:0 0;
  -webkit-background-size:1px 100px;
  background-size:1px 100px;
}

.MXCORP-VAR-PageCategory01--pageHome .MXCORP-UI-ContentTop01{
  background-image:none;
}

.MXCORP-UI-ContentTop01__body{
}


/* ----- MXCORP-UI-ContentMain01 ----- */
.MXCORP-UI-ContentMain01{
}

.MXCORP-UI-ContentMain01__body{
  margin:0 15px;
  padding:0 0 50px;
}


}  /* --- / at layer MXCORP-CSS-LAYER-zoning --- */

}  /* --- / at media for narrow --- */


/* ------------------------------------------
                  Zoning (wide)
------------------------------------------ */

@media screen and (min-width:769px) and (orientation: portrait),
       screen and (min-width:927px) and (orientation: landscape) {

@layer MXCORP-CSS-LAYER-zoning {

/* ----- MXCORP-UI-BodyMain01 ----- */
.MXCORP-UI-BodyMain01{
  width:100%;
  min-width:1200px;
}


/* ----- MXCORP-UI-Header01 ----- */
.MXCORP-UI-Header01{
  width:100%;
  border-bottom:1px solid #d9d9d9;
}

.MXCORP-UI-Header01__body{
  position:relative;
  width:1120px;
  margin:0 auto;
  padding:0 40px;
}


/* ----- MXCORP-UI-Footer01 ----- */
.MXCORP-UI-Footer01{
  width:100%;
  height:149px;
  border-top:1px solid #d9d9d9;
  background:#f9f9f9;
}

.MXCORP-UI-Footer01__body{
  width:1100px;
  height:80px;
  margin:0 auto;
  padding:40px 50px 20px;
}


/* ----- MXCORP-UI-ContentTop01 ----- */
.MXCORP-UI-ContentTop01{
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(253, 244, 229, .43)), to(rgba(255,255,255,1)));
  background:-webkit-linear-gradient(top, rgba(253, 244, 229, .43) 0, rgba(255,255,255,1) 100%);
  background:linear-gradient(to bottom, rgba(253,244,229,.43) 0%, rgba(255,255,255,1) 100%);
  background-repeat:repeat-x;
  background-position:0 0;
  background-size:1px 200px;
}

.MXCORP-VAR-PageCategory01--pageHome .MXCORP-UI-ContentTop01{
  background-image:none;
}

.MXCORP-UI-ContentTop01__body{
  width:1200px;
  min-height:250px;
  margin:0 auto;
}


/* ----- MXCORP-UI-ContentTop02 ----- */
.MXCORP-UI-ContentTop02{
}

.MXCORP-UI-ContentTop02__body{
  width:1200px;
  min-height:150px;
  margin:0 auto;
}


/* ----- MXCORP-UI-ContentMain01 ----- */
.MXCORP-UI-ContentMain01{
}

.MXCORP-UI-ContentMain01__body{
  width:880px;
  margin:0 auto;
  padding:0 160px 100px;
}


}  /* --- / at layer MXCORP-CSS-LAYER-zoning --- */

}  /* --- / at media for wide --- */




/* ------------------------------------------
                  UI (narrow)
------------------------------------------ */

@media screen and (max-width:768.98px) and (orientation: portrait),
       screen and (max-width:926.98px) and (orientation: landscape) {

/* ----- MXCORP-UI-Logo01 ----- */
.MXCORP-UI-Logo01{
  line-height:18px;
  color:#666;
  font-size:10px;
  text-align:left;
  vertical-align:middle;
}

.MXCORP-UI-Logo01__main{
  display:inline-block;
  width:46px;
  height:20px;
  margin-right:5px;
  padding:10px;
  background:url(/https/sns.mixi.co.jp/images/logo_mixi001.png) no-repeat 10px 8px;
  -webkit-background-size:46px 20px;
  background-size:46px 20px;
  text-indent:-100em;
}


/* ----- MXCORP-UI-Navigation01 ----- */
.MXCORP-UI-Navigation01{
  display:none;
  position:absolute;
  left:0;
  top:57px;
  width:100%;
  line-height:16px;
  background:#fff;
  font-size:16px;
  -webkit-box-shadow:0 50px 50px rgba(0,0,0,.5);
  box-shadow:0 50px 50px rgba(0,0,0,.5);
}

.MXCORP-UI-Navigation01__item{
  border-bottom:1px solid #e7e7e7;
}

.MXCORP-UI-Navigation01__link{
  position:relative;
  padding:27px 10px 27px 46px;;
  color:#404040;
  font-weight:bold;
}

a.MXCORP-UI-Navigation01__link{
  display:block;
  color:#404040;
  text-decoration:none;
}

.MXCORP-UI-Navigation01__link:before{
  content:"";
  position:absolute;
  left:15px;
  top:0;
  bottom:0;
  width:16px;
  height:16px;
  margin:auto;
  border-radius:50%;
  background-color:#e7e7e7;
}

.MXCORP-UI-Navigation01__link:after{
  content:"";
  position:absolute;
  left:20px;
  top:0;
  bottom:0;
  width:4px;
  height:4px;
  margin:auto;
  border-top:1px solid #fff;
  border-right:1px solid #fff;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}


/* ----- MXCORP-UI-Navigation01(gimmick) ----- */
.MXCORP-UI-Navigation01switch{
  display:none;
}

.MXCORP-UI-Navigation01switchOverlay{
  position:fixed;
  top:0;
  left:0;
  display:none;
  background:rgba(0,0,0,.6);
  z-index:5;
  width:100%;
  height:100%;
}

.MXCORP-UI-Navigation01switchLabel{
  display:block;
  position:absolute;
  right:10px;
  top:8px;
  width:40px;
  height:40px;
  text-indent:-100em;
  overflow:hidden;
  z-index:10011;
}

.MXCORP-UI-Navigation01switchLabel span{
  position:absolute;
  left:5px;
  display:block;
  width:30px;
  height:4px;
  background:#e8a231;
  -webkit-transition:all .4s;
  transition:all .4s;
}

.MXCORP-UI-Navigation01switchLabel span:nth-of-type(1){
  top:9px;
}

.MXCORP-UI-Navigation01switchLabel span:nth-of-type(2){
  top:18px;
}

.MXCORP-UI-Navigation01switchLabel span:nth-of-type(3){
  top:27px;
}

.MXCORP-UI-Navigation01switch:checked ~ .MXCORP-UI-Navigation01switchLabel span:nth-of-type(1){
  -webkit-transform:translateY(9px) rotate(45deg);
  transform:translateY(9px) rotate(45deg);
}

.MXCORP-UI-Navigation01switch:checked ~ .MXCORP-UI-Navigation01switchLabel span:nth-of-type(2){
  opacity:0;
}

.MXCORP-UI-Navigation01switch:checked ~ .MXCORP-UI-Navigation01switchLabel span:nth-of-type(3){
  -webkit-transform:translateY(-9px) rotate(315deg);
  transform:translateY(-9px) rotate(315deg);
}

.MXCORP-UI-Navigation01switch:checked ~ .MXCORP-UI-Navigation01switchOverlay{
  display:block;
  z-index:10000;
}

.MXCORP-UI-Navigation01switch:checked ~ .MXCORP-UI-Header01 .MXCORP-UI-Header01__body{
  position:absolute;
  display:block;
  width:100%;
  z-index:10010;
}

.MXCORP-UI-Navigation01switch:checked ~ .MXCORP-UI-Header01 .MXCORP-UI-Navigation01{
  display:block;
  z-index:10012;
}


/* ----- MXCORP-UI-Navigation02 ----- */
.MXCORP-UI-Navigation02{
  font-size:14px;
}

.MXCORP-UI-Navigation02__item{
  border-bottom:1px solid #e7e7e7;
}

a.MXCORP-UI-Navigation02__link{
  display:block;
  padding:16px 10px;
  color:#666;
  text-decoration:none;
}


/* ----- MXCORP-UI-Navigation03 ----- */
.MXCORP-UI-Navigation03{
  margin-top:24px;
  text-align:center;
}

.MXCORP-UI-Navigation03__item{
  display:inline-block;
  overflow:hidden;
}

.MXCORP-UI-Navigation03__item + .MXCORP-UI-Navigation03__item{
  margin-left:70px;
}

.MXCORP-UI-Navigation03__link{
  display:block;
  width:48px;
  height:48px;
  -webkit-border-radius:50% 50%;
  border-radius:50% 50%;
  background:#d9d9d9;
  text-indent:-100em;
}

.MXCORP-UI-Navigation03__link--facebook{
  background:#d9d9d9 url(/https/sns.mixi.co.jp/images/icon_facebook001.png) no-repeat 50% 50%;
  background-size:13px auto;
}

.MXCORP-UI-Navigation03__link--twitter{
  background:#d9d9d9 url(/https/sns.mixi.co.jp/images/icon_twitter001.png) no-repeat 50% 50%;
  background-size:24px auto;
}

.MXCORP-UI-Navigation03__link--snsX{
  background:#000000 url(/https/sns.mixi.co.jp/images/logo_sns_x001.svg) no-repeat 50% 50%;
  background-size:20px auto;
}

.MXCORP-UI-Navigation03__link--threads{
  background:#000000 url(/https/sns.mixi.co.jp/images/logo_threads001.png) no-repeat 50% 50%;
  background-size:32px auto;
}


/* ----- MXCORP-UI-Copyright01 ----- */
.MXCORP-UI-Copyright01{
  margin-top:24px;
  font-size:12px;
  color:#666;
  text-align:center;
}


/* ----- MXCORP-UI-head01 ----- */
.MXCORP-UI-head01{
  line-height:1.4;
  color:#000;
  font-size:18px;
  font-weight:bold;
}


/* ----- MXCORP-UI-date01 ----- */
.MXCORP-UI-date01{
  color:#e8a231;
  font-size:12px;
  font-weight:bold;
}

.MXCORP-UI-date01--newSign01:after{
  content:"NEW!";
  display:inline-block;
  margin-left:1em;
  color:#f00;
  font-weight:bold;
}


/* ----- MXCORP-UI-Guidance01 ----- */
.MXCORP-UI-Guidance01{
  line-height:18px;
  color:#000;
  font-size:14px;
}


/* ----- MXCORP-UI-Subnote01 ----- */
.MXCORP-UI-Subnote01{
  line-height:18px;
  color:#000;
  font-size:14px;
}


/* ----- MXCORP-UI-NecessaryItem01 ----- */
.MXCORP-UI-NecessaryItem01{
  color:#ff001f;
  font-weight:bold;
}


/* ----- MXCORP-UI-imgBox01 ----- */
.MXCORP-UI-imgBox01{
  margin:30px 5px;
  text-align:center;
}

.MXCORP-UI-imgBox01__image{
  max-width:100%;
}


/* ----- MXCORP-UI-imgBox02 ----- */
.MXCORP-UI-imgBox02{
  display:block;
  padding:20px 5px 30px;
  border-top:1px solid #d9d9d9;
}

.MXCORP-UI-imgBox02__imageArea{
}

.MXCORP-UI-imgBox02__image{
  max-width:100%;
}

.MXCORP-UI-imgBox02__imageCaption{
  display:none;
}

.MXCORP-UI-imgBox02__head{
  margin:0 0 15px;
  line-height:16px;
  color:#333;
  font-size:16px;
}

.MXCORP-UI-imgBox02__captionArea{
  line-height:18px;
  margin:12px 0 0;
  color:#000;
  font-size:14px;
}


/* ----- MXCORP-SP-UI-button01 ----- */
.MXCORP-SP-UI-button01{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:block;
  width:100%;
  line-height:16px;
  margin:0;
  padding:19px 2px;
  border:1px solid rgb(232,162,49);
  -webkit-border-radius:2px;
  border-radius:2px;
  background-color:rgb(232,162,49);
  color:#fff;
  font-size:16px;
  text-align:center;
}

.MXCORP-SP-UI-button01:after{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin:0 0 2px 10px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.MXCORP-SP-UI-button01--toNotArray:after{
  display:none;
}

.MXCORP-SP-UI-button01 .ti-layers{
  margin-left:.5em;
  vertical-align:text-top;
  font-size:75%;
}


/* ----- MXCORP-SP-UI-button02 ----- */
.MXCORP-SP-UI-button02{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:block;
  width:100%;
  line-height:16px;
  margin:0;
  padding:19px 2px;
  border:1px solid #c7c7c7;
  -webkit-border-radius:2px;
  border-radius:2px;
  background-color:#c7c7c7;
  color:#fff;
  font-size:16px;
  text-align:center;
}

.MXCORP-SP-UI-button02:after{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin:0 0 2px 10px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}


/* ----- MXCORP-SP-UI-button03L ----- */
.MXCORP-SP-UI-button03R,
.MXCORP-SP-UI-button03L{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:block;
  width:100%;
  line-height:16px;
  margin:0;
  padding:19px 2px;
  border:1px solid #b2b2b2;
  -webkit-border-radius:2px;
  border-radius:2px;
  background-color:#fff;
  color:#666;
  font-size:16px;
  text-align:center;
}

.MXCORP-SP-UI-button03R:after,
.MXCORP-SP-UI-button03L:before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  border-top:2px solid #d9d9d9;
  border-right:2px solid #d9d9d9;
}

.MXCORP-SP-UI-button03L:before{
  margin:0 10px 1px 0;
  -webkit-transform:rotate(-135deg);
  transform:rotate(-135deg);
}

.MXCORP-SP-UI-button03R:after{
  margin:0 0 2px 10px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}


/* ----- MXCORP-SP-UI-button04 ----- */
.MXCORP-SP-UI-button04{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:block;
  width:100%;
  line-height:16px;
  margin:0;
  padding:19px 2px;
  border:1px solid rgb(232,162,49);
  -webkit-border-radius:2px;
  border-radius:2px;
  background-color:rgb(232,162,49);
  color:#fff;
  font-size:16px;
  text-align:center;
}


/* ----- MXCORP-SP-UI-button-appStore01 ----- */
.MXCORP-SP-UI-button-appStore01{
  display:block;
}

.MXCORP-SP-UI-button-appStore01__image{
  width:100%;
  vertical-align:bottom;
}


/* ----- MXCORP-SP-UI-button-googlePlay01 ----- */
.MXCORP-SP-UI-button-googlePlay01{
  display:block;
}

.MXCORP-SP-UI-button-googlePlay01__image{
  width:100%;
  vertical-align:bottom;
}


/* ----- MXCORP-UI-buttonPanel01 ----- */
.MXCORP-UI-buttonPanel01{
  padding:15px 0 0;
}

.MXCORP-UI-buttonPanel01__item{
}


/* ----- MXCORP-UI-buttonPanel02 ----- */
.MXCORP-UI-buttonPanel02{
  padding:15px 0 0;
  border-top:1px solid #d9d9d9;
}

.MXCORP-UI-buttonPanel02__main{
}

.MXCORP-UI-buttonPanel02__subPanel{
  display:flex;
  margin-left:-15px;
  padding:15px 0 0;
}

.MXCORP-UI-buttonPanel02__subR,
.MXCORP-UI-buttonPanel02__subL{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-flex:1;
  -webkit-flex:1 1 0;
  flex:1 1 0;
  margin:0 0 0 15px;
}

.MXCORP-UI-buttonPanel02__subL:last-child{
  -webkit-box-flex:0;
  -webkit-flex:0 0 50%;
  flex:0 0 50%;
  margin-right:auto;
  padding-right:15px;
}

.MXCORP-UI-buttonPanel02__subR:first-child{
  -webkit-box-flex:0;
  -webkit-flex:0 0 50%;
  flex:0 0 50%;
  margin-left:auto;
  padding-left:15px;
}


/* ----- MXCORP-UI-buttonPanel03 ----- */
.MXCORP-UI-buttonPanel03{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  margin-left:-15px;
  padding:15px 0 0;
}

.MXCORP-UI-buttonPanel03__mainR,
.MXCORP-UI-buttonPanel03__mainL{
  -webki-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-flex:1;
  -webkit-flex:1 1 0;
  flex:1 1 0;
  margin:0 0 0 15px;
}

.MXCORP-UI-buttonPanel03__mainL:last-child{
  -webkit-box-flex:0;
  -webkit-flex:0 0 50%;
  flex:0 0 50%;
  margin-right:auto;
  padding-right:15px;
}

.MXCORP-UI-buttonPanel03__mainR:first-child{
  -webkit-box-flex:0;
  -webkit-flex:0 0 50%;
  flex:0 0 50%;
  margin-left:auto;
  padding-left:15px;
}


/* ----- MXCORP-UI-buttonPanel04 ----- */
.MXCORP-UI-buttonPanel04{
  margin:15px 0 0;
  padding:15px 0 0;
  border-top:1px solid #d9d9d9;
}

.MXCORP-UI-buttonPanel04__item{
}


/* ----- MXCORP-UI-shareButton01 ----- */
.MXCORP-UI-shareButton01{
  padding:0 20px 20px 0;
  text-align:right;
}


/* ----- MXCORP-UI-shareButton02 ----- */
.MXCORP-UI-shareButton02{
  display:inline-block;
  line-height:1.0;
  margin:0 5px;
  text-align:left;
  vertical-align:bottom;
}

.MXCORP-UI-shareButton02--mixi{
  position:relative;
  top:2px;
}

.MXCORP-UI-shareButton02 iframe{
  vertical-align:bottom;
}


/* ----- MXCORP-UI-shareButtonArea01 ----- */
.MXCORP-UI-shareButtonArea01{
  padding:0 0 15px;
  text-align:center;
  vertical-align:baseline;
}

.MXCORP-UI-shareButtonArea01__heading{
  display:block;
  line-height:1.0;
  margin-bottom:15px;
  color:#4b4b4b;
  font-size:14px;
  text-align:center;
  vertical-align:bottom;
}


/* ----- MXCORP-UI-message01 ----- */
.MXCORP-UI-message01{
  padding:50px 5px;
  color:#666;
  font-size:16px;
  text-align:center;
}


/* ----- MXCORP-UI-heading01 ----- */
.MXCORP-UI-heading01{
  padding:42px 0;
  text-align:center;
}

.MXCORP-UI-heading01__main{
  display:inline-block;
  min-height:46px;
  line-height:18px;
  padding:2px 0 0 88px;
  background:url(/https/sns.mixi.co.jp/images/icon_mixi002.png) no-repeat 0 50%;
  -webkit-background-size:70px auto;
  background-size:70px auto;
  color:#4b4b4b;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}

.MXCORP-UI-heading01__main[data-title-sub]:after{
  content:attr(data-title-sub);
  display:block;
  padding:12px 0 0;
  line-height:12px;
  color:#c7c7c7;
  font-size:12px;
  text-align:center;
  white-space:nowrap;
}


/* ----- MXCORP-UI-heading02 ----- */
.MXCORP-UI-heading02{
  border-bottom:1px solid #d9d9d9;
}

.MXCORP-UI-heading02__main{
  display:inline-block;
  line-height:14px;
  margin-bottom:-1px;
  padding:0 5px 10px;
  border-bottom:1px solid #e8a231;
  color:#666;
  font-size:14px;
  font-weight:bold;
}

.MXCORP-UI-heading02__main--forWide{
  display:none;
}


/* ----- MXCORP-UI-heading03 ----- */
.MXCORP-UI-heading03{
  padding:0 5px 20px;
  border-bottom:1px solid #d9d9d9;
  text-align:center;
}

.MXCORP-UI-heading03__main{
  display:inline-block;
  line-height:18px;
  color:#000;
  font-size:18px;
  font-weight:bold;
}


/* ----- MXCORP-UI-heading04 ----- */
.MXCORP-UI-heading04{
  margin:0 15px;
  padding:17px 5px 20px;
  text-align:left;
}

.MXCORP-UI-heading04__main{
  display:block;
  line-height:18px;
  color:#4b4b4b;
  font-size:18px;
  font-weight:bold;
}

.MXCORP-UI-heading04__main[data-title-sub]:after{
  content:attr(data-title-sub);
  display:block;
  padding:2px 0 0;
  line-height:12px;
  color:#c7c7c7;
  font-size:12px;
  white-space:nowrap;
  text-align:left;
}


/* ----- MXCORP-UI-heading05 ----- */
.MXCORP-UI-heading05{
}

.MXCORP-UI-heading05__main{
  display:block;
  line-height:1.0;
  margin-bottom:15px;
  color:#4b4b4b;
  font-size:14px;
  text-align:center;
  vertical-align:bottom;
}


/* ----- MXCORP-SP-UI-heading1x ----- */
.MXCORP-SP-UI-heading11{
  display:block;
  margin:0.67em 0;
  font-size:2em;
  font-weight:bold;
}


.MXCORP-SP-UI-heading12{
  display:block;
  margin:0.83em 0;
  font-size:1.5em;
  font-weight:bold;
}


.MXCORP-SP-UI-heading13{
  display:block;
  margin:1em 0;
  font-size:1.17em;
  font-weight:bold;
}


.MXCORP-SP-UI-heading14{
  display:block;
  margin:1.33em 0;
  font-weight:bold;
}


.MXCORP-SP-UI-heading15{
  display:block;
  margin:1.67em 0;
  font-size:0.83em;
  font-weight:bold;
}


.MXCORP-SP-UI-heading16{
  display:block;
  margin:2.33em 0;
  font-size:0.67em;
  font-weight:bold;
}


/* ----- MXCORP-UI-breadcrumb01 ----- */
.MXCORP-UI-breadcrumb01{
  display:none;
}

.MXCORP-UI-breadcrumb01__body{
}

.MXCORP-UI-breadcrumb01__node{
}


/* ----- MXCORP-UI-topCatch01 ----- */
.MXCORP-UI-topCatch01{
  padding:0 0 40px;
}

.MXCORP-UI-topCatch01__item{
}

.MXCORP-UI-topCatch01__itemBody{
}

.MXCORP-UI-topCatch01__image{
}


/* ----- MXCORP-UI-instanceList01 ----- */
.MXCORP-UI-instanceList01{
}

.MXCORP-UI-instanceList01__item{
  border-bottom:1px solid #d9d9d9;
}

.MXCORP-UI-instanceList01__link{
  display:block;
}


/* ----- MXCORP-UI-instanceList02 ----- */
.MXCORP-UI-instanceList02{
}

.MXCORP-UI-instanceList02__item{
  padding:0 0 15px;
}

.MXCORP-UI-instanceList02__link{
  display:block;
}


/* ----- MXCORP-UI-instance01 ----- */
.MXCORP-UI-instance01{
  display:block;
  padding:15px 5px;
}

.MXCORP-UI-instance01__label{
}

.MXCORP-UI-instance01__head{
  line-height:20px;
  color:#000;
  font-size:14px;
}

.MXCORP-UI-instance01__label + .MXCORP-UI-instance01__head{
  margin-top:8px;
}


/* ----- MXCORP-UI-instance02 ----- */
.MXCORP-UI-instance02{
  display:block;
  padding:15px 5px 25px;
}

.MXCORP-UI-instance02__texts{
  color:#000;
}

.MXCORP-UI-instance02__label{
}

.MXCORP-UI-instance02__head{
  margin-top:8px;
  line-height:1.4;
}

.MXCORP-UI-instance02__note{
  line-height:1.5;
  margin-top:8px;
  color:#666;
  font-size:12px;
}

.MXCORP-UI-instance02__ellipsis{
  display:inline-block;
  width:0;
  text-indent:-100em;
}

.MXCORP-UI-instance02__ellipsis::after{
  content:"\20\e280a6";
  display:inline-block;
}

.MXCORP-UI-instance02__images{
  position:relative;
  margin-top:4vw;
  margin-right:auto;
  margin-left:auto;
  width:100%;
  max-width:320px;
  height:30vh;
  height:192px;
  box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
  text-align:center;
}

.MXCORP-UI-instance02__images::after{


  position:absolute;
  top:0;
  left:0;
  display:block;
  content:"";
  width:100%;
  height:100%;
  box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);
  transform:rotate(3deg);
  background:#fff;
  z-index:-1;
}

.MXCORP-UI-instance02__thumbnail{
  display:none;
}


/* ----- MXCORP-UI-instance03 ----- */
.MXCORP-UI-instance03{
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
}

.MXCORP-UI-instance03:hover{
  background-color:#f9f9f9;
}

.MXCORP-UI-instance03__texts{
  -webkit-box-flex:1;
  -webkit-flex:1 1 0;
  flex:1 1 0;
  color:#000;
}

.MXCORP-UI-instance03__texts:first-child{
  padding-left:5px;
}

.MXCORP-UI-instance03__head{
  line-height:1.3;
  font-size:.875em;
}

.MXCORP-UI-instance03:hover .MXCORP-UI-instance03__head{
  text-decoration:underline;
}

.MXCORP-UI-instance03__images{
  position:relative;
  -webkit-box-flex:0;
  -webkit-flex:0 0 60px;
  flex:0 0 60px;
  width:60px;
  height:60px;
  margin-left:15px;
  border:1px solid #ddd;
  border-radius:4px;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
  overflow:hidden;
}

.MXCORP-UI-instance03__thumbnail{
  display:none;
}


/* ----- MXCORP-SP-UI-quote11 ----- */
.MXCORP-SP-UI-quote11{
  box-sizing:border-box;
  margin:15px auto;
  border:1px solid #d0d0d0;
  border-radius:8px;
  background:#fff;
}

.MXCORP-SP-UI-quote11 .MXCORP-UI-quote__body{
  line-height:1.4;
  padding:25px;
  color:#333;
  font-size:14px;
  font-weight:bold;
}

.MXCORP-SP-UI-quote11 .MXCORP-UI-quote__caption{
  line-height:1.2;
  padding:10px;
  border-radius:0 0 8px 8px;
  background:#f2f2f2;
  color:#231815;
  font-size:12px;
  text-align:right;
}


/* ----- MXCORP-SP-UI-quote12 ----- */
.MXCORP-SP-UI-quote12{
  position:relative;
  box-sizing:border-box;
  margin:30px auto 15px;
  padding:30px 20px 25px;
  border-radius:10px;
  background:#fbdfdf;
}

.MXCORP-SP-UI-quote12::before{
  position:absolute;
  left:42%;
  top:-24px;
  box-sizing:border-box;
  width:48px;
  height:48px;
  line-height:1;
  padding:12px 0 0;
  border:2px solid #fbdfdf;
  border-radius:24px;
  background-color:#FFFFFF;
  color:#808080;
  font-family:'themify';
  content:'\e643';
  font-size:20px;
  text-align:center;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.MXCORP-SP-UI-quote12 .MXCORP-UI-quote__body{
  padding:0 15px;
  color:#808080;
  font-size:16px;
  font-weight:bold;
}

.MXCORP-SP-UI-quote12 .MXCORP-UI-quote__caption{
  display:block;
  margin:20px 0 -10px;
  padding:15px 15px 0;
  border-top:1px solid #808080;
  color:#808080;
  font-size:12px;
  text-align:right;
}


/* ----- MXCORP-SP-UI-quote13 ----- */
.MXCORP-SP-UI-quote13{
  position:relative;
  box-sizing:border-box;
  margin:15px auto;
  padding:20px 30px;
  border:1px solid #CCC;
  border-radius:10px;
  background:#ffffff;
  box-shadow:0 1px 3px rgba(0,0,0,.2);
}

.MXCORP-SP-UI-quote13::before{
  position:absolute;
  top:15px;
  left:20px;
  line-height:1;
  font-family:'themify';
  content:'\e643';
  font-size:40px;
  text-align:center;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  opacity:.1;
}

.MXCORP-SP-UI-quote13 .MXCORP-UI-quote__body{
  font-size:16px;
}

.MXCORP-SP-UI-quote13 .MXCORP-UI-quote__caption{
  margin:10px 5px -5px;
  color:#666;
  font-size:14px;
  text-align:right;
}


/* ----- MXCORP-SP-UI-quote14 ----- */
.MXCORP-SP-UI-quote14{
  position:relative;
  box-sizing:border-box;
  margin:15px auto;
  padding:0px 10px 5px 40px;
  border-top:solid 3px #a5d7ff;
  background:#f0f7ff;
  color:#464646;
}

.MXCORP-SP-UI-quote14::before{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:32px;
  height:30px;
  line-height:30px;
  background:#a5d7ff;
  color:#FFF;
  font-size:18px;
  font-weight:900;
  font-family:'themify';
  content:'\e643';
  text-align:center;
}

.MXCORP-SP-UI-quote14 .MXCORP-UI-quote__body{
  margin:10px 0 0;
}

.MXCORP-SP-UI-quote14 .MXCORP-UI-quote__caption{
  margin:10px 0 0;
  color:#888888;
  font-size:0.9em;
  text-align:right;
}


/* ----- MXCORP-UI-article01 ----- */
.MXCORP-UI-article01{
}

.MXCORP-UI-article01__head{
}

.MXCORP-UI-article01__content{
  line-height:1.5;
  padding:0 5px 30px;
  font-size:16px;
  font-feature-settings:"pkna" 1;
}

.MXCORP-UI-article01__head + .MXCORP-UI-article01__content{
  margin-top:20px;
}

.MXCORP-UI-article01__label{
}

.MXCORP-UI-article01__title{
  line-height:20px;
}

.MXCORP-UI-article01__label + .MXCORP-UI-article01__title{
  margin-top:12px;
}

.MXCORP-UI-article01__share{
  padding-top:20px;
  border-top:1px solid #d9d9d9;
}


/* ----- MXCORP-UI-article01(in article) ----- */
.MXCORP-UI-article01__content strong,
.MXCORP-UI-article01__content b{
  font-weight:bold;
}

.MXCORP-UI-article01__content ol{
  margin:5px 0 15px;
  padding:0 5px 0 25px;
  list-style:decimal;
}

.MXCORP-UI-article01__content ul{
  margin:5px 0 15px;
  padding:0 5px 0 25px;
  list-style:disc;
}

.MXCORP-UI-article01__content li{
}

.MXCORP-UI-article01__content .asset-image{
  max-width:100% !important;
  height:auto !important;
  text-align:center;
}


/* ----- MXCORP-UI-aside01 ----- */
.MXCORP-UI-aside01{
  padding:20px 0 0;
  border-top:1px solid #d9d9d9;
}


/* ----- MXCORP-UI-introduction01 ----- */
.MXCORP-UI-introduction01{
  padding:0 5px 20px;
}

.MXCORP-UI-introduction01__catch{
  min-height:60px;
  line-height:20px;
  padding:20px 0 20px 15px;
  border-radius:4px;
  background:#e6e6e6 url(/https/sns.mixi.co.jp/images/img_top002.png) no-repeat 90% 100%;
  background-size:auto 90px;
  color:#333;
  font-size:16px;
  font-weight:bold;
}

.MXCORP-UI-introduction01__message{
  line-height:18px;
  margin:10px 0 0;
  color:#000;
  font-size:14px;
}

.MXCORP-UI-introduction01__link{
  margin:10px 0 0;
}

.MXCORP-UI-introduction01__linkToDownload:after{
  content:" ";
  display:block;
  clear:both;
}  /* --- clearfix --- */

.MXCORP-UI-introduction01__linkToAppStore{
  float:left;
  width:48%;
}

.MXCORP-UI-introduction01__linkToGooglePlay{
  float:right;
  width:48%;
}

.MXCORP-UI-introduction01__linkToSPHome{
  margin:10px 0 0;
}


.MXCORP-UI-introduction01__linkToPCHome{
  display:none;
}


/* ----- MXCORP-UI-introduction02 ----- */
.MXCORP-UI-introduction02{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
  flex:1 1 auto;
  min-height:80px;
  margin:0 5px 20px;
  padding:15px 105px 15px 15px;
  border-radius:4px;
  background:#faecd6 url(/https/sns.mixi.co.jp/images/icon_note001.svg) no-repeat 93% 50%;
  background-size:auto 80px;
}

.MXCORP-UI-introduction02__catch{
  display:block;
  line-height:22px;
  color:#333;
  font-size:16px;
  font-weight:bold;
}

.MXCORP-UI-introduction02__phrase01{
  display:block;
}

.MXCORP-UI-introduction02__phrase02{
  display:inline-block;
}


/* ----- MXCORP-UI-formFrame01 ----- */
.MXCORP-UI-formFrame01{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}


/* ----- MXCORP-UI-FormGuide01 ----- */
.MXCORP-UI-FormGuide01{
  padding:0 0 40px;
}

.MXCORP-UI-FormGuide01 p + p{
  margin-top:12px;
}


/* ----- MXCORP-UI-FormMain01 ----- */
.MXCORP-UI-FormMain01{
  margin:0 -15px;
}

.MXCORP-UI-FormMain01__frame{
}


}  /* --- / at media for narrow --- */


/* ------------------------------------------
                  UI (narrow2)
------------------------------------------ */

@media screen and (min-width:700px) and (max-width:768.98px) and (orientation: portrait),
       screen and (min-width:700px) and (max-width:926.98px) and (orientation: landscape) {

/* ----- MXCORP-UI-ContentMain01 ----- */
.MXCORP-UI-ContentMain01__body{
  margin:0 30px;
}


/* ----- MXCORP-UI-heading04 ----- */
.MXCORP-UI-heading04{
  margin:0 30px;
}


/* ----- MXCORP-UI-instance02 ----- */
.MXCORP-UI-instance02{
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
}

.MXCORP-UI-instance02__texts{
  -webkit-box-flex:1;
  -webkit-flex:1 1 0;
  flex:1 1 0;
  align-self:flex-start;
}

.MXCORP-UI-instance02__images{
  position:relative;
  -webkit-box-flex:0;
  -webkit-flex:0 0 200px;
  flex:0 0 200px;
  width:200px;
  max-width:none;
  height:120px;
  margin-top:5px;
  margin-right:0;
  margin-left:15px;
}

.MXCORP-UI-instance02__images:first-child{
  margin-left:0;
}


/* ----- MXCORP-UI-introduction02 ----- */
.MXCORP-UI-introduction02__phrase01{
  display:inline-block;
}


}  /* --- / at media for narrow2 --- */


/* ------------------------------------------
                  UI (wide)
------------------------------------------ */

@media screen and (min-width:769px) and (orientation: portrait), 
       screen and (min-width:927px) and (orientation: landscape) {

/* ----- MXCORP-UI-Logo01 ----- */
.MXCORP-UI-Logo01{
  line-height:28px;
  padding:10px 0;
  color:#666;
  font-size:12px;
  text-align:left;
  vertical-align:middle;
}

.MXCORP-UI-Logo01__main{
  display:inline-block;
  width:60px;
  height:26px;
  margin-right:15px;
  padding:10px;
  background:url(/https/sns.mixi.co.jp/images/logo_mixi001.png) no-repeat 10px 8px;
  background-size:60px 26px;
  text-indent:-100em;
}


/* ----- MXCORP-UI-Navigation01 ----- */
.MXCORP-UI-Navigation01{
  position:absolute;
  right:40px;
  top:0;
  bottom:0;
  height:34px;
  margin:auto 0;
  font-size:14px;
  text-align:right;
}

.MXCORP-UI-Navigation01__item{
  display:inline-block;
}

.MXCORP-UI-Navigation01__item + .MXCORP-UI-Navigation01__item{
  margin-left:40px;
}

a.MXCORP-UI-Navigation01__link{
  display:block;
  padding:10px;
  color:#404040;
  font-weight:bold;
}

.MXCORP-UI-Navigation01__link:hover{
  color:rgb(232,162,49);
}

.MXCORP-UI-Navigation01__link--active{
  margin-bottom:-2px;
  border-bottom:2px solid rgb(232,162,49);
}


/* ----- MXCORP-UI-Navigation01(gimmick) ----- */
.MXCORP-UI-Navigation01switchOverlay,
.MXCORP-UI-Navigation01switchLabel,
.MXCORP-UI-Navigation01switch{
  display:none;
}


/* ----- MXCORP-UI-Navigation02 ----- */
.MXCORP-UI-Navigation02{
  font-size:14px;
}

.MXCORP-UI-Navigation02__item{
  display:inline-block;
}

.MXCORP-UI-Navigation02__item + .MXCORP-UI-Navigation02__item{
  margin-left:5px;
}

.MXCORP-UI-Navigation02__item + .MXCORP-UI-Navigation02__item:before{
  content:"|";
  display:inline-block;
  margin-right:5px;
}

a.MXCORP-UI-Navigation02__link{
  display:inline-block;
  padding:10px;
  color:#666;
}

a.MXCORP-UI-Navigation02__link:hover{
  text-decoration:underline;
}


/* ----- MXCORP-UI-Navigation03 ----- */
.MXCORP-UI-Navigation03{
  float:right;
  margin-top:-34px;
}

.MXCORP-UI-Navigation03__item{
  display:inline-block;
  overflow:hidden;
}

.MXCORP-UI-Navigation03__item + .MXCORP-UI-Navigation03__item{
  margin-left:15px;
}

.MXCORP-UI-Navigation03__link{
  display:block;
  width:48px;
  height:48px;
  border-radius:50% 50%;
  background:#d9d9d9;
  text-indent:-100em;
  -webkit-transition:background-color 0.25s ease-in-out, filter 0.25s ease-in-out;
  transition:background-color 0.25s ease-in-out, filter 0.25s ease-in-out;
}

.MXCORP-UI-Navigation03__link--facebook{
  background:#d9d9d9 url(/https/sns.mixi.co.jp/images/icon_facebook001.png) no-repeat 50% 50%;
  background-size:13px auto;
}

.MXCORP-UI-Navigation03__link--facebook:hover{
  background-color:#3b5998;
}

.MXCORP-UI-Navigation03__link--twitter{
  background:#d9d9d9 url(/https/sns.mixi.co.jp/images/icon_twitter001.png) no-repeat 50% 50%;
  background-size:24px auto;
}

.MXCORP-UI-Navigation03__link--twitter:hover{
  background-color:#1d9bf0;
}

.MXCORP-UI-Navigation03__link--snsX{
  background: #000000 url(/https/sns.mixi.co.jp/images/logo_sns_x001.svg) no-repeat 50% 50%;
  background-size: 20px auto;
  filter: invert(0);
}

.MXCORP-UI-Navigation03__link--snsX:hover{
  filter: invert(100%);
}

.MXCORP-UI-Navigation03__link--threads{
  background:#000000 url(/https/sns.mixi.co.jp/images/logo_threads001.png) no-repeat 50% 50%;
  background-size:32px auto;
  filter: invert(0);
}

.MXCORP-UI-Navigation03__link--threads:hover{
  filter: invert(100%);
}


/* ----- MXCORP-UI-Copyright01 ----- */
.MXCORP-UI-Copyright01{
  margin-top:10px;
  margin-left:10px;
  color:#666;
  font-size:12px;
}


/* ----- MXCORP-UI-head01 ----- */
.MXCORP-UI-head01{
  color:#000;
  font-size:24px;
  font-weight:bold;
}


/* ----- MXCORP-UI-date01 ----- */
.MXCORP-UI-date01{
  color:#e8a231;
  font-size:12px;
  font-weight:bold;
}

.MXCORP-UI-date01--newSign01:after{
  content:"NEW!";
  display:inline-block;
  margin-left:1em;
  color:#f00;
  font-weight:bold;
}


/* ----- MXCORP-UI-Guidance01 ----- */
.MXCORP-UI-Guidance01{
  line-height:24px;
  color:#666;
  font-size:16px;
}


/* ----- MXCORP-UI-Subnote01 ----- */
.MXCORP-UI-Subnote01{
  line-height:20px;
  color:#666;
  font-size:14px;
}


/* ----- MXCORP-UI-NecessaryItem01 ----- */
.MXCORP-UI-NecessaryItem01{
  color:#ff001f;
  font-weight:bold;
}


/* ----- MXCORP-UI-imgBox01 ----- */
.MXCORP-UI-imgBox01{
  width:712px;
  margin:50px auto;
  text-align:center;
}

.MXCORP-UI-imgBox01__image{
  max-width:100%;
}


/* ----- MXCORP-UI-imgBox02 ----- */
.MXCORP-UI-imgBox02{
  display:block;
  padding:40px 0;
  border-bottom:1px solid #d9d9d9;
}

.MXCORP-UI-imgBox02:after{
  content:" ";
  display:block;
  clear:both;
}  /* --- clearfix --- */


.MXCORP-UI-imgBox02__imageArea{
  position:relative;
  float:left;
  width:402px;
  overflow:hidden;
}

.MXCORP-UI-imgBox02__image{
}

.MXCORP-UI-imgBox02__imageCaption{
  position:absolute;
  top:0;
  width:100%;
  height:228px;
  border-radius:5px;
  background:rgba(0,0,0,.7);
  opacity:0;
  -webkit-transition:opacity 0.25s ease-in-out;
  transition:opacity 0.25s ease-in-out;
}

.MXCORP-type-isCommunity .MXCORP-UI-imgBox02__imageCaption{
  height:230px;  /* adjusted by image-height */
}

.MXCORP-UI-imgBox02__imageArea:hover .MXCORP-UI-imgBox02__imageCaption{
  top:0;
  opacity:1;
}

.MXCORP-UI-imgBox02__head{
  float:right;
  width:430px;
  margin:0 0 30px;
  line-height:22px;
  color:#333;
  font-size:22px;
}

.MXCORP-UI-imgBox02__captionArea{
  line-height:22px;
  margin-left:450px;
  color:#000;
  font-size:16px;
}


/* ----- MXCORP-UI-button01 ----- */
.MXCORP-UI-button01{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  display:block;
  width:100%;
  line-height:16px;
  margin:0;
  padding:23px 40px 23px 2px;
  border:1px solid rgba(232,162,49,.07);
  border-radius:2px;
  background-color:rgba(232,162,49,.07);
  color:#666;
  font-size:16px;
  text-align:right;
}

.MXCORP-UI-button01:hover{
  color:rgb(232,162,49);
}

.MXCORP-UI-button01:after{
  content:"";
  position:absolute;
  right:16px;
  top:0;
  bottom:0;
  width:6px;
  height:6px;
  margin:auto;
  border-top:2px solid #d9d9d9;
  border-right:2px solid #d9d9d9;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}

.MXCORP-UI-button01:hover:after{
  border-top:2px solid rgb(232,162,49);
  border-right:2px solid rgb(232,162,49);
}


/* ----- MXCORP-UI-button02 ----- */
.MXCORP-UI-button02{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:block;
  width:100%;
  line-height:16px;
  margin:0;
  padding:24px 2px;
  border:1px solid rgba(232,162,49,.07);
  border-radius:2px;
  background-color:rgba(232,162,49,.07);
  color:#666;
  font-size:16px;
  text-align:center;
}

.MXCORP-UI-button02:hover{
  color:rgb(232,162,49);
}

.MXCORP-UI-button02:before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin:0 10px 1px 0;
  border-top:2px solid #d9d9d9;
  border-right:2px solid #d9d9d9;
  -webkit-transform:rotate(-135deg);
  -ms-transform:rotate(-135deg);
  transform:rotate(-135deg);
}

.MXCORP-UI-button02:hover:before{
  border-top:2px solid rgb(232,162,49);
  border-right:2px solid rgb(232,162,49);
}


/* ----- MXCORP-UI-button03LR ----- */
.MXCORP-UI-button03R,
.MXCORP-UI-button03L{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:block;
  width:100%;
  line-height:16px;
  margin:0;
  padding:23px 2px;
  border:1px solid #d9d9d9;
  border-radius:2px;
  background-color:#fff;
  color:#666;
  font-size:16px;
  text-align:center;
}

.MXCORP-UI-button03R:hover,
.MXCORP-UI-button03L:hover{
  background-color:#f9f9f9;
  text-decoration:underline;
}

.MXCORP-UI-button03R:after,
.MXCORP-UI-button03L:before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  border-top:2px solid #d9d9d9;
  border-right:2px solid #d9d9d9;
}

.MXCORP-UI-button03L:before{
  margin:0 10px 1px 0;
  -webkit-transform:rotate(-135deg);
  -ms-transform:rotate(-135deg);
  transform:rotate(-135deg);
}

.MXCORP-UI-button03R:after{
  margin:0 0 2px 10px;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}


/* ----- MXCORP-UI-button04 ----- */
.MXCORP-UI-button04{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:block;
  line-height:14px;
  margin:0;
  padding:15px 2px;
  border:none;
  border-radius:3px;
  background-color:#e8a231;
  color:#fff;
  font-size:14px;
  text-align:center;
}

.MXCORP-UI-button04:hover{
  background-color:#eaab46;
}

.MXCORP-UI-button04 .ti-layers{
  margin-left:.3em;
  vertical-align:text-top;
  font-size:12px;
}


/* ----- MXCORP-UI-button-appStore01 ----- */
.MXCORP-UI-button-appStore01{
  display:block;
}

.MXCORP-UI-button-appStore01__image{
  width:100%;
  vertical-align:bottom;
}


/* ----- MXCORP-UI-button-googlePlay01 ----- */
.MXCORP-UI-button-googlePlay01{
  display:block;
}

.MXCORP-UI-button-googlePlay01__image{
  width:100%;
  vertical-align:bottom;
}


/* ----- MXCORP-UI-buttonPanel01 ----- */
.MXCORP-UI-buttonPanel01{
  padding:15px 0 0;
}

.MXCORP-UI-buttonPanel01__item{
}


/* ----- MXCORP-UI-buttonPanel02 ----- */
.MXCORP-UI-buttonPanel02{
  padding:15px 0 0;
  border-top:1px solid #d9d9d9;
}

.MXCORP-UI-buttonPanel02:after{
  content:" ";
  display:block;
  clear:both;
}  /* --- clearfix --- */

.MXCORP-UI-buttonPanel02__main{
  width:300px;
  height:64px;
  margin-right:auto;
}

.MXCORP-UI-buttonPanel02__subPanel{
  float:right;
  margin:-64px 0 0;
  text-align:right;
}

.MXCORP-UI-buttonPanel02__subPanel:first-child{
  margin-top:0;
}

.MXCORP-UI-buttonPanel02__subR,
.MXCORP-UI-buttonPanel02__subL{
  display:inline-block;
  width:200px;
}

.MXCORP-UI-buttonPanel02__subL + .MXCORP-UI-buttonPanel02__subR{
  margin-left:25px;
}


/* ----- MXCORP-UI-buttonPanel03 ----- */
.MXCORP-UI-buttonPanel03{
  height:64px;
  padding:15px 0 0;
}

.MXCORP-UI-buttonPanel03:after{
  content:" ";
  display:block;
  clear:both;
}  /* --- clearfix --- */

.MXCORP-UI-buttonPanel03__mainR,
.MXCORP-UI-buttonPanel03__mainL{
  width:300px;
}

.MXCORP-UI-buttonPanel03__mainL{
  float:left;
}

.MXCORP-UI-buttonPanel03__mainR{
  margin-left:auto;
}


/* ----- MXCORP-UI-buttonPanel04 ----- */
.MXCORP-UI-buttonPanel04{
  margin:15px 0 0;
  padding:15px 0 0;
  border-top:1px solid #d9d9d9;
  text-align:center;
}

.MXCORP-UI-buttonPanel04__item{
  display:inline-block;
  width:220px;
}


/* ----- MXCORP-UI-shareButton01 ----- */
.MXCORP-UI-shareButton01{
  padding:0 20px 20px 0;
  text-align:right;
}


/* ----- MXCORP-UI-shareButton02 ----- */
.MXCORP-UI-shareButton02{
  display:inline-block;
  line-height:1.0;
  margin-right:10px;
  text-align:left;
  vertical-align:bottom;
}

.MXCORP-UI-shareButton02--mixi{
  position:relative;
  top:2px;
}

.MXCORP-UI-shareButton02 iframe{
  vertical-align:bottom;
}


/* ----- MXCORP-UI-shareButtonArea01 ----- */
.MXCORP-UI-shareButtonArea01{
  padding:0 20px 20px;
  text-align:left;
  vertical-align:baseline;
}

.MXCORP-UI-shareButtonArea01__heading{
  display:inline-block;
  margin-right:15px;
  color:#4b4b4b;
  font-size:14px;
  text-align:left;
  vertical-align:2px;
}


/* ----- MXCORP-UI-message01 ----- */
.MXCORP-UI-message01{
  padding:100px 5px;
  color:#666;
  font-size:22px;
  text-align:center;
}


/* ----- MXCORP-UI-caption01 ----- */
.MXCORP-UI-caption01{
  color:#fff;
  text-align:center;
}

.MXCORP-UI-caption01__title{
  padding:0 5px;
}

.MXCORP-UI-caption01__name{
  display:block;
  line-height:18px;
  padding:60px 0 0;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}

.MXCORP-UI-caption01__lead{
  display:inline-block;
  padding:0 20px 0 25px;
  border:2px solid #fff;
  border-radius:13px 13px;
  line-height:26px;
  font-size:12px;
  text-align:center;
}

.MXCORP-UI-caption01__lead:after{
  content:"\3000";
  display:inline-block;
  min-width:13px;
  background:url(/https/sns.mixi.co.jp/images/icon_open001.png) no-repeat 50% 6px;
  background-size:auto 13px;
}


.MXCORP-type-isCommunity .MXCORP-UI-caption01__name{
  padding:100px 0 20px;
  background:url(/https/sns.mixi.co.jp/images/icon_community001.png) no-repeat 50% 56px;
  background-size:auto 22px;
}

.MXCORP-type-isEvent .MXCORP-UI-caption01__name{
  padding:100px 0 20px;
  background:url(/https/sns.mixi.co.jp/images/icon_event001.png) no-repeat 50% 54px;
  background-size:auto 27px;
}

.MXCORP-type-isNews .MXCORP-UI-caption01__name{
  padding:100px 0 20px;
  background:url(/https/sns.mixi.co.jp/images/icon_news001.png) no-repeat 50% 53px;
  background-size:auto 28px;
}

.MXCORP-type-isGame .MXCORP-UI-caption01__name{
  padding:100px 0 20px;
  background:url(/https/sns.mixi.co.jp/images/icon_game001.png) no-repeat 50% 55px;
  background-size:auto 23px;
}


/* ----- MXCORP-UI-heading01 ----- */
.MXCORP-UI-heading01{
  padding:97px 0;
  text-align:center;
}

.MXCORP-UI-heading01__main{
  display:inline-block;
  min-height:52px;
  line-height:26px;
  padding:6px 0 0 140px;
  background:url(/https/sns.mixi.co.jp/images/icon_mixi002.png) no-repeat 0 50%;
  background-size:100px auto;
  color:#4b4b4b;
  font-size:26px;
  font-weight:bold;
  text-align:center;
}

.MXCORP-UI-heading01__main[data-title-sub]:after{
  content:attr(data-title-sub);
  display:block;
  padding:6px 0 0;
  line-height:14px;
  color:#c7c7c7;
  font-size:14px;
  text-align:center;
  white-space:nowrap;
}


/* ----- MXCORP-UI-heading02 ----- */
.MXCORP-UI-heading02{
  border-bottom:2px solid #d9d9d9;
}

.MXCORP-UI-heading02__main{
  display:inline-block;
  line-height:16px;
  margin-bottom:-2px;
  padding:0 10px 15px;
  border-bottom:2px solid #e8a231;
  color:#666;
  font-size:16px;
  font-weight:bold;
}


/* ----- MXCORP-UI-heading03 ----- */
.MXCORP-UI-heading03{
  padding:0 5px 30px;
  border-bottom:2px solid #d9d9d9;
  text-align:center;
}

.MXCORP-UI-heading03__main{
  display:inline-block;
  line-height:22px;
  color:#000;
  font-size:22px;
  font-weight:bold;
}


/* ----- MXCORP-UI-heading04 ----- */
.MXCORP-UI-heading04{
  padding:55px 10px 35px 170px;
}

.MXCORP-UI-heading04__main{
  display:inline-block;
  min-height:52px;
  line-height:26px;
  padding:6px 0 0 0;
  color:#4b4b4b;
  font-size:26px;
  font-weight:bold;
  text-align:left;
}

.MXCORP-UI-heading04__main[data-title-sub]:after{
  content:attr(data-title-sub);
  display:block;
  padding:6px 0 0;
  line-height:14px;
  color:#c7c7c7;
  font-size:16px;
  text-align:left;
  white-space:nowrap;
}


/* ----- MXCORP-UI-heading05 ----- */
.MXCORP-UI-heading05{
  border-bottom:2px solid #d9d9d9;
}

.MXCORP-UI-heading05__main{
  display:inline-block;
  line-height:16px;
  margin-bottom:-2px;
  padding:0 10px 15px;
  border-bottom:2px solid #e8a231;
  color:#666;
  font-size:16px;
  font-weight:bold;
}


/* ----- MXCORP-UI-heading1x ----- */
.MXCORP-UI-heading11{
  display:block;
  margin:0.67em 0;
  font-size:2em;
  font-weight:bold;
}


.MXCORP-UI-heading12{
  display:block;
  margin:0.83em 0;
  font-size:1.5em;
  font-weight:bold;
}


.MXCORP-UI-heading13{
  display:block;
  margin:1em 0;
  font-size:1.17em;
  font-weight:bold;
}


.MXCORP-UI-heading14{
  display:block;
  margin:1.33em 0;
  font-weight:bold;
}


.MXCORP-UI-heading15{
  display:block;
  margin:1.67em 0;
  font-size:0.83em;
  font-weight:bold;
}


.MXCORP-UI-heading16{
  display:block;
  margin:2.33em 0;
  font-size:0.67em;
  font-weight:bold;
}


/* ----- MXCORP-UI-breadcrumb01 ----- */
.MXCORP-UI-breadcrumb01{
  line-height:12px;
  padding:20px 10px 0 50px;
  font-size:12px;
  margin-bottom:-32px;
}

.MXCORP-UI-breadcrumb01__body{
  color:#999;
}

a.MXCORP-UI-breadcrumb01__node,
.MXCORP-UI-breadcrumb01__node{
  color:#666;
}


/* ----- MXCORP-UI-topCatch01 ----- */
.MXCORP-UI-topCatch01{
}

.MXCORP-UI-topCatch01__item{
}

.MXCORP-UI-topCatch01__itemBody{
}

.MXCORP-UI-topCatch01__image{
}


/* ----- MXCORP-UI-instanceList01 ----- */
.MXCORP-UI-instanceList01{
}

.MXCORP-UI-instanceList01__item{
  border-bottom:1px solid #d9d9d9;
}

.MXCORP-UI-instanceList01__link{
  display:block;
}


/* ----- MXCORP-UI-instanceList02 ----- */
.MXCORP-UI-instanceList02{
}

.MXCORP-UI-instanceList02__item{
}

.MXCORP-UI-instanceList02__link{
  display:block;
}


/* ----- MXCORP-UI-instance01 ----- */
.MXCORP-UI-instance01{
  position:relative;
  display:block;
  padding:17px 50px 17px 10px;
}

.MXCORP-UI-instance01:hover{
  background-color:#f9f9f9;
}

.MXCORP-UI-instance01:after{
  content:"";
  position:absolute;
  right:16px;
  top:0;
  bottom:0;
  width:6px;
  height:6px;
  margin:auto;
  border-top:2px solid #d9d9d9;
  border-right:2px solid #d9d9d9;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}

.MXCORP-UI-instance01__label{
  float:left;
  width:95px;
  line-height:20px;
  white-space:nowrap;
  overflow:hidden;
}

.MXCORP-UI-instance01__head{
  line-height:20px;
  margin-left:100px;
  color:#000;
  font-size:14px;
}

.MXCORP-UI-instance01:hover .MXCORP-UI-instance01__head{
  text-decoration:underline;
}


/* ----- MXCORP-UI-instance02 ----- */
.MXCORP-UI-instance02{
  position:relative;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  padding:17px 50px 17px 10px;
}

.MXCORP-UI-instance02:hover{
  background-color:#f9f9f9;
}

.MXCORP-UI-instance02::before{
  content:"";
  position:absolute;
  right:16px;
  top:0;
  bottom:0;
  width:6px;
  height:6px;
  margin:auto;
  border-top:2px solid #d9d9d9;
  border-right:2px solid #d9d9d9;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}

.MXCORP-UI-instance02__texts{
  -webkit-box-flex:1;
  -webkit-flex:1 1 0;
  flex:1 1 0;
  color:#000;
}

.MXCORP-UI-instance02__label{
}

.MXCORP-UI-instance02__head{
  line-height:1.3;
  margin-top:13px;
  font-size:1.5em;
}

.MXCORP-UI-instance02__note{
  line-height:1.5;
  margin-top:13px;
  color:#666;
  font-size:12px;
}

.MXCORP-UI-instance02:hover .MXCORP-UI-instance02__head,
.MXCORP-UI-instance02:hover .MXCORP-UI-instance02__note{
  text-decoration:underline;
}

.MXCORP-UI-instance02__ellipsis{
  display:inline-block;
  width:0;
  text-indent:-100em;
  overflow:hidden;
}

.MXCORP-UI-instance02__ellipsis::after{
  content:"\20\e280a6";
  display:inline-block;
}

.MXCORP-UI-instance02__images{
  position:relative;
  -webkit-box-flex:0;
  -webkit-flex:0 0 200px;
  flex:0 0 200px;
  width:200px;
  height:120px;
  margin-left:15px;
  box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
}

.MXCORP-UI-instance02__images:first-child{
  margin-left:0;
}

.MXCORP-UI-instance02__images::after{


  position:absolute;
  top:0;
  left:0;
  display:block;
  content:"";
  width:100%;
  height:100%;
  box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);
  transform:rotate(4deg);
  background:#fff;
  z-index:-1;
}

.MXCORP-UI-instance02__thumbnail{
  display:none;
}


/* ----- MXCORP-UI-instance03 ----- */
.MXCORP-UI-instance03{
  position:relative;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  padding:17px 50px 17px 10px;
}

.MXCORP-UI-instance03:hover{
  background-color:#f9f9f9;
}

.MXCORP-UI-instance03::before{
  content:"";
  position:absolute;
  right:16px;
  top:0;
  bottom:0;
  width:6px;
  height:6px;
  margin:auto;
  border-top:2px solid #d9d9d9;
  border-right:2px solid #d9d9d9;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}

.MXCORP-UI-instance03__texts{
  -webkit-box-flex:1;
  -webkit-flex:1 1 0;
  flex:1 1 0;
  color:#000;
}

.MXCORP-UI-instance03__head{
  line-height:1.3;
  font-size:1.2em;
}

.MXCORP-UI-instance03:hover .MXCORP-UI-instance03__head{
  text-decoration:underline;
}

.MXCORP-UI-instance03__images{
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;

  -webkit-box-flex:0;
  -webkit-flex:0 0 150px;
  flex:0 0 150px;
  width:150px;
  height:90px;
  margin-left:15px;
  border-radius:6px;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
  overflow:hidden;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,.5));
  filter: drop-shadow(0px 0px 5px rgba(0,0,0,.5));
}

.MXCORP-UI-instance03__thumbnail{
  display:block;
  border-radius:6px;
  opacity:0;
}


/* ----- MXCORP-UI-quote11 ----- */
.MXCORP-UI-quote11{
  box-sizing:border-box;
  width:580px;
  margin:15px auto;
  border:1px solid #d0d0d0;
  border-radius:8px;
  background:#fff;
}

.MXCORP-UI-quote11 .MXCORP-UI-quote__body{
  line-height:1.4;
  padding:25px;
  color:#333;
  font-size:14px;
  font-weight:bold;
}

.MXCORP-UI-quote11 .MXCORP-UI-quote__caption{
  line-height:1.2;
  padding:10px;
  border-radius:0 0 8px 8px;
  background:#f2f2f2;
  color:#231815;
  font-size:12px;
  text-align:right;
}


/* ----- MXCORP-UI-quote12 ----- */
.MXCORP-UI-quote12{
  position:relative;
  box-sizing:border-box;
  width:580px;
  margin:30px auto 15px;
  padding:30px 20px 25px;
  border-radius:10px;
  background:#fbdfdf;
}

.MXCORP-UI-quote12::before{
  position:absolute;
  left:45%;
  top:-24px;
  box-sizing:border-box;
  width:48px;
  height:48px;
  line-height:1;
  padding:12px 0 0;
  border:2px solid #fbdfdf;
  border-radius:24px;
  background-color:#FFFFFF;
  color:#808080;
  font-family:'themify';
  content:'\e643';
  font-size:20px;
  text-align:center;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.MXCORP-UI-quote12 .MXCORP-UI-quote__body{
  padding:0 15px;
  color:#808080;
  font-size:16px;
  font-weight:bold;
}

.MXCORP-UI-quote12 .MXCORP-UI-quote__caption{
  display:block;
  margin:20px 0 -10px;
  padding:15px 15px 0;
  border-top:1px solid #808080;
  color:#808080;
  font-size:12px;
  text-align:right;
}


/* ----- MXCORP-UI-quote13 ----- */
.MXCORP-UI-quote13{
  position:relative;
  box-sizing:border-box;
  width:580px;
  margin:15px auto;
  padding:20px 30px;
  border:1px solid #CCC;
  border-radius:10px;
  background:#ffffff;
  box-shadow:0 1px 3px rgba(0,0,0,.2);
}

.MXCORP-UI-quote13::before{
  position:absolute;
  top:15px;
  left:20px;
  line-height:1;
  font-family:'themify';
  content:'\e643';
  font-size:40px;
  text-align:center;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  opacity:.1;
}

.MXCORP-UI-quote13 .MXCORP-UI-quote__body{
  font-size:16px;
}

.MXCORP-UI-quote13 .MXCORP-UI-quote__caption{
  margin:10px 5px -5px;
  color:#666;
  font-size:14px;
  text-align:right;
}


/* ----- MXCORP-UI-quote14 ----- */
.MXCORP-UI-quote14{
  position:relative;
  box-sizing:border-box;
  width:580px;
  margin:15px auto;
  padding:0px 10px 5px 40px;
  border-top:solid 3px #a5d7ff;
  background:#f0f7ff;
  color:#464646;
}

.MXCORP-UI-quote14::before{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:32px;
  height:30px;
  line-height:30px;
  background:#a5d7ff;
  color:#FFF;
  font-size:18px;
  font-weight:900;
  font-family:'themify';
  content:'\e643';
  text-align:center;
}

.MXCORP-UI-quote14 .MXCORP-UI-quote__body{
  margin:10px 0 0;
}

.MXCORP-UI-quote14 .MXCORP-UI-quote__caption{
  margin:10px 0 0;
  color:#888888;
  font-size:0.9em;
  text-align:right;
}


/* ----- MXCORP-UI-article01 ----- */
.MXCORP-UI-article01{
}

.MXCORP-UI-article01__head{
}

.MXCORP-UI-article01__content{
  line-height:1.5;
  padding:0 0 50px;
  font-size:16px;
  font-feature-settings:"pkna" 1;
  letter-spacing:.03em;
}

.MXCORP-UI-article01__head + .MXCORP-UI-article01__content{
  margin-top:50px;
}

.MXCORP-UI-article01__label{
  font-size:116%;
}

.MXCORP-UI-article01__title{
  line-height:32px;
}

.MXCORP-UI-article01__label + .MXCORP-UI-article01__title{
  margin-top:20px;
}

.MXCORP-UI-article01__share{
  padding-top:20px;
  border-top:1px solid #d9d9d9;
}


/* ----- MXCORP-UI-article01(in article) ----- */
.MXCORP-UI-article01__content p + p{
  margin-top:30px;
}

.MXCORP-UI-article01__content a:hover{
  text-decoration:underline;
}

.MXCORP-UI-article01__content strong,
.MXCORP-UI-article01__content b{
  font-weight:bold;
}

.MXCORP-UI-article01__content table{
  border-top:1px solid #d9d9d9;
  border-left:1px solid #d9d9d9;
}

.MXCORP-UI-article01__content th,
.MXCORP-UI-article01__content td{
  border-right:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
}

.MXCORP-UI-article01__content ol{
  margin:10px 0 25px;
  padding:0 10px 0 25px;
  list-style:decimal;
}

.MXCORP-UI-article01__content ul{
  margin:10px 0 25px;
  padding:0 10px 0 25px;
  list-style:disc;
}

.MXCORP-UI-article01__content li{
}

.MXCORP-UI-article01__content .asset-image{
  display:block;
  max-width:100% !important;
  height:auto !important;
  margin:50px 0;
  text-align:center;
}


/* ----- MXCORP-UI-aside01 ----- */
.MXCORP-UI-aside01{
  padding:40px 0 0;
  border-top:1px solid #d9d9d9;
}


/* ----- MXCORP-UI-introduction01 ----- */
.MXCORP-UI-introduction01{
  min-height:290px;
  padding:30px 40px 0;
  border-radius:4px;
  background:#e6e6e6 url(/https/sns.mixi.co.jp/images/img_top002.png) no-repeat 600px 32px;
  background-size:223px auto;
}

.MXCORP-UI-introduction01__catch{
  width:600px;
  line-height:38px;
  margin:0 auto 0 0;
  color:#333;
  font-size:30px;
}

.MXCORP-UI-introduction01__message{
  width:520px;
  line-height:18px;
  margin:8px auto 0 0;
  color:#000;
  font-size:14px;
}

.MXCORP-UI-introduction01__link{
  width:290px;
  margin:18px auto 0 0;
}

.MXCORP-UI-introduction01__linkToDownload{
  margin:10px 0 0;
}

.MXCORP-UI-introduction01__linkToDownload:after{
  content:" ";
  display:block;
  clear:both;
}  /* --- clearfix --- */

.MXCORP-UI-introduction01__linkToAppStore{
  float:left;
  width:48%;
}

.MXCORP-UI-introduction01__linkToGooglePlay{
  float:right;
  width:48%;
}


.MXCORP-UI-introduction01__br01{
  display:none;
}

.MXCORP-UI-introduction01__linkToSPHome{
  display:none;
}


/* ----- MXCORP-UI-introduction02 ----- */
.MXCORP-UI-introduction02{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
  flex:1 1 auto;
  min-height:90px;
  margin:0 0 40px;
  padding:30px 130px 30px 30px;
  border-radius:4px;
  background:#faecd6 url(/https/sns.mixi.co.jp/images/icon_note001.svg) no-repeat 97% 50%;
  background-size:auto 120px;
}

.MXCORP-UI-introduction02__catch{
  display:block;
  color:#333;
  font-size:24px;
}

.MXCORP-UI-introduction02__phrase01,
.MXCORP-UI-introduction02__phrase02{
  display:inline-block;
}


/* ----- MXCORP-UI-formFrame01 ----- */
.MXCORP-UI-formFrame01{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}


/* ----- MXCORP-UI-FormGuide01 ----- */
.MXCORP-UI-FormGuide01{
  padding:0 0 30px;
}

.MXCORP-UI-FormGuide01 p + p{
  margin-top:30px;
}


/* ----- MXCORP-UI-FormMain01 ----- */
.MXCORP-UI-FormMain01{
}

.MXCORP-UI-FormMain01__frame{
}


}  /* --- / at media for wide --- */