@charset "UTF-8";
/* Adult Style */
/* ユーティリティ ユーティリティ系は全部u-をつける */
.u-none { display: none; }

.u-rowLimit1 { overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-height: 1.3em !important; }

.u-rowLimit2 { overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-height: 2.5em !important; }

.u-rowLimit3 { overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-height: 3.8em !important; }

.u-scroll { overflow: auto; }

.u-minWidth50 { min-width: 100px !important; }

.u-minWidth100 { min-width: 100px !important; }

.u-minWidth150 { min-width: 150px !important; }

.u-minWidth200 { min-width: 150px !important; }

.u-maxWidth50 { max-width: 100px !important; }

.u-maxWidth100 { max-width: 100px !important; }

.u-maxWidth150 { max-width: 150px !important; }

.u-maxWidth200 { max-width: 150px !important; }

.u-nowrap { white-space: nowrap !important; }

.u-keepAll { word-break: keep-all !important; }

.u-breakAll { word-break: break-all !important; }

.u-textLeft { text-align: left !important; }

.u-textCenter { text-align: center !important; }

.u-textRight { text-align: right !important; }

.u-noPadding { padding: 0 !important; }

.u-marginBottom1 { margin-bottom: 8px !important; }

.u-marginBottom2 { margin-bottom: 16px !important; }

.u-marginBottom3 { margin-bottom: 24px !important; }

.u-marginBottom4 { margin-bottom: 32px !important; }

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

.u-marginCenter { margin-right: auto !important; margin-left: auto !important; }

.u-fontWeightBold { font-weight: bold !important; }

.u-fontWeightNormal { font-weight: normal !important; }

.u-fontSize10 { font-size: 11px !important; }

.u-fontSize11 { font-size: 11px !important; }

.u-fontSize12 { font-size: 12px !important; }

.u-fontSize14 { font-size: 14px !important; }

.u-fontSize16 { font-size: 16px !important; }

.u-fontSize18 { font-size: 18px !important; }

.u-fontSize20 { font-size: 20px !important; }

.u-fontSize22 { font-size: 22px !important; }

.u-fontSize24 { font-size: 24px !important; }

.u-lineHeight11 { line-height: 11px !important; }

.u-lineHeight12 { line-height: 12px !important; }

.u-lineHeight14 { line-height: 14px !important; }

.u-lineHeight16 { line-height: 16px !important; }

.u-textRed { color: red !important; }

.u-textPink { color: deeppink !important; }

.u-textBlue { color: blue !important; }

.u-textGreen { color: green !important; }

.u-textBold { font-weight: 600; }

.u-displayNone { display: none; }

.u-floatRight { float: right !important; }

.u-floatLeft { float: left !important; }

.u-floatClear { overflow: hidden; *zoom: 1; }

.u-cursorPointer { cursor: pointer !important; }

.u-clearFix { overflow: hidden; *zoom: 1; }

/** Rmma.css **/
.u-pos-s { position: static !important; }

.u-pos-a { position: absolute !important; }

.u-pos-r { position: relative !important; }

.u-pos-f { position: fixed !important; }

.u-t-a { top: auto !important; }

.u-t-0 { top: 0 !important; }

.u-r-a { right: auto !important; }

.u-r-0 { right: 0 !important; }

.u-b-a { bottom: auto !important; }

.u-b-0 { bottom: 0 !important; }

.u-l-a { left: auto !important; }

.u-l-0 { left: 0 !important; }

.u-z-a { z-index: auto !important; }

.u-z-0 { z-index: 0 !important; }

.u-z-1 { z-index: 1 !important; }

.u-z-2 { z-index: 2 !important; }

.u-z-3 { z-index: 3 !important; }

.u-z-4 { z-index: 4 !important; }

.u-z-5 { z-index: 5 !important; }

.u-z-6 { z-index: 6 !important; }

.u-z-9999 { z-index: 9999 !important; }

.u-fl-n { float: none !important; }

.u-fl-l { float: left !important; }

.u-fl-r { float: right !important; }

.u-cl-n { clear: none !important; }

.u-cl-l { clear: left !important; }

.u-cl-r { clear: right !important; }

.u-cl-b { clear: both !important; }

.u-d-n { display: none !important; }

.u-d-b { display: block !important; }

.u-d-f { display: flex !important; }

.u-d-if { display: inline-flex !important; }

.u-d-i { display: inline !important; }

.u-d-ib { display: inline-block !important; }

.u-d-li { display: list-item !important; }

.u-d-ri { display: run-in !important; }

.u-d-cp { display: compact !important; }

.u-d-tb { display: table !important; }

.u-d-itb { display: inline-table !important; }

.u-d-tbcp { display: table-caption !important; }

.u-d-tbcl { display: table-column !important; }

.u-d-tbclg { display: table-column-group !important; }

.u-d-tbhg { display: table-header-group !important; }

.u-d-tbfg { display: table-footer-group !important; }

.u-d-tbr { display: table-row !important; }

.u-d-tbrg { display: table-row-group !important; }

.u-d-tbc { display: table-cell !important; }

.u-d-rb { display: ruby !important; }

.u-d-rbb { display: ruby-base !important; }

.u-d-rbbg { display: ruby-base-group !important; }

.u-d-rbt { display: ruby-text !important; }

.u-d-rbtg { display: ruby-text-group !important; }

.u-v-v { visibility: visible !important; }

.u-v-h { visibility: hidden !important; }

.u-v-c { visibility: collapse !important; }

.u-ov-v { overflow: visible !important; }

.u-ov-h { overflow: hidden !important; }

.u-ov-s { overflow: scroll !important; }

.u-ov-a { overflow: auto !important; }

.u-ovx-v { overflow-x: visible !important; }

.u-ovx-h { overflow-x: hidden !important; }

.u-ovx-s { overflow-x: scroll !important; }

.u-ovx-a { overflow-x: auto !important; }

.u-ovy-v { overflow-y: visible !important; }

.u-ovy-h { overflow-y: hidden !important; }

.u-ovy-s { overflow-y: scroll !important; }

.u-ovy-a { overflow-y: auto !important; }

.u-bxz-cb { box-sizing: content-box !important; }

.u-bxz-bb { box-sizing: border-box !important; }

.u-bxsh-n { box-shadow: none !important; }

.u-m-a { margin: auto !important; }

.u-m-0 { margin: 0 !important; }

.u-m-0_a { margin: 0 auto !important; }

.u-m-xs { margin: 0.2rem !important; }

.u-m-sm { margin: 0.5rem !important; }

.u-m-md { margin: 1rem !important; }

.u-m-lg { margin: 1.5rem !important; }

.u-m-xl { margin: 3rem !important; }

.u-mt-0 { margin-top: 0 !important; }

.u-mt-xs { margin-top: 0.2rem !important; }

.u-mt-sm { margin-top: 0.5rem !important; }

.u-mt-md { margin-top: 1rem !important; }

.u-mt-lg { margin-top: 1.5rem !important; }

.u-mt-xl { margin-top: 3rem !important; }

.u-mr-a { margin-right: auto !important; }

.u-mr-0 { margin-right: 0 !important; }

.u-mr-xs { margin-right: 0.2rem !important; }

.u-mr-sm { margin-right: 0.5rem !important; }

.u-mr-md { margin-right: 1rem !important; }

.u-mr-lg { margin-right: 1.5rem !important; }

.u-mr-xl { margin-right: 3rem !important; }

.u-mb-0 { margin-bottom: 0 !important; }

.u-mb-xs { margin-bottom: 0.2rem !important; }

.u-mb-sm { margin-bottom: 0.5rem !important; }

.u-mb-md { margin-bottom: 1rem !important; }

.u-mb-lg { margin-bottom: 1.5rem !important; }

.u-mb-xl { margin-bottom: 3rem !important; }

.u-ml-a { margin-left: auto !important; }

.u-ml-0 { margin-left: 0 !important; }

.u-ml-xs { margin-left: 0.2rem !important; }

.u-ml-sm { margin-left: 0.5rem !important; }

.u-ml-md { margin-left: 1rem !important; }

.u-ml-lg { margin-left: 1.5rem !important; }

.u-ml-xl { margin-left: 3rem !important; }

.u-p-0 { padding: 0 !important; }

.u-p-xs { padding: 0.2rem !important; }

.u-p-sm { padding: 0.5rem !important; }

.u-p-md { padding: 1rem !important; }

.u-p-lg { padding: 1.5rem !important; }

.u-p-xl { padding: 3rem !important; }

.u-pt-0 { padding-top: 0 !important; }

.u-pt-xs { padding-top: 0.2rem !important; }

.u-pt-sm { padding-top: 0.5rem !important; }

.u-pt-md { padding-top: 1rem !important; }

.u-pt-lg { padding-top: 1.5rem !important; }

.u-pt-xl { padding-top: 3rem !important; }

.u-pr-0 { padding-right: 0 !important; }

.u-pr-xs { padding-right: 0.2rem !important; }

.u-pr-sm { padding-right: 0.5rem !important; }

.u-pr-md { padding-right: 1rem !important; }

.u-pr-lg { padding-right: 1.5rem !important; }

.u-pr-xl { padding-right: 3rem !important; }

.u-pb-0 { padding-bottom: 0 !important; }

.u-pb-xs { padding-bottom: 0.2rem !important; }

.u-pb-sm { padding-bottom: 0.5rem !important; }

.u-pb-md { padding-bottom: 1rem !important; }

.u-pb-lg { padding-bottom: 1.5rem !important; }

.u-pb-xl { padding-bottom: 3rem !important; }

.u-pl-0 { padding-left: 0 !important; }

.u-pl-xs { padding-left: 0.2rem !important; }

.u-pl-sm { padding-left: 0.5rem !important; }

.u-pl-md { padding-left: 1rem !important; }

.u-pl-lg { padding-left: 1.5rem !important; }

.u-pl-xl { padding-left: 3rem !important; }

.u-w-a { width: auto !important; }

.u-w-0 { width: 0 !important; }

.u-w-1p { width: 1% !important; }

.u-w-10p { width: 10% !important; }

.u-w-20p { width: 20% !important; }

.u-w-25p { width: 25% !important; }

.u-w-30p { width: 30% !important; }

.u-w-33p { width: 33% !important; }

.u-w-40p { width: 40% !important; }

.u-w-50p { width: 50% !important; }

.u-w-60p { width: 60% !important; }

.u-w-66p { width: 66% !important; }

.u-w-70p { width: 70% !important; }

.u-w-75p { width: 75% !important; }

.u-w-80p { width: 80% !important; }

.u-w-90p { width: 90% !important; }

.u-w-100p { width: 100% !important; }

.u-h-a { height: auto !important; }

.u-h-0 { height: 0 !important; }

.u-h-100p { height: 100% !important; }

.u-maw-n { max-width: none !important; }

.u-maw-1p { max-width: 1% !important; }

.u-maw-10p { max-width: 10% !important; }

.u-maw-20p { max-width: 20% !important; }

.u-maw-25p { max-width: 25% !important; }

.u-maw-30p { max-width: 30% !important; }

.u-maw-33p { max-width: 33% !important; }

.u-maw-40p { max-width: 40% !important; }

.u-maw-50p { max-width: 50% !important; }

.u-maw-60p { max-width: 60% !important; }

.u-maw-66p { max-width: 66% !important; }

.u-maw-70p { max-width: 70% !important; }

.u-maw-75p { max-width: 75% !important; }

.u-maw-80p { max-width: 80% !important; }

.u-maw-90p { max-width: 90% !important; }

.u-maw-100p { max-width: 100% !important; }

.u-mah-n { max-height: none !important; }

.u-mah-100p { max-height: 100% !important; }

.u-miw-0 { min-width: 0 !important; }

.u-mih-0 { min-height: 0 !important; }

.u-ol-n { outline: none !important; }

.u-olw-tn { outline-width: thin !important; }

.u-olw-md { outline-width: medium !important; }

.u-olw-tc { outline-width: thick !important; }

.u-ols-n { outline-style: none !important; }

.u-ols-dt { outline-style: dotted !important; }

.u-ols-ds { outline-style: dashed !important; }

.u-ols-s { outline-style: solid !important; }

.u-ols-db { outline-style: double !important; }

.u-ols-g { outline-style: groove !important; }

.u-ols-r { outline-style: ridge !important; }

.u-ols-i { outline-style: inset !important; }

.u-ols-o { outline-style: outset !important; }

.u-olc-i { outline-color: invert !important; }

.u-bfv-h { backface-visibility: hidden !important; }

.u-bfv-v { backface-visibility: visible !important; }

.u-bd-n { border: none !important; }

.u-bd-0 { border: 0 !important; }

.u-bdcl-c { border-collapse: collapse !important; }

.u-bdcl-s { border-collapse: separate !important; }

.u-bdc-t { border-color: transparent !important; }

.u-bdc-cc { border-color: currentColor !important; }

.u-bdc-white { border-color: #ffffff !important; }

.u-bdc-silver { border-color: #dddddd !important; }

.u-bdc-gray { border-color: #aaaaaa !important; }

.u-bdc-black { border-color: #111111 !important; }

.u-bdc-navy { border-color: #001f3f !important; }

.u-bdc-blue { border-color: #0074d9 !important; }

.u-bdc-aqua { border-color: #7fdbff !important; }

.u-bdc-teal { border-color: #39cccc !important; }

.u-bdc-olive { border-color: #3d9970 !important; }

.u-bdc-green { border-color: #2ecc40 !important; }

.u-bdc-lime { border-color: #01ff70 !important; }

.u-bdc-yellow { border-color: #ffdc00 !important; }

.u-bdc-orange { border-color: #ff851b !important; }

.u-bdc-red { border-color: #ff4136 !important; }

.u-bdc-maroon { border-color: #85144b !important; }

.u-bdc-fuchsia { border-color: #f012be !important; }

.u-bdc-purple { border-color: #b10dc9 !important; }

.u-bdc-primary { border-color: #0275d8 !important; }

.u-bdc-success { border-color: #5cb85c !important; }

.u-bdc-info { border-color: #5bc0de !important; }

.u-bdc-warning { border-color: #f0ad4e !important; }

.u-bdc-danger { border-color: #d9534f !important; }

.u-bdi-n { border-image: none !important; }

.u-bds-n { border-style: none !important; }

.u-bds-h { border-style: hidden !important; }

.u-bds-dt { border-style: dotted !important; }

.u-bds-ds { border-style: dashed !important; }

.u-bds-s { border-style: solid !important; }

.u-bds-db { border-style: double !important; }

.u-bds-w { border-style: wave !important; }

.u-bds-g { border-style: groove !important; }

.u-bds-r { border-style: ridge !important; }

.u-bds-i { border-style: inset !important; }

.u-bds-o { border-style: outset !important; }

.u-bdw-0 { border-width: 0 !important; }

.u-bdw-1 { border-width: 1px !important; }

.u-bdw-2 { border-width: 2px !important; }

.u-bdw-3 { border-width: 3px !important; }

.u-bdw-4 { border-width: 4px !important; }

.u-bdw-5 { border-width: 5px !important; }

.u-bdw-6 { border-width: 6px !important; }

.u-bdtw-0 { border-top-width: 0 !important; }

.u-bdtw-1 { border-top-width: 1px !important; }

.u-bdtw-2 { border-top-width: 2px !important; }

.u-bdtw-3 { border-top-width: 3px !important; }

.u-bdtw-4 { border-top-width: 4px !important; }

.u-bdtw-5 { border-top-width: 5px !important; }

.u-bdtw-6 { border-top-width: 6px !important; }

.u-bdrw-0 { border-right-width: 0 !important; }

.u-bdrw-1 { border-right-width: 1px !important; }

.u-bdrw-2 { border-right-width: 2px !important; }

.u-bdrw-3 { border-right-width: 3px !important; }

.u-bdrw-4 { border-right-width: 4px !important; }

.u-bdrw-5 { border-right-width: 5px !important; }

.u-bdrw-6 { border-right-width: 6px !important; }

.u-bdbw-0 { border-bottom-width: 0 !important; }

.u-bdbw-1 { border-bottom-width: 1px !important; }

.u-bdbw-2 { border-bottom-width: 2px !important; }

.u-bdbw-3 { border-bottom-width: 3px !important; }

.u-bdbw-4 { border-bottom-width: 4px !important; }

.u-bdbw-5 { border-bottom-width: 5px !important; }

.u-bdbw-6 { border-bottom-width: 6px !important; }

.u-bdlw-0 { border-left-width: 0 !important; }

.u-bdlw-1 { border-left-width: 1px !important; }

.u-bdlw-2 { border-left-width: 2px !important; }

.u-bdlw-3 { border-left-width: 3px !important; }

.u-bdlw-4 { border-left-width: 4px !important; }

.u-bdlw-5 { border-left-width: 5px !important; }

.u-bdlw-6 { border-left-width: 6px !important; }

.u-bdt-n { border-top: none !important; }

.u-bdt-0 { border-top: 0 !important; }

.u-bdtc-t { border-top-color: transparent !important; }

.u-bdtc-cc { border-top-color: currentColor !important; }

.u-bdr-n { border-right: none !important; }

.u-bdr-0 { border-right: 0 !important; }

.u-bdrc-t { border-right-color: transparent !important; }

.u-bdrc-cc { border-right-color: currentColor !important; }

.u-bdb-n { border-bottom: none !important; }

.u-bdb-0 { border-bottom: 0 !important; }

.u-bdbc-t { border-bottom-color: transparent !important; }

.u-bdbc-cc { border-bottom-color: currentColor !important; }

.u-bdl-n { border-left: none !important; }

.u-bdl-0 { border-left: 0 !important; }

.u-bdlc-t { border-left-color: transparent !important; }

.u-bdlc-cc { border-left-color: currentColor !important; }

.u-bdrs-xs { border-radius: 0.1rem !important; }

.u-bdrs-sm { border-radius: 0.2rem !important; }

.u-bdrs-md { border-radius: 0.25rem !important; }

.u-bdrs-lg { border-radius: 0.3rem !important; }

.u-bdrs-xl { border-radius: 0.4rem !important; }

.u-bdrs-0 { border-radius: 0 !important; }

.u-bdrs-1 { border-radius: 1px !important; }

.u-bdrs-2 { border-radius: 2px !important; }

.u-bdrs-3 { border-radius: 3px !important; }

.u-bdrs-4 { border-radius: 4px !important; }

.u-bdrs-5 { border-radius: 5px !important; }

.u-bdrs-6 { border-radius: 6px !important; }

.u-bdrs-100p { border-radius: 100% !important; }

.u-bg-n { background: none !important; }

.u-bgc-t { background-color: transparent !important; }

.u-bgc-cc { background-color: currentColor !important; }

.u-bgc-white { background-color: #ffffff !important; }

.u-bgc-silver { background-color: #dddddd !important; }

.u-bgc-gray { background-color: #aaaaaa !important; }

.u-bgc-black { background-color: #111111 !important; }

.u-bgc-navy { background-color: #001f3f !important; }

.u-bgc-blue { background-color: #0074d9 !important; }

.u-bgc-aqua { background-color: #7fdbff !important; }

.u-bgc-teal { background-color: #39cccc !important; }

.u-bgc-olive { background-color: #3d9970 !important; }

.u-bgc-green { background-color: #2ecc40 !important; }

.u-bgc-lime { background-color: #01ff70 !important; }

.u-bgc-yellow { background-color: #ffdc00 !important; }

.u-bgc-orange { background-color: #ff851b !important; }

.u-bgc-red { background-color: #ff4136 !important; }

.u-bgc-maroon { background-color: #85144b !important; }

.u-bgc-fuchsia { background-color: #f012be !important; }

.u-bgc-purple { background-color: #b10dc9 !important; }

.u-bgc-primary { background-color: #0275d8 !important; }

.u-bgc-success { background-color: #5cb85c !important; }

.u-bgc-info { background-color: #5bc0de !important; }

.u-bgc-warning { background-color: #f0ad4e !important; }

.u-bgc-danger { background-color: #d9534f !important; }

.u-bgi-n { background-image: none !important; }

.u-bgr-n { background-repeat: no-repeat !important; }

.u-bgr-x { background-repeat: repeat-x !important; }

.u-bgr-y { background-repeat: repeat-y !important; }

.u-bgr-sp { background-repeat: space !important; }

.u-bgr-rd { background-repeat: round !important; }

.u-bga-f { background-attachment: fixed !important; }

.u-bga-s { background-attachment: scroll !important; }

.u-bgp-t { background-position: top !important; }

.u-bgp-r { background-position: right !important; }

.u-bgp-b { background-position: bottom !important; }

.u-bgp-l { background-position: left !important; }

.u-bgp-c { background-position: center !important; }

.u-bgsz-a { background-size: auto !important; }

.u-bgsz-ct { background-size: contain !important; }

.u-bgsz-cv { background-size: cover !important; }

.u-c-i { color: inherit !important; }

.u-c-white { color: #ffffff !important; }

.u-c-silver { color: #dddddd !important; }

.u-c-gray { color: #aaaaaa !important; }

.u-c-black { color: #111111 !important; }

.u-c-navy { color: #001f3f !important; }

.u-c-blue { color: #0074d9 !important; }

.u-c-aqua { color: #7fdbff !important; }

.u-c-teal { color: #39cccc !important; }

.u-c-olive { color: #3d9970 !important; }

.u-c-green { color: #2ecc40 !important; }

.u-c-lime { color: #01ff70 !important; }

.u-c-yellow { color: #ffdc00 !important; }

.u-c-orange { color: #ff851b !important; }

.u-c-red { color: #ff4136 !important; }

.u-c-maroon { color: #85144b !important; }

.u-c-fuchsia { color: #f012be !important; }

.u-c-purple { color: #b10dc9 !important; }

.u-c-primary { color: #0275d8 !important; }

.u-c-success { color: #5cb85c !important; }

.u-c-info { color: #5bc0de !important; }

.u-c-warning { color: #f0ad4e !important; }

.u-c-danger { color: #d9534f !important; }

.u-tbl-a { table-layout: auto !important; }

.u-tbl-f { table-layout: fixed !important; }

.u-lis-n { list-style: none !important; }

.u-lisp-i { list-style-position: inside !important; }

.u-lisp-o { list-style-position: outside !important; }

.u-list-n { list-style-type: none !important; }

.u-list-d { list-style-type: disc !important; }

.u-list-c { list-style-type: circle !important; }

.u-list-s { list-style-type: square !important; }

.u-list-dc { list-style-type: decimal !important; }

.u-list-dclz { list-style-type: decimal-leading-zero !important; }

.u-list-lr { list-style-type: lower-roman !important; }

.u-list-ur { list-style-type: upper-roman !important; }

.u-lisi-n { list-style-image: none !important; }

.u-va-sup { vertical-align: super !important; }

.u-va-t { vertical-align: top !important; }

.u-va-tt { vertical-align: text-top !important; }

.u-va-m { vertical-align: middle !important; }

.u-va-bl { vertical-align: baseline !important; }

.u-va-b { vertical-align: bottom !important; }

.u-va-tb { vertical-align: text-bottom !important; }

.u-va-sub { vertical-align: sub !important; }

.u-ta-l { text-align: left !important; }

.u-ta-c { text-align: center !important; }

.u-ta-r { text-align: right !important; }

.u-ta-j { text-align: justify !important; }

.u-td-n { text-decoration: none !important; }

.u-td-u { text-decoration: underline !important; }

.u-td-o { text-decoration: overline !important; }

.u-td-l { text-decoration: line-through !important; }

.u-te-n { text-emphasis: none !important; }

.u-te-ac { text-emphasis: accent !important; }

.u-te-dt { text-emphasis: dot !important; }

.u-te-c { text-emphasis: circle !important; }

.u-te-ds { text-emphasis: disc !important; }

.u-te-b { text-emphasis: before !important; }

.u-te-a { text-emphasis: after !important; }

.u-ti-0 { text-indent: 0 !important; }

.u-ti--9999 { text-indent: -9999px !important; }

.u-tov-e { text-overflow: ellipsis !important; }

.u-tov-c { text-overflow: clip !important; }

.u-tt-n { text-transform: none !important; }

.u-tt-c { text-transform: capitalize !important; }

.u-tt-u { text-transform: uppercase !important; }

.u-tt-l { text-transform: lowercase !important; }

.u-tsh-n { text-shadow: none !important; }

.u-lh-nm { line-height: normal !important; }

.u-lh-i { line-height: inherit !important; }

.u-lh-0 { line-height: 0 !important; }

.u-lh-1 { line-height: 1 !important; }

.u-lh-2 { line-height: 2 !important; }

.u-lh-3 { line-height: 3 !important; }

.u-lh-4 { line-height: 4 !important; }

.u-lh-5 { line-height: 5 !important; }

.u-lh-6 { line-height: 6 !important; }

.u-lh-xs { line-height: 1.25 !important; }

.u-lh-sm { line-height: 1.33 !important; }

.u-lh-md { line-height: 1.5 !important; }

.u-lh-lg { line-height: 1.75 !important; }

.u-lh-xl { line-height: 2 !important; }

.u-whs-nm { white-space: normal !important; }

.u-whs-p { white-space: pre !important; }

.u-whs-nw { white-space: nowrap !important; }

.u-whs-pw { white-space: pre-wrap !important; }

.u-whs-pl { white-space: pre-line !important; }

.u-wob-nm { word-break: normal !important; }

.u-wob-k { word-break: keep-all !important; }

.u-wob-ba { word-break: break-all !important; }

.u-wow-nm { word-wrap: normal !important; }

.u-wow-n { word-wrap: none !important; }

.u-wow-u { word-wrap: unrestricted !important; }

.u-wow-s { word-wrap: suppress !important; }

.u-wow-bw { word-wrap: break-word !important; }

.u-lts-nm { letter-spacing: normal !important; }

.u-fw-nm { font-weight: normal !important; }

.u-fw-b { font-weight: bold !important; }

.u-fw-br { font-weight: bolder !important; }

.u-fw-l { font-weight: 200 !important; }

.u-fw-lr { font-weight: lighter !important; }

.u-fw-100 { font-weight: 100 !important; }

.u-fw-200 { font-weight: 200 !important; }

.u-fw-300 { font-weight: 300 !important; }

.u-fw-400 { font-weight: 400 !important; }

.u-fw-500 { font-weight: 500 !important; }

.u-fw-600 { font-weight: 600 !important; }

.u-fw-700 { font-weight: 700 !important; }

.u-fw-800 { font-weight: 800 !important; }

.u-fw-900 { font-weight: 900 !important; }

.u-fs-nm { font-style: normal !important; }

.u-fs-i { font-style: italic !important; }

.u-fs-o { font-style: oblique !important; }

.u-fv-nm { font-variant: normal !important; }

.u-fv-sc { font-variant: small-caps !important; }

.u-fz-xs { font-size: 0.75rem !important; }

.u-fz-sm { font-size: 0.875rem !important; }

.u-fz-md { font-size: 1rem !important; }

.u-fz-lg { font-size: 1.25rem !important; }

.u-fz-xl { font-size: 1.5rem !important; }

.u-fz-sr { font-size: smaller !important; }

.u-fz-lr { font-size: larger !important; }

.u-fz-10 { font-size: 10px !important; }

.u-fz-11 { font-size: 11px !important; }

.u-fz-12 { font-size: 12px !important; }

.u-fz-13 { font-size: 13px !important; }

.u-fz-14 { font-size: 14px !important; }

.u-fz-15 { font-size: 15px !important; }

.u-fz-16 { font-size: 16px !important; }

.u-fz-17 { font-size: 17px !important; }

.u-fz-18 { font-size: 18px !important; }

.u-fz-19 { font-size: 19px !important; }

.u-fz-20 { font-size: 20px !important; }

.u-fz-h1 { font-size: 2.5rem !important; }

.u-fz-h2 { font-size: 2rem !important; }

.u-fz-h3 { font-size: 1.75rem !important; }

.u-fz-h4 { font-size: 1.5rem !important; }

.u-fz-h5 { font-size: 1.25rem !important; }

.u-fz-h6 { font-size: 1rem !important; }

.u-ff-s { font-family: serif !important; }

.u-ff-ss { font-family: sans-serif !important; }

.u-ff-c { font-family: cursive !important; }

.u-ff-f { font-family: fantasy !important; }

.u-ff-m { font-family: monospace !important; }

.u-ff-a { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

.u-ff-t { font-family: "Times New Roman", Times, Baskerville, Georgia, serif !important; }

.u-ff-v { font-family: Verdana, Geneva, sans-serif !important; }

.u-ff-l { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

.u-ff-j { font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important; }

.u-op-0 { opacity: 0 !important; }

.u-op-0_1 { opacity: 0.1 !important; }

.u-op-0_2 { opacity: 0.2 !important; }

.u-op-0_3 { opacity: 0.3 !important; }

.u-op-0_4 { opacity: 0.4 !important; }

.u-op-0_5 { opacity: 0.5 !important; }

.u-op-0_6 { opacity: 0.6 !important; }

.u-op-0_7 { opacity: 0.7 !important; }

.u-op-0_8 { opacity: 0.8 !important; }

.u-op-0_9 { opacity: 0.9 !important; }

.u-op-1 { opacity: 1 !important; }

.u-rsz-n { resize: none !important; }

.u-rsz-b { resize: both !important; }

.u-rsz-h { resize: horizontal !important; }

.u-rsz-v { resize: vertical !important; }

.u-cur-a { cursor: auto !important; }

.u-cur-d { cursor: default !important; }

.u-cur-c { cursor: crosshair !important; }

.u-cur-ha { cursor: hand !important; }

.u-cur-he { cursor: help !important; }

.u-cur-m { cursor: move !important; }

.u-cur-p { cursor: pointer !important; }

.u-cur-t { cursor: text !important; }

.u-fxd-r { flex-direction: row !important; }

.u-fxd-rr { flex-direction: row-reverse !important; }

.u-fxd-c { flex-direction: column !important; }

.u-fxd-cr { flex-direction: column-reverse !important; }

.u-fxw-n { flex-wrap: nowrap !important; }

.u-fxw-w { flex-wrap: wrap !important; }

.u-fxw-wr { flex-wrap: wrap-reverse !important; }

.u-jc-fs { justify-content: flex-start !important; }

.u-jc-fe { justify-content: flex-end !important; }

.u-jc-c { justify-content: center !important; }

.u-jc-sb { justify-content: space-between !important; }

.u-jc-sa { justify-content: space-around !important; }

.u-ai-fs { align-items: flex-start !important; }

.u-ai-fe { align-items: flex-end !important; }

.u-ai-c { align-items: center !important; }

.u-ai-b { align-items: baseline !important; }

.u-ai-s { align-items: stretch !important; }

.u-ac-fs { align-content: flex-start !important; }

.u-ac-fe { align-content: flex-end !important; }

.u-ac-c { align-content: center !important; }

.u-ac-sb { align-content: space-between !important; }

.u-ac-sa { align-content: space-around !important; }

.u-ac-s { align-content: stretch !important; }

.u-ord--1 { order: -1 !important; }

.u-ord-0 { order: 0 !important; }

.u-ord-1 { order: 1 !important; }

.u-ord-2 { order: 2 !important; }

.u-ord-3 { order: 3 !important; }

.u-ord-4 { order: 4 !important; }

.u-ord-5 { order: 5 !important; }

.u-ord-6 { order: 6 !important; }

.u-ord-9999 { order: 9999 !important; }

.u-fx-n { flex: none !important; }

.u-fx-1_1_a { flex: 1 1 auto !important; }

.u-fx-1_0_a { flex: 1 0 auto !important; }

.u-fx-1_1_1 { flex: 1 1 1px !important; }

.u-as-a { align-self: auto !important; }

.u-as-fs { align-self: flex-start !important; }

.u-as-fe { align-self: flex-end !important; }

.u-as-c { align-self: center !important; }

.u-as-b { align-self: baseline !important; }

.u-as-s { align-self: stretch !important; }

.u-wfsm-a { -webkit-font-smoothing: antialiased !important; }

.u-wfsm-sa { -webkit-font-smoothing: subpixel-antialiased !important; }

.u-wfsm-n { -webkit-font-smoothing: none !important; }

.u-obf-f { object-fit: fill !important; }

.u-obf-ct { object-fit: contain !important; }

.u-obf-cv { object-fit: cover !important; }

.u-obf-n { object-fit: none !important; }

.u-obf-sd { object-fit: scale-down !important; }

.u-cf:before, .u-cf:after { content: " "; display: table; }

.u-cf:after { clear: both; }

.u-tetr { max-width: 100%; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: normal !important; }

.u-tehi { overflow: hidden !important; text-indent: 200% !important; white-space: nowrap !important; }

.u-reli { list-style: none; padding-left: 0; }

.u-abce { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; }

/* ================================================== */
* { margin: 0; padding: 0; font-family: Meiryo, sans-serif, monospace; font-size: 12px; }

.clear { clear: both; }

html { height: 100%; }

body { height: 100%; background-repeat: repeat; background-image: url(/common/image/contents_bg.jpg); z-index: 10; }

img { border: 0; }

.pc { display: inherit; }

.sp { display: none; }

@media screen and (max-width: 699px) { .pc { display: none; }
  .sp { display: inherit; }
  .snowfall-flakes { display: none; } }
/* menu_setting
================================================== */
.menu_box { background-image: url(/common/image/rewrite_im_menu_bg.png); background-repeat: repeat-x; background-position: center top; height: 56px; width: 100%; position: absolute; bottom: 0; z-index: 999; }

body.fixed .menu_box { width: 100%; position: fixed; top: 0px; z-index: 999; }

.menu_box2 { background-image: url(/common/image/rewrite_im_menu_bg.png); background-repeat: repeat-x; background-position: center top; height: 56px; width: 100%; position: fixed; top: 0px; z-index: 999; }

.menu_box_wrapper { width: 1000px; margin-right: auto; margin-left: auto; margin-top: 12px; }

.menu_top { width: 95px; float: left; margin-right: 71px; }

.menu_news { width: 121px; float: left; margin-right: 71px; }

.menu_character { float: left; width: 257px; margin-right: 71px; }

.menu_play { float: left; width: 99px; margin-right: 71px; }

.menu_special { float: left; width: 144px; }

.menu_box_left_icon { position: absolute; margin-top: 6px; left: 0; }

.menu_box_right_icon { position: absolute; margin-top: 6px; right: 0; }

.sp_menu_box nav { position: absolute; top: 100%; }

.sp_menu_box { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #2f1c0d), color-stop(0, #4c311b)); background: -webkit-linear-gradient(top, #4c311b 0%, #2f1c0d 88%); background: -moz-linear-gradient(top, #4c311b 0%, #2f1c0d 88%); background: -o-linear-gradient(top, #4c311b 0%, #2f1c0d 88%); background: -ms-linear-gradient(top, #4c311b 0%, #2f1c0d 88%); background: linear-gradient(to bottom, #4c311b 0%, #2f1c0d 88%); color: white; width: 100%; height: 40px; z-index: 1000; position: fixed; }

.sp_menu_box .menu_button { border-left: solid 1px #dfa750; float: right; width: 90px; padding-left: 10px; padding-right: 10px; height: 100%; text-align: center; }

.sp_menu_box .menu_button span { line-height: 40px; }

.sp_menu_box nav { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #2f1c0d), color-stop(0, #4c311b)); background: -webkit-linear-gradient(top, #4c311b 0%, #2f1c0d 88%); background: -moz-linear-gradient(top, #4c311b 0%, #2f1c0d 88%); background: -o-linear-gradient(top, #4c311b 0%, #2f1c0d 88%); background: -ms-linear-gradient(top, #4c311b 0%, #2f1c0d 88%); background: linear-gradient(to bottom, #4c311b 0%, #2f1c0d 88%); color: white; width: 100%; }

.sp_menu_box nav ul { list-style-type: none; margin: 0; padding: 0; }

.sp_menu_box nav ul li:first-child { border-top: solid 1px #dfa750; }

.sp_menu_box nav ul li { border-bottom: dotted 1px #dfa750; text-align: center; padding: 1em; }

/* top_setting
================================================== */
.face_book_bt { float: right; margin-left: 5px; height: 20px; }

.twitter_bt { float: right; margin-left: 5px; }

.share_bt { float: right; }

.top_main_box { left: 0; right: 0; bottom: 0; width: 100%; height: 100%; position: relative; min-width: 1000px; background-image: url(/common/image/rewrite_im_top_bg.jpg); background-repeat: no-repeat; background-position: center top; }

.top_logo { width: 24%; background-repeat: no-repeat; position: absolute; left: 50%; top: 80px; right: auto; min-width: 400px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; }

@media screen and (max-width: 1400px) { .top_logo { top: 60%; } }
.top_catch { width: 48%; background-repeat: no-repeat; position: absolute; left: 50%; top: 20px; right: auto; min-width: 600px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; }

.top_twitter { width: 235px; position: absolute; top: 26px; right: 16px; z-index: 999; }

.top_text { width: 20%; position: absolute; bottom: 70px; right: 16px; z-index: 999; }

.top_movie { width: 20%; position: absolute; top: 60px; left: 16px; z-index: 999; }

.top_twitter_title { height: 50px; width: 220px; position: absolute; top: 60px; right: 16px; z-index: 999; }

.top_twitter_box { width: 220px; height: 300px; position: absolute; top: 120px; right: 16px; z-index: 999; }

.top_information_bt { height: 60px; width: 220px; position: absolute; top: 430px; right: 16px; z-index: 999; }

.top_main_twitter { width: 300px; margin-right: auto; margin-left: auto; }

.pre_campaign_bt { width: 26%; position: absolute; bottom: 70px; left: 16px; z-index: 999; }

.pre_campaign_bt_sp { width: 80%; margin: auto; z-index: 999; padding-top: 115%; }

.top_chara_kotarou { width: 28%; background-repeat: no-repeat; position: absolute; left: 50%; bottom: 0px; right: auto; min-width: 0px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 100; }

.top_chara_kotori { width: 22%; background-repeat: no-repeat; position: absolute; left: 38%; bottom: 0px; right: auto; min-width: 0px; -moz-transform: translateX(-38%); -webkit-transform: translateX(-38%); -o-transform: translateX(-38%); -ms-transform: translateX(-38%); transform: translateX(-38%); z-index: 90; }

.top_chara_kagari { width: 27%; background-repeat: no-repeat; position: absolute; left: 55%; bottom: 0px; right: auto; min-width: 0px; -moz-transform: translateX(-55%); -webkit-transform: translateX(-55%); -o-transform: translateX(-55%); -ms-transform: translateX(-55%); transform: translateX(-55%); z-index: 80; }

.top_chara_lucia { width: 27%; background-repeat: no-repeat; position: absolute; left: 27%; bottom: 0px; right: auto; min-width: 0px; -moz-transform: translateX(-27%); -webkit-transform: translateX(-27%); -o-transform: translateX(-27%); -ms-transform: translateX(-27%); transform: translateX(-27%); z-index: 70; }

.top_chara_sizuru { width: 26%; background-repeat: no-repeat; position: absolute; left: 70%; bottom: 0px; right: auto; min-width: 0px; -moz-transform: translateX(-70%); -webkit-transform: translateX(-70%); -o-transform: translateX(-70%); -ms-transform: translateX(-70%); transform: translateX(-70%); z-index: 60; }

.top_chara_chihaya { width: 26%; background-repeat: no-repeat; position: absolute; left: 15%; bottom: 0px; right: auto; min-width: 0px; -moz-transform: translateX(-15%); -webkit-transform: translateX(-15%); -o-transform: translateX(-15%); -ms-transform: translateX(-15%); transform: translateX(-15%); z-index: 50; }

.top_chara_akane { width: 26%; background-repeat: no-repeat; position: absolute; left: 80%; bottom: 0px; right: auto; min-width: 0px; -moz-transform: translateX(-80%); -webkit-transform: translateX(-80%); -o-transform: translateX(-80%); -ms-transform: translateX(-80%); transform: translateX(-80%); z-index: 50; }

/* ▼20170120更新▼ */
.top_main_box_sp { width: 100%; background-image: url(/common/image/sp_top_image3.png); background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; -o-background-size: contain; -ms-background-size: contain; background-repeat: no-repeat; }

.top_main_box_space_sp { width: 80%; margin: auto; z-index: 999; padding-top: 105%; }

/* ▲20170120更新▲ */
.top_movie_sp { width: 80%; margin: auto; padding-top: 4%; }

.top_information_bt_sp { width: 80%; margin: auto; }

/* contents_setting
================================================== */
.contents_top_bg_left { height: 321px; width: 232px; position: fixed; top: 60px; left: 0; background-image: url(/common/image/contents_top_left_bg.png); background-repeat: no-repeat; z-index: -999; }

.contents_top_bg_right { height: 321px; width: 232px; position: fixed; top: 60px; right: 0; background-image: url(/common/image/contents_top_right_bg.png); background-repeat: no-repeat; z-index: -999; }

.contents_title { width: 1000px; margin-right: auto; margin-left: auto; }

.contents_title_sp { width: 100%; margin-right: auto; margin-left: auto; padding-top: 4%; padding-bottom: 2%; }

/* ▼20170120更新▼ */
.contents_space { height: 60px; width: 100px; }

/* ▲20170120更新▲ */
.contents_world_box { width: 1000px; margin-right: auto; margin-left: auto; padding-bottom: 40px; }

.contents_world_image { width: 1000px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; }

.contents_world_movie { width: 400px; float: left; }

.contents_world_rewrite_banner { width: 564px; padding-top: 30px; margin-right: auto; margin-left: auto; }

.contents_spece { height: 100px; width: 100px; }

.contents_spece2 { height: 40px; width: 100px; }

.play_box { padding-top: 10px; width: 1000px; margin-right: auto; margin-left: auto; padding-bottom: 30px; }

.play_box_sp { padding-top: 10px; width: 100%; margin-right: auto; margin-left: auto; padding-bottom: 20px; }

.play_title_style1 { margin-bottom: 15px; }

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

.play_screenshot_style2 { width: 438px; float: right; }

.play_screenshot_box { width: 900px; margin-right: auto; margin-left: auto; }

.play_scrennshot_sp { width: 90%; margin-right: auto; margin-left: auto; }

.special_box { padding-top: 20px; padding-bottom: 80px; width: 1000px; margin-right: auto; margin-left: auto; }

.special_box_sp { width: 90%; margin-right: auto; margin-left: auto; }

.special_banner { width: 660px; margin-right: auto; margin-left: auto; }

.spec_box { width: 1000px; margin-right: auto; margin-left: auto; padding-bottom: 100px; }

.spec_box_sp { width: 90%; margin: auto; padding-top: 10%; }

/* ▼20170120更新▼ */
.spec_bg { height: 273px; width: 1000px; background-image: url(/common/image/rewrite_im_spec_bg3.png); background-repeat: no-repeat; }

/* ▲20170120更新▲ */
.spec_text { padding-top: 20px; font-size: 14px; line-height: 22px; text-align: center; }

.spec_style1_sp { width: 100%; padding-bottom: 2%; margin-right: auto; margin-left: auto; }

.spec_bt_sp { padding-top: 2%; padding-bottom: 2%; }

.spec_bt { width: 35%; float: left; margin-top: 180px; }

/* ▼20170120更新▼ */
.google_play_bt_sp { width: 80%; margin: auto; padding-top: 1%; padding-bottom: 1%; }

.app_store_bt_sp { width: 80%; margin: auto; padding-top: 1%; padding-bottom: 1%; }

.spec_space { float: left; height: 100px; width: 546px; }

.download_bt_box { width: 450px; float: left; margin-top: 180px; }

.app_store_bt { width: 216px; float: left; }

.google_play_bt { width: 216px; float: right; }

/* ▲20170120更新▲ */
.contents_world_box_sp { width: 90%; margin: auto; }

/* footer_setting
================================================== */
.footer_box { background-color: #000; }

.copy_right { color: #FFF; text-align: center; padding-top: 25px; padding-bottom: 25px; }

.banner_box { width: 430px; margin-right: auto; margin-left: auto; padding-top: 30px; }

.banner_box_sp { width: 100%; margin-right: auto; margin-left: auto; padding-top: 30px; }

.banner_left { float: left; width: 200px; }

.banner_right { float: right; width: 200px; }

.banner { width: 70%; margin: auto; }

/* etc_setting
================================================== */
#page-top { position: fixed; bottom: 20px; right: 20px; z-index: 9999; }

#page-top a { width: 192px; padding: 10px 0; text-align: center; display: block; z-index: 9999; }

/* ▼20170120更新▼ */
.header_pre_box { background-image: url(/common/image/pre_header_img_20170120.png); background-repeat: no-repeat; background-position: center top; }

.header_pre_box2 { background-image: url(/common/image/pre_header_img2.png); background-repeat: no-repeat; background-position: center top; }

.header_pre_space { height: 680px; width: 100px; }

/* ▲20170120更新▲ */
.header_pre_space2 { height: 430px; width: 100px; }

.header_pre_space3 { height: 150px; width: 100px; }

.header_pre_registration { width: 760px; margin-right: auto; margin-left: auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 20px; background-image: url(/common/image/white_bg.png); background-repeat: repeat; }

.pre_text_style1 { font-size: 18px; padding-bottom: 10px; text-align: center; }

.pre_text_style1_sp { font-size: 1.4rem; padding-bottom: 10px; text-align: center; }

.form_mail_style1 { padding: 4px; }

.form_mail_style2 { font-size: 16px; font-weight: bold; }

#image-bt { border: 0px; width: 204px; height: 44px; background-image: url(/common/image/pre_bt_mail.png); background-repeat: no-repeat; background-position: left top; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; }

#image-bt:hover { opacity: 0.8; }

.pre_mail_box { display: table; width: 700px; margin: auto; text-align: center; }

.pre_mail_table-cell_1 { display: table-cell; text-align: left; vertical-align: middle; }

.pre_mail_table-cell_2 { display: table-cell; text-align: center; vertical-align: middle; }

.pre_mail_table-cell_3 { display: table-cell; text-align: right; vertical-align: middle; padding-left: 10px; }

.pre_bt_box { width: 700px; margin-right: auto; margin-left: auto; padding-top: 15px; }

.pre_bt_left { float: left; width: 340px; }

.pre_bt_left:hover { opacity: 0.8; }

.pre_bt_right { float: right; width: 340px; }

.pre_bt_right:hover { opacity: 0.8; }

.pre_main_box { width: 960px; margin-right: auto; margin-left: auto; padding-top: 15px; }

.pre_main_box_sp { width: 90%; margin-right: auto; margin-left: auto; padding-top: 2%; }

.pre_attention_box { background-color: #dedede; width: 800px; margin-right: auto; margin-left: auto; margin-top: 15px; padding: 30px; font-size: 16px; color: #333; line-height: 26px; margin-bottom: 15px; }

.pre_attention_box_sp { background-color: #dedede; width: 90%; margin-right: auto; margin-left: auto; margin-top: 15px; padding: 5%; font-size: 1.4rem; color: #333; line-height: 26px; margin-bottom: 15px; }

.top_back_bt { width: 40%; max-width: 400px; margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 15px; }

.top_back_bt_sp { width: 90%; max-width: 400px; margin-right: auto; margin-left: auto; padding-top: 10%; padding-bottom: 10%; }

/* ▼20170120更新▼ */
.header_pre_box_sp { width: 100%; background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; -o-background-size: contain; -ms-background-size: contain; background: url(/common/image/sp_top_image4.png) no-repeat; }

/* ▲20170120更新▲ */
.header_pre_box_space { width: 100px; padding-top: 100%; }

.header_pre_box_space2 { width: 100px; padding-top: 80%; }

.header_pre_registration_sp { background: url(/common/image/white_bg.png) repeat; width: 80%; margin-right: auto; margin-left: auto; padding: 5%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.form_mail_style1_sp { padding: 2%; text-align: center; margin-bottom: 1%; }

.form_mail_style2_sp { font-size: 1.4rem; font-weight: bold; text-align: center; padding-bottom: 1%; }

.pre_bt { width: 76%; margin-right: auto; margin-left: auto; margin-top: 6%; margin-bottom: 6%; }

.pre_lightbox { padding: 30px; }

.line_title { background-color: #16b63f; text-align: center; padding: 10px; }

.lobi_title { background-color: #ff6431; text-align: center; padding: 10px; }

.yoyaku_title { background-color: #252525; text-align: center; padding: 10px; }

.pre_light_box_text { padding: 20px; text-align: center; font-size: 16px; line-height: 24px; font-weight: bold; }

.pre_lightbox_bt_box { width: 80%; margin-right: auto; margin-left: auto; }

.pre_lightbox_bt_left { float: left; width: 48%; }

.pre_lightbox_bt_right { float: right; width: 48%; }

/* information_setting
================================================== */
/* information_setting
================================================== */
.information_wrapper { width: 80%; margin: auto; padding-top: 1%; }

.information_title_box { background-color: #FFF; padding: 15px 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #61b762), color-stop(0, #1f8a22)); background: -webkit-linear-gradient(top, #1f8a22 0%, #61b762 88%); background: -moz-linear-gradient(top, #1f8a22 0%, #61b762 88%); background: -o-linear-gradient(top, #1f8a22 0%, #61b762 88%); background: -ms-linear-gradient(top, #1f8a22 0%, #61b762 88%); background: linear-gradient(to bottom, #1f8a22 0%, #61b762 88%); }

.information_data { width: 150px; float: left; vertical-align: middle; text-align: left; color: #FF9; font-size: 120%; font-weight: bold; }

.information_title { float: left; vertical-align: middle; text-align: left; color: white; font-size: 120%; font-weight: bold; }

.infomation_content { background-color: #FFF; margin-top: 1%; padding: 15px 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; font-size: 120%; }

.infomation_content_campaign { background-color: #333; margin-top: 1%; padding: 15px 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; font-size: 120%; }

@media screen and (max-width: 699px) { .information_wrapper { width: 90%; margin: auto; padding-top: 10px; }
  .information_title_box { background-color: #FFF; padding: 15px 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #61b762), color-stop(0, #1f8a22)); background: -webkit-linear-gradient(top, #1f8a22 0%, #61b762 88%); background: -moz-linear-gradient(top, #1f8a22 0%, #61b762 88%); background: -o-linear-gradient(top, #1f8a22 0%, #61b762 88%); background: -ms-linear-gradient(top, #1f8a22 0%, #61b762 88%); background: linear-gradient(to bottom, #1f8a22 0%, #61b762 88%); }
  .infomation_content { background-color: #FFF; margin-top: 10px; padding: 15px 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; font-size: 13px; }
  .information_data { width: 100px; float: left; vertical-align: middle; text-align: left; color: #FF9; font-size: 120%; font-weight: bold; }
  .information_title { float: left; vertical-align: middle; text-align: left; color: white; font-size: 120%; font-weight: bold; } }
.information_back_bt { width: 50%; margin-right: auto; margin-left: auto; margin-top: 6%; margin-bottom: 6%; }

.twitter_campaign_box { width: 964px; margin-right: auto; margin-left: auto; margin-top: 1%; }

.twitter_campaign_box_sp { width: 90%; margin-right: auto; margin-left: auto; margin-top: 1%; }

.contents_twitter_campaign_text { font-size: 24px; text-align: center; padding-top: 2%; padding-bottom: 2%; }

.center { text-align: center; }

.contents_song_box { margin-top: 25px; width: 700px; margin-right: auto; margin-left: auto; }

.contents_song_title { float: right; width: 264px; }

.contents_song_title_sp { width: 70%; padding-top: 15px; margin: auto; }

/* 20161220
================================================== */
.top_wrapper_comic { background-image: url(/common/image/comic_bg.jpg); background-repeat: repeat; }

.comic_title { width: 1000px; margin-right: auto; margin-left: auto; }

.comic_title_sp { width: 96%; margin-right: auto; margin-left: auto; padding-top: 5%; padding-bottom: 2%; }

.comic_text_box { font-size: 20px; text-align: center; line-height: 34px; padding-top: 12px; padding-bottom: 12px; }

.comic_title_box { width: 1000px; margin-right: auto; margin-left: auto; }

.comic_title_box_sp { width: 96%; margin-right: auto; margin-left: auto; }

.comic_cut_box { width: 820px; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px; }

.comic_left_cut { float: left; width: 400px; }

.comic_right_cut { float: right; width: 400px; }

.comic_cut_sp { width: 85%; margin: auto; padding-top: 2%; }

.comic_image_box { width: 500px; margin-right: auto; margin-left: auto; padding: 10px; background-color: #FFF; margin-top: 20px; margin-bottom: 20px; }

.comic_image_box_sp { width: 90%; margin-right: auto; margin-left: auto; padding-top: 2%; padding-bottom: 2%; }

.comic_arrow_box { width: 600px; margin-right: auto; margin-left: auto; }

.comic_arrow_left { width: 100px; float: left; }

.comic_arrow_left:hover { opacity: 0.7; }

.comic_arrow_right { width: 100px; float: right; }

.comic_arrow_right:hover { opacity: 0.7; }

.comic_arrow_box_sp { width: 90%; margin: auto; padding-top: 4%; }

.comic_arrow_left_sp { width: 20%; float: left; }

.comic_arrow_right_sp { width: 20%; float: right; }

.top_comic { width: 10%; position: absolute; top: 34%; left: 16px; z-index: 999; }

.top_comic_sp { width: 70%; margin: auto; padding-bottom: 4%; }

/* 20161222
================================================== */
.comic_profile_box { width: 610px; margin: auto; padding-top: 25px; padding-bottom: 25px; }

.comic_profile_box_sp { width: 90%; margin: auto; padding-top: 4%; padding-bottom: 4%; }

.comic_profile_left { width: 192px; float: left; padding-right: 10px; }

.comic_profile_left_sp { width: 30%; float: left; padding-right: 4%; }

.comic_profile_right { width: 408px; float: left; font-size: 20px; line-height: 28px; font-weight: bold; color: #4a2f1a; }

.comic_profile_right_sp { width: 66%; float: left; }

/* 20170120
================================================== */
/* ▼20170120更新▼ */
.play_bt_box { height: 122px; width: 1000px; margin-left: auto; margin-right: auto; margin-top: 30px; background-image: url(/common/image/play_bt_back.png); background-repeat: no-repeat; }

.play_bt_space { width: 510px; height: 100px; float: left; }

.app_store_bt_top { width: 216px; float: left; padding-right: 30px; padding-top: 29px; }

.google_play_bt_top { width: 216px; float: left; padding-top: 29px; }

.play_bt_box_sp { width: 90%; margin: auto; padding-top: 1%; }

.app_store_bt_top_sp { width: 49%; float: left; }

.google_play_bt_top_sp { width: 49%; float: right; }

/* ▲20170120更新▲ */
/* 20170214
================================================== */
.top_wrapper_oasis_comic { background-image: url(/common/image/oasis_4koma_bg.jpg); background-repeat: repeat; }

.oasis_comic_title { width: 90%; max-width: 842px; margin-right: auto; margin-left: auto; }
.oasis_comic_title img { width: 100%; }

.oasis_comic_title_sp { width: 96%; margin-right: auto; margin-left: auto; padding-top: 5%; }

.oasis_comic_text_box { width: 90%; max-width: 750px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 15px; }
.oasis_comic_text_box img { width: 100%; }

.oasis_comic_text_box_sp { width: 85%; margin-right: auto; margin-left: auto; padding-bottom: 2%; }

.oasis_comic_cut_box { width: 820px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; }

.oasis_comic_profile { width: 90%; max-width: 1011px; margin: auto; padding-top: 40px; padding-bottom: 30px; }

.oasis_comic_image_box { width: 90%; max-width: 1000px; margin-right: auto; margin-left: auto; padding: 10px; }

.oasis_comic_image_box_sp { width: 100%; margin-right: auto; margin-left: auto; padding-top: 2%; padding-bottom: 2%; }

.oasis_comic_top_back_bt { width: 40%; margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 15px; }

.oasis_comic_top_back_bt_sp { width: 90%; margin-right: auto; margin-left: auto; padding-top: 10%; padding-bottom: 10%; }

.oasis_comic_arrow_box { width: 90%; max-width: 1000px; margin-right: auto; margin-left: auto; }

.oasis_comic_arrow_box_sp { width: 90%; margin: auto; }

.oasis_comic_twitter_bt { text-align: center; margin-top: 10px; margin-bottom: 15px; }